@media (max-width:767px){
     .content-wrapper,.right-side,.main-footer{
        margin-left:0
    }
     .help-item {
         display:none !important;
    }
}
 @media (min-width:768px){
    .sidebar-collapse .content-wrapper,.sidebar-collapse .right-side,.sidebar-collapse .main-footer{
        margin-left:0
    }
}
 @media (max-width:767px){
     .sidebar-open .content-wrapper,.sidebar-open .right-side,.sidebar-open .main-footer{
        -webkit-transform:translate(230px, 0);
        -ms-transform:translate(230px, 0);
        -o-transform:translate(230px, 0);
        transform:translate(230px, 0)
    }
}
 @media only screen and (max-width:1100px) {
     .e-comex-login .caja-login {
         background:rgba(0,0,0, 0.8);
         border-radius:10px 0 0 10px;
         padding:15px;
         margin:20px 0 0 0;
    }
}
 @media (max-width:767px){
    .fixed .content-wrapper,.fixed .right-side{
        padding-top:100px
    }
}

@media (max-width:1500px){
     .content-header > .breadcrumb {
         position: relative;
         margin-top: 5px;
         top: 0;
         right: 0;
         float: none;
         background: #ddd;
         padding-left: 10px;
         border-radius: 0;
    }
}

@media (max-width:1299px){
     .comment {
         font-size: 11px;
    }
     .responsable-front {
         font-size: 11px;
         font-weight:bold;
    }
     .activity-cont .root-columns {
         width:25%;
    }
}
 @media (max-width:1199px){
     .comment {
         display: none;
    }
     .responsable-front {
         display:none;
    }
     .footer-date {
         display: none;
    }
     .activity-cont .root-columns {
         width:60%;
         display: block;
    }
}
 @media (max-width:991px){
     .main-header .navbar-custom-menu a,.main-header .navbar-right a{
        color:inherit;
        background:transparent
    }
     .activity-cont .root-columns {
         width:94%;
         margin-top:5px;
         display: block;
    }
     .sm-blue a {
         display: block;
    }
}
 @media (max-width:767px){
     .main-header .navbar-right{
        float:none
    }
     .navbar-collapse .main-header .navbar-right{
        margin:7.5px -15px
    }
     .main-header .navbar-right>li{
        color:inherit;
        border:0
    }
     ul.sm li {
         display: block;
         text-align: left;
         border-bottom: 1px solid #f1f1f1;
    }
     .sm-blue a span.sub-arrow {
         left:94%;
         bottom: 20px;
    }
     .sm-nowrap {
         min-width:100% !important;
    }
}
 @media (max-width:991px){
    .navbar-custom-menu .navbar-nav>li{
        float:left
    }
     .navbar-custom-menu .navbar-nav{
        margin:0;
        float:left
    }
     .navbar-custom-menu .navbar-nav>li>a{
        padding-top:17px;
        padding-bottom:16px;
        line-height:20px
    }
}
 @media (max-width:767px){
    .main-header{
        position:relative
    }
    .main-header .logo,.main-header .navbar{
        width:100%;
        float:none;
        position:relative!important
    }
    .main-header .navbar{
        margin:0
    }
    .main-header .navbar-custom-menu{
        float:right
    }
     .main-sidebar,.left-side{
        padding-top:380px!important
    }
}
 @media (max-width:991px){
    .navbar-collapse.pull-left{
        float:none!important
    }
    .navbar-collapse.pull-left+.navbar-custom-menu{
        display:block;
        position:absolute;
        top:0;
        right:40px
    }
}
 @media (max-width:767px){
    .main-sidebar,.left-side{
        -webkit-transform:translate(-230px, 0);
        -ms-transform:translate(-230px, 0);
        -o-transform:translate(-230px, 0);
        transform:translate(-230px, 0)
    }
}
 @media (min-width:768px){
    .sidebar-collapse .main-sidebar,.sidebar-collapse .left-side{
        -webkit-transform:translate(-230px, 0);
        -ms-transform:translate(-230px, 0);
        -o-transform:translate(-230px, 0);
        transform:translate(-230px, 0)
    }
}
 @media (max-width:767px){
    .sidebar-open .main-sidebar,.sidebar-open .left-side{
        -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
 @media (min-width:768px){
     .sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .right-side,.sidebar-mini.sidebar-collapse .main-footer{
        margin-left:50px!important;
        z-index:840
    }
     .sidebar-mini.sidebar-collapse .main-sidebar{
        -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0);
        width:50px!important;
        z-index:850
    }
     .sidebar-mini.sidebar-collapse .sidebar-menu>li{
        position:relative
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a{
        margin-right:0
    }
     .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{
        border-top-right-radius:4px
    }
     .sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span{
        border-bottom-right-radius:4px;
    }
     .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{
         padding-top:5px;
         padding-bottom:5px;
         border-bottom-right-radius:4px;
         box-shadow: 0 0 2px 0 #bbb;
    }
     .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{
        display:block!important;
        position:absolute;
        width:240px;
        left:50px
    }
     .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span{
        top:0;
        margin-left:0;
        padding:12px 5px 12px 20px;
        background-color:inherit
    }
     .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{
        top:43px;
        margin-left:0
    }
     .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,.sidebar-mini.sidebar-collapse .sidebar-form,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,.sidebar-mini.sidebar-collapse .sidebar-menu li.header{
        display:none!important
    }
     .sidebar-mini.sidebar-collapse .main-header .logo {
         width: 50px;
    }
     .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini{
        display:block;
        margin-left:-15px;
        margin-right:-15px;
        font-size:18px
    }
     .sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg{
        display:none
    }
     .sidebar-mini.sidebar-collapse .main-header .navbar{
        margin-left:50px
    }
}
 @media (max-width:768px){
    .control-sidebar{
        padding-top:100px
    }
}
 @media (min-width:768px){
    .control-sidebar-open .content-wrapper,.control-sidebar-open .right-side,.control-sidebar-open .main-footer{
        margin-right:230px
    }
}
 @media (max-width:768px){
    .control-sidebar-tabs{
        display:table
    }
     .control-sidebar-tabs>li{
        display:table-cell !important
    }
}
 @media (max-width:991px){
    .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{
        background:#fff!important;
        color:#444!important
    }
}
 @media (max-width:991px){
    .navbar-nav>.user-menu>.dropdown-menu>.user-body a{
        background:#fff !important;
        color:#444 !important
    }
}
 @media (max-width:991px){
    .navbar-custom-menu>.navbar-nav{
        float:right
    }
    .navbar-custom-menu>.navbar-nav>li{
        position:static
    }
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
        position:absolute;
        right:5%;
        left:auto;
        border:1px solid #ddd;
        background:#fff
    }
}
 @media (max-width:767px){
    .small-box{
        text-align:center
    }
    .small-box .icon{
        display:none
    }
    .small-box p{
        font-size:12px
    }
}
 @media (max-width:991px){
    .chart-legend>li{
        float:left;
        margin-right:10px
    }
}
 @media (min-width:768px){
    .modal-content{
        -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125) !important;
        box-shadow:0 2px 3px rgba(0,0,0,0.125) !important
    }
}
 @media (max-width:768px){
     .login-box,.register-box{
        width:90%;
        margin-top:20px
    }
}
 @media (max-width:991px){
    .error-page{
        width:100%
    }
}
 @media (max-width:991px){
    .error-page>.error-content{
        margin-left:0
    }
}
 @media (max-width:991px){
    .error-page>.error-content>h3{
        text-align:center
    }
}
 @media (max-width:991px){
    .error-page>.headline{
        float:none;
        text-align:center
    }
}
 @media screen and (max-width:800px) {
     .marcas {
         position:static;
         background-color:#fff;
    }
     .member {
         position:absolute;
         z-index:10000;
         margin:0;
         padding:5px 0;
         width:70px !important;
    }
     .dropdown-menu {
         background-color:#fff !important;
         border:1px solid #d6d6d6 !important;
    }
     .control-sidebar{
         top:105px;
         padding-top:0;
    }
     .linea-tramite li {
         top: -65px;
    }
}
 @media screen and (max-width:1450px) {
     .arancel-wrap {
         min-height:700px !important;
    }
}
 @media only screen and (min-width: 1170px) {
     .cd-main-content h1 {
         font-size: 32px;
         font-size: 2rem;
    }
}
 @media only screen and (min-width: 768px) {
     .cd-panel-header {
         width: 70%;
    }
}
 @media only screen and (min-width: 1170px) {
     .cd-panel-header {
         width: 50%;
    }
}
 @media only screen and (min-width: 768px) {
     .cd-panel-container {
         width: 70%;
    }
}
 @media only screen and (min-width: 1170px) {
     .cd-panel-container {
         width: 50%;
    }
}
 @media only screen and (min-width: 768px) {
     .cd-panel-content p {
         font-size: 16px;
         font-size: 1rem;
         line-height: 1.6;
    }
}
 @media only screen and (orientation: landscape){
     .chapternav-items{
        padding-bottom:49px
    }
}
 @media screen and (max-width:1240px) {
     .root-fase {
         font-size:12px;
    }
}
 @media all and (min-width: 50em) {
     .grid {
         margin-left: auto;
         margin-right: auto;
    }
}
 @media all and (min-width: 40em) {
     .card {
         margin-top: 0;
    }
}
 @media all and (min-width: 0em) {
     .m-de .card--title, .m-mx .card--title {
         font-size: 2em;
    }
}
 @media all and (min-width: 41em) and (max-width: 50em) {
     .m-jp .flip--front .card--title, .m-cn .flip--front .card--title, .m-hk .flip--front .card--title, .m-kr .flip--front .card--title {
         font-size: 23px;
         font-size: 2.3rem;
    }
}
 @media all and (min-width: 70em) {
     .m-jp .flip--front .card--title, .m-cn .flip--front .card--title, .m-hk .flip--front .card--title, .m-kr .flip--front .card--title {
         font-size: 25px;
         font-size: 2.5rem;
    }
}
 @media all and (min-width: 40em) {
     .flip {
         position: relative;
         padding-bottom: 54%;
         height: 0;
    }
     .flip.box-finalizado, .flip.box-finalizado2, .flip.box-finalizado3 {
         padding-bottom:20%;
    }
     .flip--front, .flip--back {
         height:100%;
    }
     .flexbox .flip--front {
         display: flex;
         display: -ms-flexbox;
         display: -webkit-flex;
         -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -ms-flex-align: center;
         -webkit-align-items: center;
         align-items: center;
         position: absolute;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .flip--front .card--link {
         display: block;
         text-align:center;
         -ms-justify-content: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
         -ms-align-items: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         height: 100%;
         width: 100%;
    }
     .flip--back .card--link {
         min-height:100%;
    }
     .no-flexbox .card, .no-flexbox .flip--front, .no-flexbox .flip--back {
         height: 247px;
    }
     .no-flexbox .flip--front .card--title {
         margin-top: 80px;
         text-align: center;
    }
}
 @media screen and (max-width:1499px) {
     .flip {
         padding-bottom:69% !important;
    }
     .flip.box-finalizado, .flip.box-finalizado2, .flip.box-finalizado3 {
         padding-bottom:23% !important;
    }
}
 @media screen and (max-width:1299px) {
     .flip {
         padding-bottom:80% !important;
    }
     .flip.box-finalizado, .flip.box-finalizado2, .flip.box-finalizado3 {
         padding-bottom:32% !important;
    }
     .card--title {
         font-size:13px;
         font-weight:500;
    }
}
 @media screen and (max-width:1099px) {
     .flip {
         padding-bottom:66% !important;
    }
     .flip.box-finalizado, .flip.box-finalizado2, .flip.box-finalizado3 {
         padding-bottom:35% !important;
    }
     .card--title {
         font-size:12px;
         font-weight:500;
    }
     .estado, .responsable {
         display:none;
    }
}
 @media screen and (max-width:999px) {
     .flip {
         padding-bottom:80% !important;
    }
     .flip.box-finalizado, .flip.box-finalizado2, .flip.box-finalizado3 {
         padding-bottom:40% !important;
    }
     .card--title {
         font-size:12px;
         font-weight:500;
    }
     .estado, .responsable {
         display:none;
    }
}
 @media screen and (max-width:899px) {
     .flip {
         padding-bottom:90% !important;
    }
     .flip.box-finalizado, .flip.box-finalizado2, .flip.box-finalizado3 {
         padding-bottom:45% !important;
    }
     .card--title {
         font-size:11px;
         font-weight:normal;
    }
}
 @media screen and (max-width:799px) {
     .flip {
         padding-bottom:100% !important;
    }
     .flip.box-finalizado, .flip.box-finalizado2, .flip.box-finalizado3 {
         padding-bottom:60% !important;
    }
}
 @media all and (min-width: 70em) {
     .csstransforms3d .card {
         -webkit-perspective: 1000;
         -ms-perspective: 1000;
         perspective: 1000;
         -ms-transform: perspective(1000px);
         -moz-transform: perspective(1000px);
         -moz-transform-style: preserve-3d;
         -ms-transform-style: preserve-3d;
    }
     .csstransforms3d .card:hover .flip--back {
         -webkit-transform: rotateY(0deg);
         transform: rotateY(0deg);
    }
     .csstransforms3d .card:hover .flip--front {
         -webkit-transform: rotateY(180deg);
         transform: rotateY(180deg);
    }
     .csstransforms3d .flip {
         transition: 0.3s;
         -webkit-transform-style: preserve-3d;
         transform-style: preserve-3d;
    }
     .csstransforms3d .flip--front, .csstransforms3d .flip--back {
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
         transition: 0.3s;
         -webkit-transform-style: preserve-3d;
         transform-style: preserve-3d;
         position: absolute;
         top: 0;
         left: 0;
    }
     .csstransforms3d .flip--front {
         z-index: 2;
         -webkit-transform: rotateY(0deg);
         transform: rotateY(0deg);
    }
     .csstransforms3d .flip--back {
         display: block;
         -webkit-transform: rotateY(-180deg);
         transform: rotateY(-180deg);
    }
     .no-csstransforms3d .card:hover .flip--front {
         display: none;
    }
     .no-csstransforms3d .card:hover .flip--back {
         display: block;
    }
}
 @media screen and (max-width:1024px) {
     .sm-blue a {
         padding-left:25px;
         padding-right:25px;
    }
}
 @media print{
    .no-print,.main-sidebar,.left-side,.main-header,.content-header{
        display:none!important
    }
     .content-wrapper,.right-side,.main-footer{
         margin-left:0!important;
        min-height:0!important;
         -webkit-transform:translate(0, 0) !important;
        -ms-transform:translate(0, 0) !important;
         -o-transform:translate(0, 0) !important;
        transform:translate(0, 0) !important
    }
    .fixed .content-wrapper,.fixed .right-side{
        padding-top:0!important
    }
    .invoice{
        width:100%;
        border:0;
        margin:0;
        padding:0
    }
    .invoice-col{
        float:left;
        width:33.3333333%
    }
    .table-responsive{
        overflow:auto
    }
    .table-responsive>.table tr th,.table-responsive>.table tr td{
        white-space:normal!important
    }
}
 @media only screen and (max-width: 767px){
    .ac-nav-overlap .chapternav{
        margin-top:48px
    }
}
 @media only screen and (min-width: 1442px){
    #viewport-emitter{
        x-content:"xlarge"
    }
    #viewport-emitter::before{
        content:"xlarge"
    }
}
 @media only screen and (max-width: 1068px){
    #viewport-emitter{
        x-content:"medium"
    }
    #viewport-emitter::before{
        content:"medium"
    }
}
 @media only screen and (max-width: 735px){
    #viewport-emitter{
        x-content:"small"
    }
    #viewport-emitter::before{
        content:"small"
    }
}