body {
    background: #f4f4f6;
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

.bg-body {
    background: #f4f4f6;
    width: 100%;
}

    @media (max-width: 375px) {
    .container, .tab-content {
        padding-left: 0;
        padding-right: 0;
        }
    }
.wrapper {
    min-height: 100vh;
}
/*:::LOGIN:::*/
.ButtonCancel {
    float:left;
    text-align:center;
    width:100%;
}
.btn-cprc-color { 
    color: white;
    background: #71B2E2;
        -webkit-border-radius:50px;
    border-radius: 50px;
    font-size:12px;
    padding: 3px 10px;
}
.btn-cprc-color:hover, 
.btn-cprc-color:active, 
.btn-cprc-color:focus { 
    color:white;
    opacity:.8;
}
.cp-clformImage {
    float:left;
    height: 100vh;
    width: 100%;  
}
.cp-clform {     
    position: fixed;
    height: 100%;
    float: left;
    right: 0px;
    width: 23%;  
}
    @media (max-width: 1199px) {
        .cp-clform {  width: 31%; }
    }
    @media (max-width: 820px) {
        .cp-clform {  width: 38%; }
    }
    @media (max-width: 630px) {
        .cp-clform {  width: 50%; }
    }
    @media (max-width: 470px) {
        .cp-clform {  width: 100%; }
    }
.login-section {
    background: url("../Images/Background/BGMociTemporal.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    background-size: cover;
    height: 100%;
    text-align: center;
}
.MociLunes { background: url("../Images/Background/BGMociTemporal.jpg");
             background-position: center center;
             background-repeat: no-repeat;
             background-attachment: fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
}
.MociMartes { background: url("../Images/Background/BGMociTemporal.jpg");
              background-position: center center;
              background-repeat: no-repeat;
              background-attachment: fixed;
                  -webkit-background-size: cover;
                  -moz-background-size: cover;
                  -o-background-size: cover;
}
.MociMiercoles { background: url("../Images/Background/BGMociTemporal.jpg");
                 background-position: center center;
                 background-repeat: no-repeat;
                 background-attachment: fixed;
                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    -o-background-size: cover;
}
.MociJueves { background: url("../Images/Background/BGMociTemporal.jpg");
              background-position: center center;
              background-repeat: no-repeat;
              background-attachment: fixed;
                  -webkit-background-size: cover;
                  -moz-background-size: cover;
                  -o-background-size: cover;
}
.MociViernes { background: url("../Images/Background/BGMociTemporal.jpg");
               background-position: center center;
               background-repeat: no-repeat;
               background-attachment: fixed;
                   -webkit-background-size: cover;
                   -moz-background-size: cover;
                   -o-background-size: cover;
}
.MociSabado { background: url("../Images/Background/BGMociTemporal.jpg");
              background-position: center center;
              background-repeat: no-repeat;
              background-attachment: fixed;
                   -webkit-background-size: cover;
                   -moz-background-size: cover;
                   -o-background-size: cover;
}
.MociDomingo { background: url("../Images/Background/BGMociTemporal.jpg");
               background-position: center center;
               background-repeat: no-repeat;
               background-attachment: fixed;
                  -webkit-background-size: cover;
                  -moz-background-size: cover;
                  -o-background-size: cover;
}

.MensajesMoci {
    float:left;
    text-align:center;
    width:100%;
}
.login-box {
    margin: 15px auto;
    padding: 0px 20px;
    width: 100%;
}
.login-icon {
    background: #005dab;
    border: 0px;
    padding: 5px 8px;
}
.login-icon img {
    height: 20px;
    width: 20px;
}
.login-input {
    font-weight: 300;
    letter-spacing: 2px;
}
.MociTextosLogin {
    position:absolute;
    width:77%;
}
.MociTextosTitulo {
    float:left;
    margin:0% 0px 0px 0%;
}
    @media (max-width: 470px) {
        .MociTextosTitulo { display:none; }
    }
.MociTextosTitulo h2 {
    color:white;
    font-size:75px;
    margin:0px;
}
.MociTextosTitulo label {
    color:white;
    font-weight:normal;
    margin:0px;
    font-size:24px;
}
.MociTextosTitulo span {
    color:white;
    font-size:18px;
}
.MociHoraBienvenido span {
    font-size:30px;
    color: white;
}
    @media (max-width: 622px) {
        .MociHoraBienvenido span { font-size: 29px; }
        .MociTextosTitulo label { font-size: 19px; }
    }
.login-logo {
    text-align: left;
}
.login-logo img {
    width: 20%;
}
.login-logo-marca {
    position:absolute;
    text-align: center;
}
.login-logo-marca img {
    width: 90px;
}
    @media (max-width: 820px) {
        .login-logo-marca img {
             width: 50px;
        }
    }
.login-container {
    display:table;
    background-color: rgba(113,178,226,.7);
    /*background: #71B2E2;*/   
    height:100vh;
    width: 100%;
} 
.LoginDia {
    background-color: rgba(113,178,226, 1);
}
.LoginTarde {
    background-color: rgba(113,178,226,.7);
}
.LoginNoche {
    background-color: rgba(113,178,226,.4);
}
.MOCILoginAling {
    display: table-cell;
    vertical-align: middle;
}
.ContMensajeInicio {
    margin: 5px 0px 0px;
}   
.mensaje-inicio {
    color: white;
    float:left;
    text-align: center;
    width:100%;
}
    /*@media (max-width: 480px) {
    .login-container {
        background:none;
        margin: 13% auto 0;
        padding: 35px 5px 20px;
        width: 90%;
    }
}
    @media (max-width: 375px) {
        .login-container {
            margin: 50% auto 0;
            padding: 35px 5px 20px;
            width: 90%;
        }
    }

    @media (max-width: 320px) {
        .login-container {
            margin: 35% auto 0;
            padding: 35px 0px 20px;
        }
    }*/
.login-button {
    border: 0px;
    background: #005dab;
    color: white;
    font-weight: 300;
    letter-spacing: 2px;
    margin: 0px;
    padding: 10px 0px;
    width: 100%;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
    transition: all .5s ease;
}

.login-button:hover { opacity: .7; }

.login-user-fig {
    margin: -50px auto 0px;
    text-align:center;
    width: 100%;
}
.login-user-fig img { width: 150px; }

    @media (max-width: 820px) {
        .login-user-fig img { 
            margin: 0px 0px 20px;
            width: 100px;  
        }
    }

.TitleRecuperacionContra{ 
    color:white;
    font-size:17px;
    text-align:center;
    margin:0px;
}
/*:::/LOGIN:::*/

.cp-AdministradorPreguntas{
    width:100%;
    padding-top: 30px;
    padding-bottom: 25px;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:100px;
    color:white;
}
.cpAdministracionPreguntasTitulo{
    background-color: #71B2E2;
    padding: 11px;
    text-align: center;
    margin-bottom: 20px;
}
.cpAdministracionPreguntasTitulo span{
   text-align: center;
   font-size: 16px;
   color: #fff;
}
.cp-buscadorBox {
    padding-bottom:10px;
    padding-top:10px;
}
.box-actions {
    padding: 0px;
    border: 2px solid #f3f3f3;
}
.cp-ValorForm {
    float: left;
    font-size: 12px;
    color: #666;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 6px 6px;
    width: 100%;
}
.Mocipag {
   text-align:center;
}
.cpContenedorR {
    height:75px;
    width: 100%;
    padding: 6px 6px 15px 15px;
    color: #71B2E2;
    text-align: center;
    font-size: 14px;
    padding-top: 12px;
}

.top-home-sk { padding: 155px 15px 0px;}
.fot-app{
     padding: 0;
}
.cfp-app {
    background: #d4d4d5;
    height: 95px;
    float: left;
    padding: 35px 15px 0;
    text-align: left;
    width: 100%;
}
.cfp-app h4 {
    font-size: 15px;
    font-weight: 200;
    color: #999;
    letter-spacing: 1px;
}
/*:::MENU:::*/
#sidebar-wrapper {
    background: rgba(33, 33, 33, 1);
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0px;
    width: 250px;
    z-index: 99999;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 14px;
    line-height: 33px;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#menu-toggle {
    position: fixed;
    top: 0px;
    right: 0;
    z-index: 10001;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    border-radius: 0px;
    color: #fff;
    margin: 0px 1px 0 0;
    padding: 8px;
    width: 54px;
}

.toggle:hover {
    color: #eee;
}
/* Sidebar nav styles*/
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
}
/* Color nav:hover style */
.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 5px;
    background-color: rgba(0, 0, 0, 1);
      -webkit-transition: width .2s ease-in;
            -moz-transition: width .2s ease-in;
            -ms-transition: width .2s ease-in;
    transition: width .2s ease-in;
}
/* /Color nav:hover style */
.sidebar-nav li a {
    background: rgba(33, 33, 33, 1);
    color: rgba(231, 231, 231, 1);
    border-bottom: 1px solid #000;
    border-top: 1px solid #2c2c2c;
    display: block;
    font-size:13px;
    text-decoration: none;
    padding: 10px 0px 13px 0px; 
}

.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
            -moz-transition: width .2s ease-in;
            -ms-transition: width .2s ease-in;
    transition: width .2s ease-in;
}

#menu-close {
    height: 54px;
    padding: 12px 0px 0px 3px;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    background: none;
}

.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: rgba(0, 0, 0, 1);
    box-shadow: none;
}

.btn-non {
    display: none;
    visibility: hidden;
}

.dropdown-menu > li > a {
    line-height: 28px;
}
/*:::/MENU:::*/
/*:::HEADER SCROLL:::*/
header.navbar {
    background: #005dab; 
    border: 0px;
        -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.1);
}

.navbar {
    padding: 10px 0;
    -webkit-transition: height .7s ease-in-out,padding .7s ease-in-out,opacity .7s ease-in-out;
    -moz-transition: height .7s ease-in-out,padding .7s ease-in-out,opacity .7s ease-in-out;
    transition: height .7s ease-in-out,padding .7s ease-in-out,opacity .7s ease-in-out;
    height: 105px;
}

.header-logo-app {
    float: left;
    padding:0px 12px;
    width: 7%;
        -o-transition: width .7s ease-in-out;
        -ms-transition: width .7s ease-in-out;
        -webkit-transition: width .7s ease-in-out;
        -moz-transition: width .7s ease-in-out;
    transition: width .7s ease-in-out;
}
    @media (max-width: 2000px) {
        .header-logo-app { width:10%; }
    }
    @media (max-width: 1024px){
        .header-logo-app { width: 11%; }
    }
    @media (max-width: 768px){
        .header-logo-app { width: 13%; }
    }
    @media (max-width: 640px){
        .header-logo-app { width: 15%; }
    }
    @media (max-width: 560px){
        .header-logo-app { width: 99px; }
    }
    @media (max-width: 420px){
        .header-logo-app { width: 70px;  margin: 13px 0px 0px; }
    }

.header-logo-app a img {
    max-width: 85px;
    width: 100%;
        -o-transition: width .7s ease-in-out;
        -ms-transition: width .7s ease-in-out;
        -webkit-transition: width .7s ease-in-out;
        -moz-transition: width .7s ease-in-out;
    transition: width .7s ease-in-out;
}

.hl-marca {
    float: none;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    width: 120px;
        -webkit-transition: all .7s ease-in-out;
        -moz-transition: all .7s ease-in-out;
        -ms-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
    @media (max-width: 769px) {
        .hl-marca { padding:0px; /*RESPONSIVE CON TEXTO padding: 25px 0px;*/ }
    }
    /*RESPONSIVE CON TEXTO
    @media (max-width: 380px) {
        .hl-marca { margin:0px auto 0px 0px; }
    }
    @media (max-width: 335px) {
        .hl-marca { margin:0px 0px 0px -30px; }
    }*/
.hl-marca a {
    font-size:20px;
}
    @media (max-width: 607px) {
        .hl-marca a { font-size:18px; }
    }
.hl-marca a img {
    max-width: 85px;
    width: 100%;
        -webkit-transition: all .7s ease-in-out;
        -moz-transition: all .7s ease-in-out;
        -ms-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
    @media (max-width: 980px) {
        .hl-marca a img { min-width: 86px; 
                          /*RESPONSIVE CON TEXTO min-width: 100px;*/ }
    }
.top-nav-collapse {
    padding: 0px;
    height: 50px;
    opacity: 1;
}
.top-nav-collapse .hl-marca {
    padding: 0px 0px;
    width: 28%;
}
    @media (max-width: 607px) {
        .top-nav-collapse .hl-marca { width: 250px;}
    }
    @media (max-width: 607px) {
        .top-nav-collapse .hl-marca { margin:0px auto; }
    }
    @media (max-width: 360px) {
        .top-nav-collapse .hl-marca { width:64%;  }
    }
    @media (max-width: 380px) {
        .top-nav-collapse .hl-marca a { font-size:16px; }
    }

.top-nav-collapse .hl-marca a img {
    max-width: 49px;
}
    @media (max-width: 1024px) {
       .top-nav-collapse .hl-marca a img { min-width: 50px; 
                                           /*RESPONSIVE CON TEXTO min-width: 70px;*/ }
    }

.top-nav-collapse .header-logo-app {
    padding: 0px 10px;
    width: 4.8%;
}
    /*@media (max-width: 2000px) {
        .top-nav-collapse .header-logo-app { width: 5.7%; }
    }*/
    @media (max-width: 1199px) {
        .top-nav-collapse .header-logo-app { width: 5.7%; }
    }
    @media (max-width: 1024px) {
        .top-nav-collapse .header-logo-app { width: 7%; }
    }
    @media (max-width: 769px) {
        .top-nav-collapse .header-logo-app { width: 9%; }
    }
    @media (max-width: 640px) {
        .top-nav-collapse .header-logo-app { width: 11%; }
    }
    @media (max-width: 560px) {
        .top-nav-collapse .header-logo-app { width: 70px; }
    }
    @media (max-width: 420px) {
        .top-nav-collapse .header-logo-app { margin:1px 0px 0px; }
    }

.top-nav-collapse .header-logo-app a img {
    max-width: 70px;
}
    @media (max-width: 1366px) {
        .top-nav-collapse .header-logo-app a img { max-width: 70px; }
    }

    @media (max-width: 1024px) {
        .top-nav-collapse .header-logo-app a img { }
    }


.navbar-collapse { box-shadow: none; }
    @media (max-width: 768px) { 
        .navbar-collapse { padding: 0px; }
    }
/*:::BTN SCROLL:::*/
.btn-fixapp {
    right: 20px;
    position: fixed;
    padding: 4px;
    bottom: 70px;
    z-index: 9;
}
.btn-fixapp button {
    background: #005dab;
            -webkit-box-shadow: 0 3px 2px 2px rgba(0,0,0,.1);
    box-shadow: 0 3px 2px 2px rgba(0,0,0,.1);
        -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 40px;
    padding: 8px 7px;
    width: 40px;
}
.btn-fixapp button img {
    width: 100%;
}
.btn-scroll-top {
    background: #005dab;
        -webkit-box-shadow: 0 3px 2px 2px rgba(0,0,0,.1);
    box-shadow: 0 3px 2px 2px rgba(0,0,0,.1);
        -webkit-border-radius: 50%;
    border-radius: 50%;
    bottom: 20px;
    color: white;
    height: 40px;
    right: 20px;
    position: fixed;
    display: none;
    padding: 4px;
    width: 40px;
}
.btn-scroll-top img {
    width: 30px;
}
.top-nav-collapse .btn-scroll-top {
    display: inline-block;
}
/*:::/BTN SCROLL:::*/
/*:::/HEADER SCROLL:::*/
.page-container {
    margin: 107px 0 0;
    width: 100%;
}
.navbar-icons {
    background: white;
        -webkit-box-shadow: 0 2px 12px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 1px rgba(0,0,0,.1);
    border-bottom: 1px solid #ddd;
    float: left;
    margin: 105px 0 0;
    height: 50px;
    width: 100%;
    z-index: 99;
}
.navbar-icons ul {
    float: left;
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 5%;
    z-index: 1;
}
.navbar-icons ul li {
    display: inline-block;
    height: 49px;
            padding: 8px 0px;
}
.navbar-icons ul li a {
    padding: 19px 10px;
    width: 100%;
}
.navbar-icons ul li a img {
    width: 30px;
}
/*:::TABS:::*/
.TabEvaluacion ul li{
     border-right: 0px solid #ddd;
     margin-bottom: 0px;
     text-align: center;
     padding: 0px;
     width: 14.25%;

}
.TabEvaluacion {
       -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    float: left;
    width: 100%;
    z-index: 1;
}
.TabEvaluacion ul {
    background: white;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.TabEvaluacion ul li {
    border-right: 0px solid #ddd;
    margin-bottom: 0px;
    text-align: center;
    padding: 0px;
    width: 14.25%;
}
.TabEvaluacion .nav-tabs > li > a {
    border-right: 1px solid #ddd;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        color: #999;
    margin: 0px;
    height: 49px;
    padding: 10px 15px 0px;
}
    @media (max-width: 380px) {
    .TabEvaluacion .nav-tabs > li > a { padding: 6px 0px 5px; }
    }
.TabEvaluacion .nav-tabs > li > a > p { margin: 0px; }
.TabEvaluacion .nav-tabs > li > a > text { padding: 14px 0px 0px; }
    @media (max-width: 760px) {
    .TabEvaluacion .nav-tabs > li > a > text {
            display: none;
        }
    }
.TabEvaluacion .nav-tabs li a img {
    padding: 0px 5px 5px 0;
    width: 35px;
}
.TabEvaluacion .nav-tabs > li > a:hover {
    background: #f4f4f6;
}
.TabEvaluacion ul li{
     border-right: 0px solid #ddd;
     margin-bottom: 0px;
     text-align: center;
     padding: 0px;
     width: 14.25%;

}
.TabDashCalidad {
       -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    float: left;
    width: 100%;
    z-index: 1;
}
.TabDashCalidad ul {
    background: white;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.TabDashCalidad ul li {
    border-right: 0px solid #ddd;
    margin-bottom: 0px;
    text-align: center;
    padding: 0px;
    width: 33.33%;
}
.TabDashCalidad .nav-tabs > li > a {
    border-right: 1px solid #ddd;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        color: #999;
    margin: 0px;
    height: 49px;
    padding: 10px 15px 0px;
}
    @media (max-width: 380px) {
    .TabDashCalidad .nav-tabs > li > a { padding: 6px 0px 5px; }
    }
.TabDashCalidad .nav-tabs > li > a > p { margin: 0px; }
.TabDashCalidad .nav-tabs > li > a > text { padding: 14px 0px 0px; }
    @media (max-width: 760px) {
    .TabDashCalidad .nav-tabs > li > a > text {
            display: none;
        }
    }
.TabDashCalidadn .nav-tabs li a img {
    padding: 0px 5px 5px 0;
    width: 35px;
}
.TabDashCalidadn .nav-tabs > li > a:hover {
    background: #f4f4f6;
}

.AdminUserMarginEvaluacion {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    margin-top: 20px;
  
    padding:20px;
}
.TabDashCalidad2 {
       -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    float: left;
    width: 100%;
    z-index: 1;
}
.TabDashCalidad2 ul {
    background: white;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.TabDashCalidad2 ul li {
    border-right: 0px solid #ddd;
    margin-bottom: 0px;
    text-align: center;
    padding: 0px;
    width:50%;
}
.TabDashCalidad2 .nav-tabs > li > a {
    border-right: 1px solid #ddd;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        color: #999;
    margin: 0px;
    height: 49px;
    padding: 10px 15px 0px;
}
    @media (max-width: 380px) {
    TabDashCalidad2 .nav-tabs > li > a { padding: 6px 0px 5px; }
    }
.TabDashCalidad2 .nav-tabs > li > a > p { margin: 0px; }
.TabDashCalidad2 .nav-tabs > li > a > text { padding: 14px 0px 0px; }
    @media (max-width: 760px) {
    .TabDashCalidad .nav-tabs > li > a > text {
            display: none;
        }
    }
.TabDashCalidadn .nav-tabs li a img {
    padding: 0px 5px 5px 0;
    width: 35px;
}
.TabDashCalidadn .nav-tabs > li > a:hover {
    background: #f4f4f6;
}

.AplicaLabel {
  
    padding: 36px 0px 0px;
}
.EvaluacionLabel img{
    width:80%;
}
@media screen and (max-width: 990px) {
 .EvaluacionLabel img{
    width: 60%;
}
.MarginEvaluacion span {
 
    text-align: left;
}
   
}

@media screen and (max-width: 768px) {
 .EvaluacionLabel img{
    width: 60%;
}
.MarginEvaluacion span {
 
    text-align: left;
}
}
.AdminUserMarginTA img{
    width:100%;

}
.LabelCheckEvaluacion {
    float:right;
}
.TabEvaluacion p {
   margin-top: 2px;
   font-size: 10px;
   line-height: 16px;
   color:#71B2E2;
}
.TabEvaluacion img{
 
  
}
.RespuestaJustificacion {
    font-size:12px;
    line-height:14px;
    color:#999;
    font-weight:lighter;
}
.ci-labelEvaluacion {
    color: #71B2E2;
    float: left;
    font-size: 13px;
    font-weight: 200;
    letter-spacing: 1px;
    margin: 0 0 5px;
    width: 100%;
    font-weight:bold;
}
.ci-labelEvaluacionRespuestaP {
    float: left;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 1px;
    margin: 0 0 5px;
    font-weight:bold;
    padding-top:2px;
    color:#999;
}
.Moci-Proveedor {
    font-size: 12px;
    font-weight: 200;
    line-height:14px;
    color:#999;
    width:100%;
    text-align:center;

}
.ci-labelEvaluacionRespuesta {
    float: left;
    font-size: 12px;
    font-weight: 200;
    letter-spacing: 1px;
    margin: 0 0 5px;
    font-weight:bold;
    padding-top:2px;
    color:#71B2E2;
}
.BorderMoci {
    background-color: #fff;
    width: 100%;
    float: left;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    height: 190px;
    margin-top:2px;
    padding: 8px;
}
.BorderMoci:hover {
   
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 10px 1px rgba(0,0,0,.1);
 
}
.EvaluacionTable li{
    padding:5px;

}

.MarginEmpty {
    margin-top:-5px;
}
.MarginEvaluacion{
   padding: 6px 0px 0px 6px;
}
.MarginEvaluacion span {
   font-size:12px;
   line-height:14px;
}
.CheckEvaluacion {
    width: 30%;
    display: inline-block;
    float: left;
   
    padding-top:10px;
}
.CheckEvaluacion label {
    font-size:13px;
    color:#999;
 }
.ci-EvaluacionPregunta {
    width:100%;
    padding:2px;
    height:50px;
}
.ci-EvalaucionPreguntaEspacio {
    width:70%;
    padding:5px;
}
.MOCIEvaluacionContent {
   padding:0px 3px 0px 0px;
}
.tab-questions {
       -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    float: left;
    width: 100%;
    z-index: 1;
}
.tab-questions ul {
    background: white;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.tab-questions ul li {
    border-right: 0px solid #ddd;
    margin-bottom: 0px;
    text-align: center;
    padding: 0px;
    width: 20%;
}
.tab-questions .nav-tabs > li > a {
    border-right: 1px solid #ddd;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        color: #999;
    margin: 0px;
    height: 49px;
    padding: 10px 15px 0px;
}
    @media (max-width: 380px) {
    .tab-questions .nav-tabs > li > a { padding: 6px 0px 5px; }
    }
.tab-questions .nav-tabs > li > a > p { margin: 0px; }
.tab-questions .nav-tabs > li > a > text { padding: 14px 0px 0px; }
    @media (max-width: 760px) {
    .tab-questions .nav-tabs > li > a > text {
            display: none;
        }
    }
.tab-questions .nav-tabs li a img {
    padding: 0px 5px 5px 0;
    width: 35px;
}
.tab-questions .nav-tabs > li > a:hover {
    background: #f4f4f6;
}
.CitaSDisponiblidadCicle {
    background-color: #f1c40f;
    border-radius: 10px;
    width: 9px;
    height: 9px;
    padding: 5px;
    position: absolute;
    top: 21px;
    left: 15px;
}
@keyframes spin {
	0% {
		opacity:1;
	}
	100% {
		opacity:.2;
	}
}

.CitaSDisponiblidadCicle {
	animation: spin .7s ease infinite;
}
  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-bottom: 4px solid rgba(4, 136, 247, 1);
    border: 0px;
    color: #999;
    border-right: 1px solid #ddd;
}
.ind-notification {
    background: #005dab;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: white;
    font-size: 10px;
    height: 20px;
    padding: 5px 0px;
    position: absolute;
    right: 6px;
    top: 13px;
    width: 20px;
}
    @media (max-width: 580px) {
    .ind-notification {
        left: 6px;
    }
}
.tabs-scroll {
        -webkit-transition: all .7s ease-in-out;
        -moz-transition: all .7s ease-in-out;
        -ms-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
.top-nav-collapse.tabs-scroll {
    margin: 50px 0px 0px;
}

.quantity-box-title {
    padding: 0px 15px;
}

.quantity-box-title h1 {
    color: #999;
    font-size: 19px;
    font-weight: 200;
    letter-spacing: 1px;
    margin: 0px;
    padding: 15px 0px 12px;
    text-align: center;
}
    @media (max-width: 380px) {
        .quantity-box-title h1 { 
            font-size: 16px;
            padding: 17px 0px 10px;
        }
    }
.quantity-box-icon img {
    margin: -3px 0px 0px;
    width: 24px;
}
/*:::/TABS:::*/
.badge.new {
    background: #57d68d;
    font-weight: 200;
    position:absolute;
}

.badge.process {
    background: #f1c40f;
    font-weight: 200;
    position:absolute;
}

.badge.pending {
    background: #951eff;
    font-weight: 200;
    position: absolute;
}
.badge.summary {
    background: #808080;
    font-weight: 200;
    position: absolute;
} 

.badge.closelook {
    background: #e74c3c;
    font-weight: 200;
    position:absolute;
}

.badge.counterFiles {
    background: #006df3;
    font-weight: 200;
    position:relative;
}

    @media (max-width: 1024px) {
        .badge.new, .badge.process,
        .badge.closelook { position: absolute; }
    }

    @media (max-width: 335px) {
        .badge.new, .badge.process, .badge.closelook { top: 4px;}
    }
/*:::/MENÚ:::*/
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 220px;
}
/*:::HANURGER CROSS:::*/
.hamburger {
  position: fixed;
  top: 20px;  
  display: block;
  width: 29px;
  height: 32px;
  margin-left: 15px;
  background: transparent;
  border: none;
  z-index: 99999;
    -webkit-transition: all .38s ease;
    -moz-transition: all .38s ease;
    -ms-transition: all .38s ease;
    -o-transition: all .38s ease;
  transition: all .38s ease;
}

.hamburger:hover,
    .hamburger:active {
  outline: none;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

    .hamburger:focus {
    outline: none;
}

.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
   -moz-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -moz-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: white;
}

.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}

.hamburger.is-closed .hamb-bottom {
  bottom: 6px;  
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: white;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px; 
    -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg); 
}

.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
  -moz-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}

    .hamburger.is-open .hamb-middle {
        display: none;
    }

.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
  -moz-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}

.hamburger.is-open {
      -webkit-transform: translate3d(-240px,0,0);
      -moz-transform: translate3d(-240px,0,0);
}

.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
   -moz-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
}

.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -moz-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
}

.icon-menu-ada {
    width: 22px;
    margin: -2px 0px 0px;
}

.MenuIcono img{
    width:25px;
}
/*:::OVERLAY:::*/
.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 99999;
}

.overlay.show {
    display: block;
}

/*:::MENU HAMBURGUESA:::*/
#menu-toggle {
    right: 17px;
    top: 9px;
    z-index: 999999;
}

.im-user-m {
    background: black;
    padding: 0px;
    height: 160px;
    width: 100%;
}
.im-user-m img {
    margin: 0px -14px 0px;
    width: 100%;
}

.name-user {
    top: 37px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.name-user h2 {
    color: white;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 200;
    margin: 10px 0px 0px;
}
    .name-user img {
        -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 60px;
    width: 60px;
}
.menu-toggle-ind {
    margin: 25px 0px 0px;
    -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.ham-collapse.menu-toggle-ind {
    margin: 0px 0px 0px;
}
/*:::/MENU APP:::*/
.ci-col {
    margin: 15px 0px 20px;
}
.ci-label img {
    margin: -3px 0 0;
    width: 19px;
}
.ci-label {
    color: #999;
    float: left;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 1px;
    margin: 0 0 5px;
    width: 100%;
}
.AdminUserLabel {
    color: #999;
    float: left;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1px;
    margin: 0px 0px 2px;
    width: 100%;
}
.di-buts {
    background: #eee;
    border-top: 1px solid #ddd;
    float: left;
    text-align: right;
    padding: 5px 5px;
    width: 100%;
}
    @media (max-width: 400px) {
        .di-buts { padding: 5px 10px; }
    }
.di-buts-btn img {
    width: 27px;
    margin: -5px 0px 0px;
}
.di-buts-btn {
    border-radius: 0px;
    padding: 10px 15px 10px 15px;
}
    @media (max-width: 400px) {
        .di-buts-btn { width:100%; margin: 5px 0px; }
    }
.quantity-box {
    float: left;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.ci-label-cen {
    color: rgba(4, 136, 247, 1);
    float: left;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0 0 5px;
    width: 100%;
}
/*:::ESTILOS DASHHOME CP:::*/
.content-boxcard {
    float: left;
    margin: 15px 0px;
    width: 100%;
}
.dsh-homecp {
    background: white;
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    margin: 0px 0px 30px;
    width: 100%;
}
.dsh-homecp-header {
    color: white;
    float: left;
    font-weight: bold;
    padding: 10px;
    text-align: right;
    width: 100%;
}
    .dsh-homecp-header.header-green {
        background: #57d68d;
    }
    .dsh-homecp-header.header-red {
        background: #ed2839;
    }
    .dsh-homecp-header.header-blue {
        background: #21c0c0;
    }
.dsh-homecp-content {
    padding: 18px 0px;
    float: left;
    width: 100%;
}
.dsh-homecp-content-um {
    color: black;
    float: left;
    font-size: 35px;
    font-weight: 200;
    text-align: center;
    width: 100%;
}
.dsh-homecp-content-um span {
    color: #999999;
    font-size: 15px;
    font-weight: 400;
}
.dsh-homecp-content-p {
    color: black;
    float: left;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
    width: 100%;
}
.dsh-homecp-fecha {
    border-top: 1px solid #ddd;
    float: left;
    padding: 5px 0px;
    text-align: center;
    width: 100%;
}
.dsh-homecp-fecha span,
    .dsh-homecp-prov span {
    color: #999;
    font-size: 11px;
}
.dsh-homecp-fecha p,
.dsh-homecp-prov p {
    font-size: 15px;
    font-weight: 200;
    margin: -3px 0px;
}
.dsh-homecp-prov {
    /*border-top: 1px solid #ddd;*/
    float: left;
    padding: 5px 0px;
    text-align: center;
    width: 100%;
}
.dsh-homecp-btnbox {
    border-top: 1px solid #ddd;
    float: left;
    width: 100%;
}
.dsh-homecp-btntwo,
.dsh-homecp-btntwo2 {
    border: 0px;
    border-right: 1px solid #ddd;
    border-radius: 0px;
    color: #999;
    float: left;
    padding: 10px 0px;
    width: 50%;
}
.dsh-homecp-btntwo2 {
    border-right: 0px;
}
.dsh-homecp-btntwo:hover,
.dsh-homecp-btntwo2:hover {
    color: #999;
}
.dsh-homecp-btntwo img,
    .dsh-homecp-btntwo2 img {
    width: 24px;
}
/*:::ESTILOS DASHHOME CP:::*/
/*:::CONFIGURADOR DISPONIBILIDAD PUERTAS:::*/
.dshcd-contentbox {
    margin: 30px 0px 0px;
    float: left;
    width: 100%;
}
.cd-boxpuertas {
    background: white;
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    -webkit-border-radius: 9px;
    border-radius: 9px;
    cursor:pointer;
    float: left;
    margin: 0px 0px 30px;
    width: 100%;
}
.cd-boxpuertas:hover {
    background:#F9F9F9;
}
.cd-boxpuertas-tipocp {
    border-right:1px solid #ddd;
    float: left;
    padding:0px 0px 10px;
    width: 45%;
}
    @media (max-width: 991px) {
        .cd-boxpuertas-tipocp  { width:100%; }
    }
.cd-boxpuertas-disponible {
    /*border-left: 1px solid #ddd;*/
    float: left;
    width: 55%;
}
    @media (max-width: 991px) {
        .cd-boxpuertas-disponible { display:none; }
    }
.TemperaturaDefault {
    color:#999;
}
.cd-box-Seco { background: #FC9706; }
.cd-box-Refrigerado { background: #05D8DD; }
.cd-box-Congelado { background: #660FD6; }
.cd-box-Fresco { background: #05D8DD; }

.cd-box-Temperatura { background: #00326d; }
.cd-box-Multitemperatura { background: #00326d; }

.cd-title-Seco { color: #FC9706; }
.cd-title-Refrigerado { color: #05D8DD; }
.cd-title-Congelado { color: #660FD6; }
.cd-title-Fresco { color: #05D8DD; }

.cd-title-Temperatura { color: #00326d; }
.cd-title-Multitemperatura { color: #00326d; }

.Header { background:#ddd;}
.TituloConfiguracionAlta h1{ color:white; }

.HeaderSeco        { background: #FC9706; }
.HeaderRefrigerado { background: #05D8DD; }
.HeaderCongelado   { background: #660FD6; }
.HeaderFresco { background: #05D8DD; }

.HeaderTemperatura { background: #00326d; }
.HeaderMultitemperatura { background: #00326d; }

    @media (max-width: 767px) {
        .Header,
        .HeaderSeco,
        .HeaderRefrigerado,
        .HeaderCongelado { margin:0px 0px 20px; width:100%; }
    }

.cd-title-SinTemperatura { color: #999; }
.cd-box-SinTemperatura { border-left: 10px solid #999; }
.cd-boxpuertas-imtipo {
    cursor:pointer;
    margin: 20px auto 0px;
    width: 70px;
}
.cd-boxpuertas-imtipo img {
    border:0px;
    height:70px;
    width: 70px;
}
.cd-boxpuertas-titext {
    text-align: center;
    float: left;
    width: 100%;
}
    @media (max-width: 480px) {
        .MarginAltaCitaLab { margin:20px 0px 5px; text-align:center; }
    }
.cd-boxpuertas-titext span {
    color: #999;
    font-size: 11px;
}
.cd-boxpuertas-disptipo {
    border-top: 1px solid #ddd;
    float: left;
    width: 100%;
}
.cd-bbnone {
    border-bottom: 0px solid #ddd;
}
.cd-boxpuertas-disptipo span {
    color: #999;
    float: left;
    font-size: 15px;
    font-weight: 200;
    padding: 10px;
}
.cd-boxpuertas-disptipo label {
    float: right;
    font-size: 15px;
    margin-bottom: 0px;
    padding: 10px;
}
.cd-contform-config {
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    background: white;
    float: left;
     margin: 0px 0px 10px;
    padding:0px 0px 15px;
    width: 100%;
}
.cd-CitasAgendas {
  
    -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    background: white;
    float: left;
    margin: 0px 0px 20px;
    padding: 0px 0px 15px;
   
}
.cd-CitasAgendasOrden {
   height:344px;
    -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    background: white;
    float: left;
    margin: 0px 0px 20px;
    padding: 0px 0px 15px;
   
}
.ConsultaOrden {
    width:30%;
    float:left;
   text-align: center;

}
.ConsultaOrden img {
    width: 60%;
}
.TemperaturaTitulos {
    border-right: 1px solid white;
       -webkit-border-radius: 10px 10px 0 0;
    border-radius: 8px 8px 0 0;
    color: white;
    font-size:13px;
    text-align:center;
    padding: 4px 0px;
    margin:0px -1px 0px 0px;
}

.BorderRightNone {border:0px;}

    @media (max-width: 991px) {
        .BorderRightNone { display:none;}
        .TemperaturaTitulos { border-right: 0px; margin:0px;}
    }

    @media (max-width: 480px) {
        .TemperaturaTitulos { font-size:10px; }
        .cd-boxpuertas-titext span { display:none; }
        .cd-boxpuertas-imtipo { margin:10px auto -15px; }
    }

    @media (max-width: 400px) {
        .cd-boxpuertas-titext label { font-size: 10px; }
        .cd-boxpuertas-imtipo { margin: 8px auto -20px; width: 38px; }
    }

    @media (max-width: 350px) {
        .cd-boxpuertas-titext label { display:none; }
        .cd-boxpuertas-imtipo { margin: 9px auto -12px; } 
        .TemperaturaTitulos { font-size: 8px; }
    }

    @media (max-width: 991px) {
        .TemperaturasResponsive { width:33.33%; float:left; }
    }
    @media (max-width: 400px) {
        .IconRespAltaCita{ text-align:center; width:auto; }
    }
.ConfiguradorAltaPad { padding:0px 0px 0px; }
.cp-configform {
    float: left;
    width: 100%;
}
.cp-configform-imgtemp {
    padding: 40px 15px 15px;
    text-align: center;
}
    @media (max-width: 1199px) {
        .cp-configform-imgtemp {
            padding: 21px 15px 15px;
        }
    }
    @media (max-width: 767px) {
        .cp-configform-imgtemp { margin:40px 0px 0px; }
    }

.AgregarHorasIcon {
    -webkit-border-radius:50%;
    border-radius: 50%;
    height:40px;
    padding: 10px 1px;
    position: absolute;
    right: 129px;
    top: -3px;
    width:40px; 
}
.cp-configform-imgtemp img {
    width: 120px;
}
.cp-configform-imgtemp label {
    font-size: 18px;
}
.ContentDataPiker {
    border:1px solid #ddd;
      -webkit-border-radius: 7px;
    border-radius: 7px;
    padding:2px 22px 0px;
}
.SeleccionarImagen {
    text-align: center;
    font-size: 12px;
    color: #999;
}
.MarginTA {
    padding: 36px 15px 0px;
}
    @media (max-width: 1199px) {
        .MarginTA { padding: 0px 15px 0px; }
    }

.AdminUserMarginTA {
    padding: 36px 15px 0px;
}
    @media (max-width:768px) {
        .AdminUserMarginTA { float:left; width:100%;}
        .TabEvaluacion p {
    margin-top: 2px;
    font-size: 6px;
    line-height: 8px;
}
       
    }
.ConfiguradorAgendaIcons {
    margin:0px auto 0px;
    width:55px;
}
.ConfiguradorAgendaIcons img {
    width: 100%
}
    @media (max-width: 480px) {
        .ConfiguradorAgendaIcons { 
            margin:0px auto -20px;
        }
    }
.BtnAdminUserIM {
        -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px;
    text-align: center;
    margin:0px 0px 30px;
    padding: 0px;
}
.BtnAdminUserIM span {
    color: #ddd;
    position: absolute;
    font-size: 65px;
    right: 195px;
    top: 72px;
    width: 100%;
}
    @media (max-width: 1199px) {
        .BtnAdminUserIM span { right: 148px; }
    }
    @media (max-width: 991px) {
        .BtnAdminUserIM span { right: 88px; }
    }
    @media (max-width: 768px) {
        .BtnAdminUserIM span { right: 0px; }
    }
/*:::/CONFIGURADOR DISPONIBILIDAD PUERTAS:::*/
.SinEntradas {
    float:left;
    margin:5% 0px 0px;
    text-align:center;
    width:100%;
}
.SinEntradas img{
    width:280px;
    height:auto;
}
.TarimasDisponibilidad {
   float: left;
    text-align: center;
    font-size: 10px;
    
    padding-left: 2px;
    padding-right: 2px;
    border-top-color: #999;
    border-top-style: solid;
    border-top-width: 1px;
    color:#999;
    width: 29px;
}
 @media (max-width: 1199px) {
        .TarimasDisponibilidad { 
        font-size: 9px;
        padding-left: 1px;
        padding-right: 1px;
        width: 24px;
        }
    }
@media (max-width: 768px) {
    .TarimasDisponibilidad {
        font-size: 10px;
        /* padding: 2px; */
        padding-left: 2px;
        padding-right: 2px;
         width: 30px;
    }
}

.TarimasTitulos {
    color:#999;
}
.TarimasDisEspacio {
    padding:2px;
}
.TarimasTitulosNom {
    float: left;
    /* width: 17px; */
    text-align: center;
    font-size: 11px;
    /* padding: 2px; */
    padding-left: 2px;
    padding-right: 2px;
    color:#71B2E2;
}
.TarimasDisponibilidadTitulos {
   float: left;
    width: 29px;
    text-align: center;
    font-size: 9px;
    /* padding: 2px; */
    padding-left: 2px;
    padding-right: 2px;
    color: #71B2E2;
}
 @media (max-width: 1199px) {
        .TarimasDisponibilidadTitulos { 
        font-size: 9px;
        padding-left: 1px;
        padding-right: 1px;
         width: 24px;
        }
    }
    @media (max-width: 768px) {
        .TarimasDisponibilidadTitulos {
            font-size: 10px;
            /* padding: 2px; */
            padding-left: 2px;
            padding-right: 2px;
             width: 30px;
        }
    }
.TarimasRepet {
    width:100%;
    float: left;
}
.TarimasRepetTitulos {
   padding-top: 0px;
   padding-bottom: 33px;
}
  @media (max-width: 768px) {
        .TarimasRepetTitulos {
            padding-top: 0px;
            padding-bottom: 75px;
        }
    }


.SinEntradas h4 {
    color:#999;
    font-size:18px;
}
    @media (max-width: 390px) {
        .SinEntradas img { width:100%; }
    }
.Btn404 {
    float:left;
    margin:0px 0px 0px;
    text-align:center;
    width:100%;
}
/*:::CONSULTA DE CITAS:::*/
.cp-contentbox-cc {
    margin: 15px 0px 0px;
}
.MOCICatalogos {
    float:left;
    width:100%;
}
.cp-bt-consultaadj {
    border-top: 1px solid #ddd;
}
.cp-aradjbox-content {
    float: left;
    padding: 0px 0px 30px;
    width: 100%;
}
.cp-aradjbox-inf {
    float: left;
    margin: 0px;
    position: relative;
    width: 20%;
}
    @media (max-width: 1199px) {
        .cp-aradjbox-inf {
            width: 25%;
        }
    }
    @media (max-width: 991px) {
        .cp-aradjbox-inf {
            width: 33.3%;
        }
    }
    @media (max-width: 657px) {
        .cp-aradjbox-inf {
            width: 50%;
        }
    }
    @media (max-width: 479px) {
        .cp-aradjbox-inf {
            width: 100%;
        }
    }
.cp-aradj-consulta {
    border: 1px solid #ddd;
    margin: 30px auto 0px;
    height: 122px;
    overflow: hidden;
    width: 182px;
}
.cp-aradj-consulta img {
    height: 100%;
    position: relative;
    width: 100%;
}
.cp-layerim img {
    transition: all 0.2s linear;
}
.cp-layerim .mascara {
    color: white;
    background-color: rgba(0,0,0, 0.6);
    height: 120px;
    position: absolute;
    opacity: 0;
    text-align: center;
    top: 31px;
    transition: all 0.3s ease-in-out;
    width: 180px;
}
.cp-layerim:hover img { transform: scale(1.05); }
.cp-layerim:hover .mascara {
    cursor: pointer;
    opacity: 1;
    z-index: 1;
}
.cp-btn-download {
    float: right;
    margin: -7px 4px 0px;
}
.cp-masc-im {
    float: left;
    text-align: center;
    width: 20%;
}
.cp-masc-im img { 
    position: relative;
    top: 0px;
    width: 100%; 
}
.cp-masc-title {
    float: right;
    height: 70px;
    padding: 8px 0px 10px 5px;
    text-align: left;
    width: 80%;
}
.cp-masc-btn {
    float: left;
    width: 100%;
    bottom: 0px;
    text-align:right;
    padding:0px 15px 0px;
    position: relative;
}
/*:::/CONSULTA DE CITAS:::*/


/*:::NUEVA DISPONIBILIDAD:::*/
.CPContenidoDisponibilidad {
    float:left;
    padding:0px 0px;
    width:100%;
}
    .CPContenidoDisponibilidad img {
        padding-left: 45px;
        padding-right: 45px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
    }
.CPContenidoDisponibilidad .im-disponibilidad img{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width:100%;
}

.CPDisponibilidadCard {
    border:1px solid #ddd;
    float:left;
    margin:0px 0px 20px;
    width:100%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.CPDisponibilidadCard:hover {
    cursor:pointer;
    	   -webkit-box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
	    box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
}

.CPDisponibilidadCardFecha {
    float:left;
    text-align:center;
    padding: 5px 0px 0px;
    width:100%;
}
.CPDisponibilidadCardFecha span {
    font-size:9px;
    color:#999;
}
.CPDisponibilidadCardFecha label {

}
.CPDisponibilidadCardHoraLlegada {
    float:left;
    margin:5px 0px;
    text-align:center;
    width:100%;
}
.CPDisponibilidadCardHoraLlegada span {
    font-size:9px;
    color:#999;
}
.CPDisponibilidadCardHoraLlegada label {
    color: #71B2E2;
    margin: 0px;
    border: 2px solid;
    padding: 5px 12px;
      -webkit-border-radius: 50px;
    border-radius: 50px;
}
.CPDisponibilidadCardHoraFin {
    float:left;
    text-align:center;
    width:100%;
}
.CPDisponibilidadCardHoraFin span {
    font-size:9px;
    color:#999;
}
.CPDisponibilidadCardHoraFin label {
    font-size:12px;
    font-weight:normal;
}
.NDFormBriefTitulosDisponibilidad {
    background: #71B2E2;
    border-radius: 50px;
       -webkit-border-radius: 50px;
    box-shadow:0 2px 6px 1px rgba(0,0,0,.1);
       -webkit-box-shadow:0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    margin:10px 0px 6px -12px;
    text-align: center;
    padding:5px 10px;
    position: relative;    
    width: auto;
}


.MOCIOpacidadMañana { background: #71B2E2; }
.MOCIOpacidadTarde { background: #a9d0ed; }
.MOCIOpacidadNoche { background: #004d68; }

.MOCIHoraLlegadaMañana label { color: #71B2E2; border: 2px solid; }
.MOCIHoraLlegadaTarde label { color: #a9d0ed; border: 2px solid; }
.MOCIHoraLlegadaNoche label { color: #004d68; border: 2px solid; }


.MOCIIconoDisponibilidadHorario {
    float:left;
    text-align:center;
    width:100%;
}
.MOCIIconoDisponibilidadHorario img {
    width:27%;
}
.NDFormBriefTitulosDisponibilidad label {
    color: white;
    font-size: 14px;
    float: left;
    font-weight:normal;
    margin:0px;
}
.NDFormBriefTitulosDisponibilidad span {
    padding:0px;
}

    @media (max-width: 400px) { 
        .MOCIResponsiveDisponibilidad { width:100%; }
    }

/*:::/NUEVA DISPONIBILIDAD:::*/


/*:::CITAS ANDENES DISPONIBLES:::*/
.cp-config-puertas {
    background: white;
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    margin: 15px 0px 30px;
    width: 100%;
}
.cp-config-toptabl {
    float: left;
    width: 95%;
}
.cp-horarioanden {
    border-bottom:1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #57d78d;
    float: left;
    padding: 10px 0px 8px;
    text-align: center;
    width: 4.16%;
}
.cp-cfgandenes {
    float: left;
    width: 5%;
}
.cp-content-pbad {
    float: left;
    width: 100%;
}
.cp-progress {
    border-radius: 0px;
    height: 26px;
    margin-bottom: 1px;
}
.cp-tianden {
    color: #71B2E2;
    border-bottom: 1px solid #ddd;
    padding: 10px 0px 8px;
    text-align: center;
}
    @media (max-width: 1024px) { 
         .cp-tianden { visibility:hidden; }
    }
.cp-tianden img {
    width: 100%;
    max-width:27px;
}
.cp-config-datepb {
    border-bottom: 1px solid #ddd;
    color: #999;
    font-size: 18px;
    float: left;
    padding: 15px 5px 10px;
    text-align: right;
    width: 100%;
}

.MOCIEdicionConfigAgendaTitulo {
    background:#71B2E2;
    color:white;
    font-weight:bold;
    text-align: left;
    padding: 15px 15px 15px;
}

.color-cancel-agenda {
    background-color: lightgray !important;
}

.MOCIEdicionConfigAgendaTitulo label {
    margin:0px;
}

.MOCIFechaEdicionDisponibilidad { 
    background: #71B2E2;
    width: 5px;
    float: left;
    padding: 50px 0px;
    color: white;
}
    @media (max-width: 768px) { 
         .MOCIFechaEdicionDisponibilidad { display:none; }
    }


/*:::ANIMACION TUTORIAL EDITAR DISPONIBILIDAD:::*/
.MOCITurorialCambiarFecha {
    color:white;
    width: 350px;
    float: left;
    position: absolute;
    margin: 93px 0px 0px 20px;
    z-index: 9;
    height: 34px;
    border-radius: 5px;
    text-align: center;
    padding: 6px 0px 0px;
    visibility:hidden;
}
    @media (max-width: 1199px) {
        .MOCITurorialCambiarFecha {
            width: 283px;
        }        
    }
    @media (max-width: 991px) {
        .MOCITurorialCambiarFecha {
            width: 211px;
        }        
    }
     @media (max-width: 768px) {
        .MOCITurorialCambiarFecha {
            display:none;
        }        
    }


#MOCITutorialDisponibilidadFecha {
  -webkit-animation: AlphaTutorial .5s /* Safari 4+ */;
  -moz-animation:    AlphaTutorial .5s /* Fx 5+ */;
  -o-animation:      AlphaTutorial .5s /* Opera 12+ */;
  animation:         AlphaTutorial .5s /* IE 10+, Fx 29+ */;
  animation-duration: 4s;
}

@-webkit-keyframes AlphaTutorial {
  0%   { opacity:0; background:none; visibility:visible; }
  50%  { opacity:1; background: #71B2E2; visibility:visible; }
  100% { opacity:0; background:none; visibility:visible; }
}
@-moz-keyframes AlphaTutorial {
  0%   { opacity:0; background:none; visibility:visible; }
  50%  { opacity:1; background: #71B2E2; visibility:visible; }
  100% { opacity:0; background:none; visibility:visible; }
}
@-o-keyframes AlphaTutorial {
  0%   { opacity:0; background:none; visibility:visible; }
  50%  { opacity:1; background: #71B2E2; visibility:visible; }
  100% { opacity:0; background:none; visibility:visible; }
}

/*:::/ANIMACION TUTORIAL EDITAR DISPONIBILIDAD:::*/



.DisFechaConsultaTex {
    background:#71B2E2;
    color:white;
    font-size: 20px;
    padding:20px 10px;
}

.DisFechaConsultaTexBlock {
    background: #e74c3c;
    color: white;
    font-size: 20px;
    padding: 20px 10px;
}

.cp-andenpt {
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    color: #999;
    height: 26px;
    padding: 4px 0px 3px;
    text-align: center;
}
.cp-config-inp {
    background: white;
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    margin: 15px 0px 0px;
    width: 100%;
}
.MOCIEvaluacionHeaderInfo {
    float:left;
    padding: 15px 0px;
    width:100%;
}
.MOCIEvaluacionDatosProveedor {
color: #71B2E2;
    float: left;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0px;
    text-align: center;
    width: 100%;
    }
/*:::/CITAS ANDENES DISPONIBLES:::*/

/*:::/CITAS sin disponible:::*/
.ci-puertas {
    padding:8px;
    color: #999;
}
.CitaLabelsNomenglatura1 {
   
    position: absolute;
    color: #666;
    font-size: 12px;
    padding: 1px;
}
.CitaLabelsNomenglatura {
    position: absolute;
    color: #666;
    font-size: 12px;
    padding-top: 1px;
    padding-left: 1px;
   
}
.CitaNomenglaturaDisponible {
   display:block;
   margin-top: 7px;
}
.SinCitaNoDisponiblesColor {
    width: 20px;
    height: 20px;
    background-color: rgb(250, 227, 227);
    display: inline-block;
    border: 1px solid rgb(173, 33, 33);
    
}
.CitaActualColor {
    width: 20px;
    height: 20px;
    background-color: rgba(87, 214, 141, 0.15);
    display: inline-block;
    border: 1px solid #57d68d;
}

.CitaCaducadaColor {
    width: 20px;
    height: 20px;
    background-color: rgba(122, 122, 122, 0.15);
    display: inline-block;
    border: 1px solid #7A7A7A;
}
.CitaBloqueoColor {
    width: 20px;
    height: 20px;
    background-color: rgba(173, 33, 33, 0.30);
    display: inline-block;
    border: 1px solid rgb(173, 33, 33);
}
.CitaDisponiblesColor {
    width: 20px;
    height: 20px;
    background-color: rgba(87, 214, 141, .5);
    display: inline-block;
    border: 1px solid #57d68d;
}
.SinCitaDisponiblesColor {
   width: 20px;
    height: 20px;
    background-color: rgba(87, 214, 141, .5);
    display: inline-block;
    border: 1px solid #57d68d;
    
}
.ci-CalendarHorarios {
    margin-left:10px;
    margin-top: 20px;

}
@media screen and (max-width: 768px){
    .ci-CalendarHorarios {
     margin-left:0px;

}
} 
.CitaSinHorarios {
   font-size: 14px;
    line-height: 16px;
    color: #71B2E2;
    margin-top: 8px;
    text-align: left;

}
.ci-label-sinDisponibilidad {
    color: #999;
    float: left;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1px;
    margin: 0 0 5px;
    width: 100%;
    text-align: center;
}
.ci-Blue-Label {
    font-weight:bold;
    color:#71B2E2;
}
.CitaPuertaNum {
    background-color:#fff;
    padding-bottom: 2px;
   
  
    color:#fff;
    font-size: 16px;
    line-height: 18px;
    padding:0px;
    -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);

}
.tab-Proveedor ul li {
    border-right: 0px solid #ddd;
    margin-bottom: 0px;
    text-align: center;
    padding: 0px;
    width: 25%;
    
}
.ci-centerTitles {
      text-align:center;
     
}
.ci-centerTitlesRespuesta {
      padding:0px;
     
}
.ci-center{
    float:left;
    padding:50px 0px;
    width:100%;
    text-align:center;
}
.ci-center label {
     color: #999;
    float: left;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1px;
    margin: 0 0 5px;
    width: 100%;
}
 .IconMocciSinCita{
      text-align: center;
      width: 35px;
      margin-top: -7px;
    }


/*:::/ALTAS CITAS*/
.ECAHorasCerradas {
    background:#f4f4f6;
    border-bottom: 1px solid #ccc;
    float:left; 
    height:25px; 
    padding:3px 0px 0px;
    position:relative;
    width:100%; 
}

.cd-boxtemperaturas {
    background: white;
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    margin: 0px 0px 30px;
    width: 40%;
}
.cd-boxtemperaturas-tipocp {
    float: left;
    width: 100%;
}
.MociPregunta {
    width:100%;
    background-color:#fff;

}
.horas-ocupadas {
    background-color: #bd3333;
    border: 1px solid #ddd;
    border-top: 0px;
    -webkit-border-radius:50px;
    border-radius:0px;
    height: 30px;
    float: left;
    position: absolute;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.horas-ocupadas:hover {
    background-color:#bd3333;
    cursor:pointer;
}


.horas-cerrado {
    background-color: #999;
    border: 1px solid white;
    border-top: 0px;
    height: 25px;
    float: left;
    position: absolute;
}
.horas-libre {
    background-color: #57d68d;
    border-bottom:1px solid #eee;
    height: 25px;
    float: left;
    position: absolute;
}
.hora-seleccionado {
    background-color: rgba(40, 70, 10, 1);
    border-bottom: 1px solid white;
}
.hora-seleccionado-Horizontal {
    background-color: rgba(40, 70, 10, 1);
    border-left: 1px solid white;
}
.resume-box-save{
    background: transparent;
    border:0px;
    padding: 0px 5px;
    text-align: right;
}
.resume-box-save img{
    width: 20px;
}
.HDCancelHoras{
    background: transparent;
    border: 0px;
    border-radius: 50%;
    padding: 1px;
}

.HDCancelHoras img{
    width: 20px;
}

.MOCICancelarHorasDisponibilidad {
    border-radius: 50%;
    background: rgba(0,0,0,.2);
    width: 14px;
    height: 14px;
    margin: 2px 0px 0px 1px;
    padding: 0px;
    font-size: 9px;
    float: left;
    color: white;
}


.HDElimiarTurno{
    border: 0px;
    border-radius: 50%;
    padding: 1px;
    position: absolute;
    margin-left: -10%;
}
.HDElimiarTurno img{
    width: 20px;
}

.CitaLabel {
    color: #999;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1px;
    margin: 0 0 5px;
    width: 100%;
}
.CitaLabel img {
    margin: -3px 0 0;
    width: 19px;
}
.BoxShadowNone {
    box-shadow:none;
    border:1px solid #ddd;
    border-top:0px;
    margin:15px 0px 5px;
}
.BoxShadowNoneExcepcion {
    box-shadow:none;
    border:1px solid #71B2E2;
    border-top:0px;
    margin:15px 0px 15px;
}
.DashCitaProveedorFechaB {
    float: left;
    padding: 5px 0px;
    text-align: center;
    width: 100%;
}
.BtnCitasProv{
    border-right:0px;
    width:100%;
}
.CitaAprobadaGreen {
    background:#57d68d;
    float:left;
    height:10px;
    margin: 0px 0px 10px;
    width:100%;
}
.CitaAprobadaYellow {
    background:#f1c40f;
    float:left;
    height:10px;
    margin: 0px 0px 10px;
    width:100%;
}
.CitaPorAprobadaPurple {
    background: #951eff;
    float: left;
    height: 10px;
    margin: 0px 0px 10px;
    width: 100%;
} 
.CitaAprobadaRed {
    background:#e74c3c;
    float:left;
    height:10px;
    margin: 0px 0px 10px;
    width:100%;
}
.CitaAprobadaExcepcion {
    background:#71B2E2;
    float:left;
    height:10px;
    margin: 0px 0px 10px;
    width:100%;
}
.CPNombreproveedor {
    border-bottom:1px solid #ddd;
}
.CPNombreproveedorHieght {
    min-height: 40px;
    letter-spacing: -1px;
    line-height: 1.3;
}
.CPNumeroConfirmacion {
    float:left;
    width:100%;
    margin-bottom: 9px;
}
.CPNImagenProv {
    float:left;
    margin:-5px 0px 0px;
    width:100%; 
}
.CPNImagenProv img {
    margin:-15px 0px -10px;
    width: 50px; 
}
/*.CPNumeroConfirmacion span {
    color:black
}*/
.CPNumeroConfirmacion p {
    color:#71B2E2;
}
.CPTemperaturaIconos {
    float:left;
    padding:0px 10px;
    width:100%;
}
.CPTemperaturaIconos img {
    width: 25px;
}
.BtnOrdenCompras{
    float:left;
    width:100%;
}
.BtnOrdenCompras button {
    background:none;
    float:left;
    width:100%;
}
.CPOrdenesdeCompraDM {
    border-radius: 0px;
    box-shadow: 0 5px 11px rgba(0, 0, 0, .175);
       -webkit-box-shadow: 0 5px 11px rgba(0, 0, 0, .175);    
    float: left;
    margin: -1px 0px 0px;
    padding:0px;
    width: 100%;
}
.ListOrdenCompra {
    border-bottom:1px solid #ddd;
    float:left;
    padding:6px 10px 4px;
    width:100%;
}
    @media (max-width: 480px) {
        .ACTipoTranspResp span{ display:inline-block; margin: 20px 0px 0px; }
    }
.MOCIButtonAgregarHoras {
    border-top: 1px solid #e5e5e5;
       -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: -49px 0px 0px -25px;
    padding: 0px 3px;
    position: relative;
    width: 25px;
    height: 25px;
}

    @media (max-width: 768px) {
        .MociPuertasResponsive { overflow-x: scroll; }
        .MociPuertasResponsiveScroll { width:800px; }
        .MOCIBTNRespAgenda { float:left; }
    }
.TiempoRestante {
    font-size:9px;
    text-align: center;
    width: 100%;
    float: left;
    margin: 1px 2px 0px;
}

/*:::4 TABS:::*/
.dashboard-tabs2{
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    float: left;
    width: 100%;
}
.dashboard-tabs2 ul{
    background: white;
    width: 100%;
}
.dashboard-tabs2 ul li{
    text-align: center;
    margin-bottom: 0px;
    width: 20%;
}
.dashboard-tabs2 ul li:last-child{
    border-right: 0px;
}
.dashboard-tabs2 ul li {
    text-align: center;
    margin-bottom: 0px;
    width: 16.66%;

} 
.dashboard-tabs2 .nav-tabs > li > a {
    border-right: 1px solid #ddd;
    border-radius:0px;
        -webkit-border-radius:0px;
    border-top:0px;
    color:#999;
    margin: 0px;
    padding: 12px 10px 16px;
}
.dashboard-tabs2 .nav-tabs > li > a > p{
   margin: 0px;
}
    @media (max-width: 1000px) {
        .dashboard-tabs2 .nav-tabs > li > a > text,
        .dashboard-tabs .nav-tabs > li > a > text{
            display: none;
        }
    }
.dashboard-tabs2 .nav-tabs li a img{
    padding: 0px 5px 3px 0;
    width: 35px;
}
.dashboard-tabs2 .nav-tabs > li > a:hover{
    background: #f4f4f6;
}
.dashboard-tabs2.tabs3 ul li{
    width: 33.33%
}
/*:::/4 TABS:::*/
/*:::CONSULTA DE LA ORDEN:::*/
.ConsultasTemperaturas {
    float:left;
    height:5px; 
    width:100%; 
}
.ConsultaTitulos {
    color:#999;
    font-size:11px;
    float:left;
    text-align:center;
    width:100%;
}
.ConsultaDatos {
    color:#71B2E2;
    float: left;
    font-size: 16px;
    font-weight: 400;
    height:55px;
    letter-spacing: 1px;
    margin:0px;
    text-align:center;
    width:100%;
}
    @media (max-width: 767px) {
        .ConsultaDatos { margin: 0 0 15px; }
    }
    @media (max-width: 570px) {
        .ConsultaDatos { border-bottom:1px solid #ddd; margin:0px; }
    }
.ConsultaCentImage {
    float:left;
    text-align:center;
    width:100%;
}
.ConsultaCentImage img { 
    width:80px;
}
    @media (max-width: 570px) {
        .ConsultaCentImage img { width:90px; }
    }
.ConsultaListaProductos {
    border:1px solid #ddd;
       -webkit-border-radius: 5px;
    border-radius: 5px;
    /*color:#71B2E2;*/
    float: left;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    margin:7px 0px;
    padding:10px;
    width:100%;
    text-align: left;
}
.ConsultaListaProductos span {
    color:black;
    font-size:14px;
}
.ConsultaListaProductos span.ConsSpanProductos {
    color:#71B2E2;
    font-size: 17px;
    font-weight: bold;
}
.ConsultaCentImageProductos { 
    float:left;
    padding:0px 0px 0px 0px;
    text-align:center;
    width:40%;
}
    @media (max-width: 570px) {
        .ConsultaCentImageProductos { width:100%; }
    }
.ConsultaCentImageProductos img { 
    width: 90px;
    border-right: 1px solid #ddd;
    padding-right: 10px;
}
    @media (max-width: 670px) {
        .ConsultaCentImageProductos img {
            border-right:0px;
            padding-right:0px;
        }
    }
.DetNumeroConfirmacion {
    right: 21px;
    position: absolute;
    top: 0px;
}
    @media (max-width: 991px) {
        .DetNumeroConfirmacion { position: relative; right:0px; }
    }
.ConsultaDatosProductos {
    float:left;
    width:100%;
}
    @media (max-width: 570px) {
        .ConsultaDatosProductos { text-align: center; width: 100%; }
        .ConsultaTitulosProductos { margin: 10px 0px 0px; }
    }
.DetalleCitaTIcono {
    border-right: 1px solid #ddd;
    float:left;
    padding: 10px 5px;
    text-align:center;
    width:40%;
}
.OrdenesCompraIconoOrden {
    height: 50px;
    padding: 2px 3px 0px;
    float: left;
    text-align: center;
    width: 30%;
    background: #F9F9F9;
    border-right: 1px solid #ddd;
}
.OrdenesCompraIconoOrden img{
    width: 64%;
  
}
.OrdenesCompraBoxOrden {
    border: 1px solid #ddd;
    border-left: 5px solid #71B2E2;
    cursor: pointer;
    float: left;
    margin: 1px 0px;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.OrdenesCompraBoxOrden:hover {
     cursor:pointer; 
         -webkit-box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2); 
         -moz-box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2); 
     box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
}
 @media (max-width: 540px) {
        
        .OrdenesCompraBoxOrder { margin:15px 0px 0px;}
    }
@media (max-width: 975px) {
    .ConsultaOrden {
    width: 15%;
    float: left;
    text-align: center;
}
   .OrdenesCompraIconoOrden {
    height: 50px;
    padding: 2px 3px 0px;
    float: left;
    text-align: center;
    width: 13%;
    background: #F9F9F9;
    border-right: 1px solid #ddd;
}
   .cd-CitasAgendasOrden {
    height: 395px;
    
}
   .ConsultaOrden img {
    width: 50%;
}
   .ConsultaSecciones {
    margin: 20px 0px 0px;
}
   .OrdenCitaTitle {
    
    margin-top: 10px;
   
    }
 
}
 .OrdenCitaTitle {
    width: 63%;
    margin-top: 18px;
    float: left;
    color: #71B2E2;
    }
.OrdenesCompraBoxOrden span {
    color:#999;
    font-size: 9px;
}
.BoxShadowNoneOrden {
    box-shadow: none;
    border: 1px solid #ddd;
    border-top: 0px;
    margin: 1px 0px 5px;
}
 

.DetalleCitaTIconoTransporte {
   
    text-align:center;
    
}
.DetalleSelectorTransport {
margin-bottom:20px;
margin-top:10px;
}
.DetalleTransporteEditar {
    font-size:14px;
    line-height:18px;
    width:100%;
    color:#71B2E2;
}
.DetalleCitaTIconoTransporte img {
    margin: 5px 0px 5px;
    width:85px;
}
.DetalleTrasportesFormControl {
    margin-top:10px;
    padding-top:10px;
    margin-bottom:10px;
}
.DetalleCitaTIconoTransporte span {
    color: #71B2E2;
    font-size: 16px;
    font-weight: 400;
    margin:3px 0px 0px;
}
        @media (max-width: 480px) {
            .DetalleCitaTDatos { padding:10px 10px 14px; width:100%; }
            .DetalleCitaTIcono img { width:100px; }
        }
    @media (max-width: 480px) {
        .DetalleCitaTIcono {
            border-right: 0px;
            border-bottom: 1px solid #ddd;
            width: 100%;
        }
        .DetalleCitaTIcono span {
            float:left;
            width:100%;
        }
    }
.DetalleCitaTIcono span {
    color: #71B2E2;
    font-size: 16px;
    font-weight: 400;
    margin:3px 0px 0px;
}
.DetalleCitaTDatos {
    float:left; 
    width:60%;
}
.triangle-left {
    position:absolute;
    left:-5px;
    top:70px;
	width: 0;
	height: 0;
	border-top: 18px solid transparent;
	border-right: 20px solid #999;
	border-bottom: 18px solid transparent;
}
.DetalleCitaFicha p {
    font-size:13px;
    line-height:18px;
    padding-bottom:80px;
    padding-top:50px;

}
.DetalleEditarDatos {
    border:1px solid #ddd;
    width:100%;
    padding-top:10px;
    padding-bottom:30px;
}
.DetalleCitaTIcono img {
    margin: 5px 0px 5px;
    width:85px;
}
        @media (max-width: 480px) {
            .DetalleCitaTDatos { padding:10px 10px 14px; width:100%; }
            .DetalleCitaTIcono img { width:100px; }
        }
.ConsultaTitulosProductos { 
    color:#999;
    font-size:11px;
    float:left;
    width:100%;
}
.DetalleCitaFicha {
    border:1px solid #ddd;
    float:left;
    margin:15px 0px 0px;
    text-align:center;
    width:100%;
}
.OrdenCitaTitle {
    margin-top: 12px;
}
.ConsultaSecciones {
    margin: 10px 0px 0px;
}
        @media (max-width: 1199px) {
            .ConsultaSecciones { margin:30px 0px 0px; }
        }
        @media (max-width: 570px) {
            .ConsultaSecciones { margin:20px 0px 0px; width:100%; }
        }
.ConsultaTemperatura label {
    color: #999;
    float: left;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1px;
    margin: 0 0 5px;
    width: 100%;
}
.DetalleCitaTDNum {
    color: #999;
    float: left;
    font-size: 13px;
    padding: 4px 8px 0px;
    text-align:left;
    width: 100%;
}
        @media (max-width: 480px) {
            .DetalleCitaTDNum {
                text-align:center;
            }
        }
.DetalleCitaTDNum span {
    color: #71B2E2;
    font-size: 15px;
    font-weight:bold;
}
.TooltipExcepcion {
    border-radius: 50%;
       -webkit-border-radius: 50%;
    color:white;
    float:right;  
    height:20px;
    text-align:center;  
    padding:0px;        
    width:20px;
}
/*:::/CONSULTA DE LA ORDEN:::*/
/*ESTILOS SEGUIMIENTOS COMENTARIOS*/
.container-comments {
    float: left;
    padding: 25px 0px 0px;
    width: 100%;
}
.container-comments label {
    color: #999;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 1px;
}
.container-comments label img {
    padding: 0px 0px 4px;
    width: 20px;
}
.ComentariosPanel { 
    float:left;
    width:100%;
}
.seguimientos-inp {
    float: left;
    width: 83%;
}
    @media (max-width: 1199px) {
        .seguimientos-inp { width: 80%; }
    }
.seguimientos-inp_01{
    float: left;
    padding: 0px 0px 0px 5px;
    text-align: right;
    width: 12%;
}
.ComentariosPanelAdjuntar {
    float:left;
    margin:0px -5px 0px 10px;
    width:36px;
}
    @media (max-width: 1199px) {
        .ComentariosPanelAdjuntar { margin:0px 5px 0px 10px; }
    }
     @media (max-width: 990px) {
        .ComentariosPanelAdjuntar { float:right; margin:9px 0px 0px 9px; }
    }
.ComentariosPanelAdjuntar label{
    height:34px;
    padding:8px 0px;
}
.TextAreaComentarios {
    min-height: 75px;
}
.panel-seguimientos {
    margin: 15px 0px;
}
.panel-seguimientos > .panel-heading {
    background-color: #71B2E2;
    border-color: #a8d0eb;
    text-align: center;
    color: white;
}
.im-usuario-seg1 {
    float: left;
    padding:0px 15px 0px 0px;
    text-align: left;
    width: 6%;
}
.im-usuario-seg1 img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    max-width: 45px;
}
.im-usuario-seg2 {
    float: right;
    text-align: right;
    padding: 0px 0px 0px 15px;
    width: 6%;
}
.im-usuario-seg2 img{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    max-width: 45px;
}
.box-coment-seg1{
    background: #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    /*max-width: 900px;*/
    width: 80%;
    padding: 8px 23px;
}
.box-coment-seg2 {
    background: #c3e3ea;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    float: right;
    /*max-width: 900px;*/
    width: 80%;
    padding: 8px 23px;
}
.unimg-usuario{
    background: #71B2E2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 45px;
    margin: auto;
    width: 45px;
}
.unimg-usuario p{
    font-size: 16px;
    text-align: center;
    padding: 11px 0px;
    height: 45px;
    color: white;
}
.box-coment-seg1 h3{
    font-size: 18px;
    font-weight: 400;
    margin: 5px 0px 5px;
}
.box-coment-seg2 h3{
    font-size: 18px;
    font-weight: 400;
    margin: 5px 0px 5px;
}
.p-fech-seg1{
    color: #4e4f4f;
    font-size:12px;
    letter-spacing: 1px;
    margin: 3px 0px 0px;
}
.p-fech-seg2{
    color: #8d8e8e;
    font-size: 10px;
    margin: 3px 0px 0px;
}
.p-fech-seg3{
    color: #8d8e8e;
    font-size: 10px;
    margin: 3px 0px 0px;
    text-align: right;
}
.flecha-seg1 {
    border-top:10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:10px solid #e5e5e5;
    font-size: 0;
    height: 0;
    left: 7.4%;
    line-height: 0;
    position: absolute;
    width: 0;
    z-index: 2;
}
.flecha-seg2 {
    border-top:10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left:10px solid #c3e3ea;
    font-size: 0;
    height: 0;
    right: 7.4%;
    line-height: 0;
    position: absolute;
    width: 0;
    z-index: 2;
}
.cseg-box{
    margin: 10px 0px;
    padding: 0px 10px;
    float:left;
    width:100%;
}
.ci-contentcom{
    float:left;
    width:100%;
}
.bt-showmo {
    float: left;
    margin:0px 0px 15px;
    text-align: center;
    width: 100%;
}
.ComentariosPanelFecha {
    float:left;
    width:100%;
}
.ComentarioPanelAdjuntos {
    border-radius:50px;
    -webkit-border-radius:50px;
    border:1px solid #999;
    float:left; 
    margin:10px 10px 10px 0px;
    width:auto;
}
.btn-showmo { padding: 0px 8px; }
.MarginColapsable {
    margin:0px 0px 10px;
}
    @media (max-width: 1199px) {
        .im-usuario-seg1 { margin:0px 10px 0px 0px; }
        .im-usuario-seg2 { margin: 0 0 0 10px; }
        .flecha-seg2 { right: 8.9%; }
        .flecha-seg1 { left: 8.9%; }
    }
    @media (max-width: 993px) {
        .seguimientos-inp { width: 81%; }
        .seguimientos-inp_01 { float:right; margin:10px 0px 0px; width: auto; }
    }
    @media (max-width: 991px) {
        .seguimientos-inp { width: 100%; }
        .im-usuario-seg2 {  padding:0px; position:relative; right:9px; }
        .box-coment-seg1 { position:relative; left:14px; }
        .box-coment-seg2 { position:relative; right:13px; }
        .flecha-seg1 { left: -1.2%; }
        .flecha-seg2 { right: -1.2%; }
    }
    @media (max-width: 900px) {
        .p-fech-seg1 { letter-spacing: 0; }
        .im-usuario-seg1 { margin:0px 20px 0px 0px; }
        .im-usuario-seg2 { margin: 0 0 0 20px; }
    }
    @media (max-width: 768px) {
        .im-usuario-seg1 img{min-width: 45px;}
        .im-usuario-seg2 img{min-width: 45px;}
    }
    @media (max-width: 767px) {
        .box-coment-seg1 { left:2px; }
        .box-coment-seg2 { right:7px; }
    }
    @media (max-width: 721px) {
        .im-usuario-seg1 {width: 7%;}
        .bt-showmo {text-align: center;}
    }
    @media (max-width: 640px) {
        .im-usuario-seg2 { margin: 0 8px 0 15px; }
    }
    @media (max-width: 600px) {
        .box-coment-seg1 { left:0px; width:100%; }
        .box-coment-seg2 { position:static; width:100%; margin:0px 0px 0px; }
        .flecha-seg2,.flecha-seg1 { display:none; }
        .unimg-usuario { position:absolute; z-index:1; margin:-15px 0px 0px -10px; right:40px; }
        .ci-imus-1 { right: 10px; top: -12px; }
        .ci-imus-2 { right: -7px; top: -12px; }
        .cseg-box { margin:20px 0px 0px; }
        .ACcomResp { right:-2px; }
        .bt-showmo { margin: 15px 0px 15px; }
    }
    @media (max-width: 400px) {
        .ci-imus-2 { height: 30px; width: 30px; }
        .unimg-usuario p { padding: 5px 0px; height: 2px; }
    }
/*/ESTILOS SEGUIMIENTOS COMENTARIOS*/
    @media (max-width: 479px) {
        .col-rsp  { width:100%; }
    }
    @media (max-width: 991px) {
        .OEResposive  { float:left; width:100%; }
    }

.oculto {
visibility:hidden;
}
.HPAltaCitaInp {
    margin: 0px auto;
    width: 36%;
}
/*
************************************************************
Seccion estilo Subheader
************************************************************
*/
.FechaPreferente {
    text-align: center;
    width:100%;
    float:left
}
    @media (max-width: 768px) {
        .FechaPreferente {
            margin:0px 0px 20px;
        }
    }
.FechaPreferenteIcono { 
    background:#71B2E2;
      -webkit-border-radius:50%;
    border-radius:50%;
    margin: 0px auto 20px;
    height:94px;
    padding: 8px 0px 0px;
    text-align:center;
    width:94px;   
}
.FechaPreferenteIcono img { 
    width: 70px;
}
.fsm-sticky-header {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
  border-radius: 2px !important;
}
@-ms-viewport{ width: auto !important; }

body, html {
  height: 100%;
  font-family: verdana;
  padding: 0;
  margin: 0;
  background-color: #e5e5e5;
}

.fsm-dashboard {
  padding-top: 50px;
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 0;
  transition-property: padding-left;
  transition-duration: .4s;
}

@media (min-width: 768px) {
  .fsm-dashboard {
    padding-left: 250px;
  }
  .fsm-menu-toggle .fsm-dashboard {
    padding-left: 0;
  }
}
.fsm-spin-forward {
  transform: rotate(360deg);
}

.fsm-spin-backward {
  transform: rotate(-360deg);
}

/*
************************************************************
                         Header CSS
************************************************************
*/
.fsm-header {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 50px;
  background-color: #FFF;
  color: #262626;
  box-shadow: 0px 2px 4px 0 rgba(0,0,0,.15);
  text-align: center;
  z-index: 10002;
  overflow: none;
  transition-property: box-shadow;
  transition-duration: .4s;
}

.fsm-menu-toggle .fsm-header {
  box-shadow: 250px 2px 4px 0 rgba(0,0,0,.15);
}
@media (min-width: 768px) {
      .fsm-header {
        box-shadow: 250px 2px 4px 0 rgba(0,0,0,.15);
      }
      .fsm-menu-toggle .fsm-header {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
      }
}
.fsm-header .fsm-logo {
  background: #FFF no-repeat center center fixed;
  border: 1px dotted #000;
  font-size: 22px;
  position: fixed;
  height: 35px;
  width: 150px;
  left: 55px;
  top: 7px;
}
.BordeSubheader {
    background:white;
    box-shadow:none;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    z-index:9;
}
.BordeSubheader h1 { color:#71B2E2; font-weight:bold; }
/*
************************************************************
                      Content Section
************************************************************
*/
/* No padding on phones, cause we want as much space as possible */
.fsm-page-content {
  padding: 5px 0px 0px;
  transition-property: padding;
  transition-duration: .4s;
}
.BotonVerProductos { 
    background:none;
    border:0px;
    text-decoration:underline;
}
.UsuarioColapsable {
    visibility:hidden;
}
/*:::DASHBOARD ORDENES POR ENTREGAR:::*/
.InpBusqueda { 
    border-left:0px;
}
.OrdenesCompraHeader { 
    background: #267591;
    padding: 6px 0px;
    text-align: center;
    color: white;
}
.NGRepeatAng {
    width:100%;
    float:left;
}

.OrdenesCompraBox { 
    position: relative; /* contexto para .BotonSeleccionOC (absolute): cada tarjeta tiene su check en su esquina */
    border:1px solid #ddd;
    border-left: 5px solid #71B2E2;
       -webkit-border-radius:6px;
    border-radius:6px;
    cursor:pointer;
    float:left;
    margin:15px 0px;
    width:100%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.OrdenesCompraBox:hover {
     cursor:pointer; 
         -webkit-box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2); 
         -moz-box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2); 
     box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
}

.OrdenesCompraBox span {
    color:#999;
    font-size: 9px;
}
    @media (max-width: 540px) {
        .OrdCompraResponsive { padding-bottom:15px; width:100%; }
        .OrdenesCompraBox { margin:15px 0px 0px;}
        .OrdenesCompraCertificado {
            margin: 15px 0px 0px;
        }
    }


.OrdenesCompraCertificado {
    border: 1px solid #ddd;
    border-left: 5px solid #71B2E2;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    float: left;
    margin: 15px 0px;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.OrdenesCompraCertificadoSinCita {
    border: 1px solid #ddd;
    border-left: 5px solid #f31e00;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    float: left;
    margin: 15px 0px;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.OrdenesCompraCertificadoDestiempo {
    border: 1px solid #ddd;
    border-left: 5px solid #bbbbbb;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    float: left;
    margin: 15px 0px;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.OrdenesCompraCertificado:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
}
.OrdenesCompraCertificado span, .OrdenesCompraCertificadoSinCita span, .OrdenesCompraCertificadoDestiempo span {
    color: #999;
    font-size: 9px;
}

.OrdenCompraBoxClick {
    border: 1px solid #57d68d;
       -webkit-box-shadow:  0 0 4px 1px rgba(87, 214, 141, .5);
    box-shadow: 0 0 4px 1px rgba(87, 214, 141, .5);
}
.BotonSeleccionOC {
    border-radius:50%;
       -webkit-border-radius:50%;
    background:#57d68d;
    height:20px;
    position:absolute;
    right: 7px;
    width:20px;
    top: 10px;
}
.BotonSeleccionOC span {
    color: white;
    margin: 4px 5px 0px;
    float: left;
}
.OrdenesCompraIcono {
    height: 55px;
    padding: 2px 3px 0px;
    float: left;
    text-align: center;
    width: 30%;
    background: #F9F9F9;
    border-right: 1px solid #ddd;
}
.OrdenesCompraIcono img {
    width:50px;
}
    @media (max-width: 1199px) {
        .OrdenesCompraIcono img { max-width: 49px; }
    }
.OrdenesCompraNumero {
    float:left;
    text-align:center;
    padding: 4px 0px 0px;
    width:70%;
}
.VerMasPuntos {
    float:left;
    text-align:center;
    margin:-15px 0px 6px;
    width:100%;
}
.BtnVerMasOAC {
    float:right;
    margin:-6px 0px 0px 0px;
        -webkit-transition: all .4s ease-out;
        -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
        -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.OCN {
    font-size:15px;
    float:left;
    width:100%;
}
.FECHASCITAS {
    font-size: 12px;
    float: left;
    width: 100%;
}
.MarginNone {
    padding:0px 
}
.GenCitaPad {
    padding:0px 0px 11px;
}
.GenerarCitaBoton {
    border:1px solid #ddd;
}
.VistaCodigoQR {
    float:left;
    text-align:center;
    width:100%;
}
.VistaCodigoQRBoton {
    float: left;
    margin: 15px 0px 0px;
    text-align: center;
    width: 100%;
}
.ContBotonGenCita {
    float: left;    
    text-align: right; 
    width: 100%;
}
.CustomButtonGC {
    -webkit-border-radius:50px;
    border-radius:50px;
    margin:10px 0px 5px;
}
/*:::/DASHBOARD ORDENES POR ENTREGAR:::*/
/*:::CONFIGURACIONES DE LAS CITAS:::*/
.DatapikFecha {
    text-align:center;
    max-width:270px;
    margin:10px auto 0px;
}
.BordeFechaCita { 
        -webkit-border-radius: 50px;
     border-radius: 50px;
     border: 3px solid #71B2E2;
     padding: 10px 25px;
}
    @media (max-width: 470px) {
        .BordeFechaCita { font-size:25px; }
    }
    @media (max-width: 385px) {
        .BordeFechaCita { font-size:20px; }
    }
.SelectTemperaturaAC {
    float:left;
    width:100%;
}
.AltaCitaTemperaturaSel {
    float:left;
    width:100%;
}
.TemperaturasCirculos {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor:pointer;
    height: 90px;
    margin:0px auto 10px;  
    text-align:center;
    width: 90px;
}
.TemperaturasCirculos:hover {
    opacity:.7;
}
.ImageTemperaturaAC {
    margin: 20px auto 0px;
    padding:19px 0px 0px;
    width: 50px;
}
.ImageTemperaturaAC img {
    width: 100%;
}
.ACResponsiveAG {
    float: left;
    padding: 0px;
}
    @media (max-width: 767px) { 
        .ACResponsiveAG  { width:100%; }
    }
    @media (max-width: 400px) { 
        .ACResponsiveAG  { padding:0px; }
    }
    @media (max-width: 767px) { 
        .ContenidoACDatos { width:100%; }
    }
.SelectTransporteAC {
    border:1px solid #ddd;
    float:left;
    margin:15px 0px;
    padding:0px 0px 5px;
    width:100%;
}
.TituloCardSTransporte {
    background: #71B2E2;
    color:white;
    float:left;
    margin:0px 0px 10px;
    text-align:center;
    padding:2px 0px;
    width:100%;
}
.ButtonAgregarTransporte {
    background: transparent;
    border:0px;
    padding: 33px 5px;
    width: 50%;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -ms-transition: all .7s ease;
        -o-transition: all .7s ease;
    transition: all .7s ease;
}

.ButtonAgregarTransporte:hover {
         -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.ButtonAgregarTransporte span {
    color: white;
    font-weight: lighter;
    font-size: 25px;
}

.TemperaturaAltaCita{
    float:left;
    width:100%;
}

.ACBorderBox {
    background: white;
    border:1px solid #ddd;
    cursor:pointer;
    float: left;
       -webkit-border-radius:10px;
    border-radius:10px;
    margin: 15px 0px 15px;
    width: 100%;
         -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.ACBorderBox:hover {
    border:1px solid #999;
    background:#F9F9F9;
    z-index:9;
        -moz-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        -o-transform: scale(1.03);
        -ms-transform: scale(1.03);
    transform: scale(1.03);
         -webkit-box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2); 
         -moz-box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2); 
    box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
}

.ACSelectedTemperatura {
    border:2px solid #26D07C;
    background:#F9F9F9;
    z-index:9;
        -moz-transform: scale(1.08);
        -webkit-transform: scale(1.08);
        -o-transform: scale(1.08);
        -ms-transform: scale(1.08);
    transform: scale(1.08);
}

/* Eliminar borde verde para TipoCitaNavBox cuando está seleccionado */
.TipoCitaNavBox.ACSelectedTemperatura {
    border: none !important;
    background: #F9F9F9;
    z-index: 9;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
}
.ACContImage {
    margin: 10px auto 0px;
    width: 50px;
}
    @media (max-width: 350px) { 
        .ACContImage { margin: 0px auto; padding: 6px; }
    }
.ACTrasnporteMargin {
    margin:15px 0px 0px;
    padding:0px;
}
    @media (max-width: 768px) { 
        .ACSelecTranspResp { float:left; width:33.3%;}
    }
    @media (max-width: 415px) { 
        .ACSelecTranspResp { width:100%;}
    }

.ACContButtonAT {
    background: #71B2E2;
    border-right: 1px solid #f4f4f6;
    border:0px;
    margin:15px 0px 0px;
    text-align:center;
    padding: 15px 5px;
    float: left;
    width: 100%;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
    transition: all .4s ease;
}
    @media (max-width: 767px) { 
        .ACContButtonAT { margin-bottom: 30px; }
    }
.ACContButtonAT h3 {
    color: white;
    font-size: 14px;
    font-weight: 200;
    margin: 5px 0px 7px;
    text-align: center;
}
.ACContImage img {
    width: 100%;
}
.ButtonCancelarAC {
    position:absolute;
    right: -8px;
    top: -43px;
}
.ButtonColorACTransp {
    -webkit-border-radius:50%;
    border-radius:50%;     
    height: 27px;
    padding: 0px;
    width: 27px;
}
.MarginColumnas {
    margin: 0px 0px 10px;
}
.ColumnasLabel img {
    margin: -3px 0 0;
    width: 19px;
}
.ColumnasLabel {
    color: #999;
    float: left;
    font-size: 12px;
    font-weight: 200;
    letter-spacing: 1px;
    margin: 0 0 5px;
    width: 100%;
}
.ButtonStyleAC {
    -webkit-border-radius:0px;
    border-radius:0px;
    float:left;
    padding:10px 0px;
    width:50%;
}
.ContButtonsACTransp {
    margin:1px 0px 0px;
    float:left;
    width:100%;
}
.VerDetalleACGen {
    float:left;
    margin:3px 0px 0px;
    width:100%;
}
.VerDetalleACGen span {
    background: #71B2E2;
    border-radius:50px;
       -webkit-border-radius:50px;
    cursor:pointer;
    color: white;
    font-size: 12px;
    padding: 3px 16px 4px;
}
    @media (max-width: 480px) { 
        .VerDetalleACGen span { padding:15px 10px 15px; }
    }
.DetalleTransCantidad {
    color: #999;
    float: left;
    font-size: 13px;
    padding: 4px 8px 0px;
    text-align:center;
    width: 100%;
}
.DetalleTransCantidad span {
    color: #71B2E2;
    font-size: 15px;
    font-weight:bold;
}
.WAltaCitADetBox {
    border-right: 0px;
    padding: 45px 0px 40px;
    width: 100%;
}
    @media (max-width: 480px) {
        .WAltaCitADetBox {
            border-bottom: 0px;
        }
    }
.WAltaCitADetBox img {
    height: 85px;
    width: 85px;
}
.UDMInfoAltaCita {
    float: left;
    width: 100%;
}
.BtnEliminarDetContenedor {
    float:left;
    width:100%;
}
    @media (max-width: 410px) {
        .BtnEliminarDetContenedor  {
            margin:10px 0px;
        }
    }
.BtnEliminarDet {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    float: right;
    font-size: 10px;
    margin: 13px 7px 0px 0px;
    padding: 2px 15px;
}
.UDMInfoAltaCita span {
    color: #999;
    float: left;
    font-size: 12px;
    font-weight: 200;
    padding: 5px;
}
   @media (max-width: 767px) {
        .UDMInfoAltaCita span { width:60%; }
    }
.UDMInfoAltaCita label {
    color: #71B2E2;
    float: right;
    font-size: 12px;
    margin-bottom: 0px;
    padding: 5px;
}
.UDMTranportesAltaCita { 
    border-right: 1px solid #ddd; 
    float: left;
    width: 35%;
}
   @media (max-width: 410px) {
        .UDMTranportesAltaCita { border-right:0px; border-bottom:1px solid #ddd; width:100%; }
    }
.ACListaTrasnporteBox {
    border:1px solid #ddd;
    float:left;
    margin:0px 0px 10px;
    width:100%;
}
.ACTipoTranspDetalle {
    margin:0px auto 0px;
}
    @media (max-width: 395px) {
        .ACTipoTranspDetalle { width: 70px; }
    }
.ACInfUDMDetalle {
    border-left: 1px solid #ddd;
    float: left;
    width: 65%;
}
    @media (max-width: 410px) {
        .ACInfUDMDetalle { width: 100%; }
    }
.ContACDetalle { 
    border: 1px solid #71B2E2;
    border-top: 5px solid #71B2E2;
    float: left;
    margin: -20px 0px 30px;
    width: 100%;
    padding: 15px 0px 5px;  
}
.ACDetalleBoxFlecha {
    border-bottom: 10px solid #71B2E2;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    font-size: 0;
    height: 0;
    top: 200px;
    left: 47%;
    line-height: 0;
    position: absolute;
    width: 0;
    z-index: 2;
}
    @media (max-width: 768px) {
        .ACDetalleBoxFlecha { left:49%; top: 251px; }
    }
    @media (max-width: 767px) {
        .ACDetalleBoxFlecha { left:49%; top: 251px; }
    }
    @media (max-width: 480px) {
        .ACDetalleBoxFlecha { top: 303px; }
    }
.ACTipoEntrega {
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    background: white;
    float: left;
    margin:15px 0px 20px;
    padding:0px 0px 15px;
    width: 100%;
}
.ACBorderSolid { border:1px solid #ddd;}
.ACHoraSugeridaBox { 
    text-align:center;
    margin:-3px 0px 5px;
}
.ACHoraSugeridaLabel { 
    color:#999;
    font-size:11px;
    text-align:center;
    width:100%;
}
.ACHoraSugeridaSpan {
    font-size:18px;
    text-align:center;
    width:100%;
}
.ACCitaConfirmadaFin {
    float: left;
    margin: 25px 0px 5px;
    text-align: center;
    width: 100%;
}
    @media (max-width: 480px) {
        .ACCitaConfirmadaFin img { max-width:200px; width:100%; }
    }
    @media (max-width: 414px) {
        .ACCitaConfirmadaFin img { max-width:180px; }
    }
    @media (max-width: 360px) {
        .ACCitaConfirmadaFin img { max-width:145px; }
    }
.ACCitaConfirmadaMensaje {
    float:left;
    margin:0px 0px 45px;
    text-align:center;
    width:100%;
}
.ACCitaConfirmadaMensaje h2 {
    color:#71B2E2;
    font-size:18px;
}
    @media (max-width: 375px) {
        .ACCitaConfirmadaMensaje h2 { font-size:22px; }
    }
.ACCitaConfirmadaMensaje p {
    color:#999;
    padding: 0px 50px;
}
    @media (max-width: 480px) {
         .ACCitaConfirmadaMensaje p { padding: 0px 10px; }
    }
    @media (max-width: 375px) {
        .ACCitaConfirmadaMensaje p { font-size:12px; }
    }
.TipoCitaNavBox { 
    /*border: 3px solid #71B2E2;
    -webkit-border-radius:7px;
    border-radius:7px;*/
    float: left;
    cursor: pointer;
    height: 155px;
    text-align: center;
    padding: 4px 0px 0px;
    width: 100%;  
}
    @media (max-width: 991px) {
        .TipoCitaNavBox { margin:0px 0px 15px; }
    }
.TipoCitaNavIcon { 
    display:inline-block;
    width: 90px;
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
.TipoCitaNavIcon:hover {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.TipoCitaNavIcon img { 
    width:100%;
}
.ACTipoCita {
    padding:50px 0px;
}
.ACNavTextos { 
    float: left;
    margin: 15px 0px 0px;
    text-align: center;
    width: 100%;
}
.ACNavTextos span { 
    color:#71B2E2;
    border:2px solid #71B2E2;
    -webkit-border-radius:50px;
    border-radius:50px;
    padding:5px 15px;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.ACNavTextos span:hover {
    background:#71B2E2;
    color:white;
}
.ACContNavTipos {
    float:left;
    padding: 55px 0px 55px;
    width:100%;
}
.ACNoPadd { 
    padding:0px;
}
.ACFormUnit { 
    padding: 35px 0px 35px;
}
.ACContCitaAlt {
    margin-bottom:20px;
}
.ACIconRecInt {
    text-align:center;
    width:100%;
}
.ACIconRecInt img {
    max-width: 140px;
}
.ACIconRececepcionIntercambio {
    margin:45px 0px 0px;
    text-align:center;
    width:100%;
}
.ACIconRececepcionIntercambio img {
    max-width: 140px;
}
/*ESTILOS PARA PREGUNTA EN HORA SUGERIDA*/
.ACHoraSugeridaPregunta {
    margin: 0px auto;
    padding: 0px 20px 20px;
    width: 55%;
}
.ACHoraSugeridaTitulo {
    float:left;
    margin: 15px auto;
    width: 100%;
}
.ACHoraSugeridaTitulo h3{
    color:#999;
    font-size: 15px;
    font-weight: 200;
    text-align: center;
    margin: 15px 0px 0px;
}
.ACHoraSugeridaButtonsBox {
    float: left;
    margin: 5px auto 40px;
    text-align: center;
    width: 100%;
}
.ACHoraSugeridaButton {
    background: white;
    color: #71B2E2;
    border: 3px solid #71B2E2;
    height: 50px;
    margin: 0px 5px;
    width: 140px;
        -webkit-transition: all .4s linear;
        -moz-transition: all .4s linear;
        -ms-transition: all .4s linear;
        -o-transition: all .4s linear;
    transition: all .4s linear;
}
    @media (max-width: 380px) {
        .ACHoraSugeridaButton { width: 38% }
    }
    @media (max-width: 360px) {
        .ACHoraSugeridaButton { width: 100%; margin: 10px 0; }
    }
.ACHoraSugeridaButton:hover{
    background: #71B2E2;
    color: white;
    border: 2px solid #71B2E2;
}
.ACButtonSI {    
    color: #57d68d;
    border: 3px solid #57d68d; 
}
.ACButtonSI:hover {    
    background: #57d68d;
    color: white;
    border: 2px solid #57d68d;
}
.ACButtonNO {
    color: #e74c3c;
    border: 3px solid #e74c3c; 
}
.ACButtonNO:hover {    
    background: #e74c3c;
    color: white;
    border: 2px solid #e74c3c;
}
/*:::ALTASLINEASDOC:::*/
.AltaLineasDoc {
    background:#71B2E2;  
    -webkit-border-radius:50px;  
    border-radius:50px;
    color:white;
    float:left;
    margin: 0px 0px 15px;
    padding: 5px 0px;
    text-align: center;
    width:100%;
}
    @media (max-width: 767px) {
        .AltaLineasDoc {
            display:none;
        }
    }
.AltaLineasDocTemp {
    background: white !important; 
    -webkit-border-radius:50px;  
    border-radius:50px; 
    border: 2px solid #71B2E2;
    color: #999;
    float:left;   
    margin: 0px 0px 15px;
    text-align: center;
    padding: 10px 0px;
    width:100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
    .AltaLineasDocTemp:hover {
        cursor: pointer;
        -webkit-box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
    }
    .AltaLineasDocTemp > div {
        background: transparent;
        position: relative;
        z-index: 2;
    }


    @media (max-width: 767px) {
        .AltaLineasDocTemp {
             -webkit-border-radius:0px;  
             border-radius:0px;
             color:black;
        }
    }
.AltLineasDocTitulo {
    display:none;
    color:#71B2E2;
    width:100%;
    float:left;
    margin:10px 0px 0px;
}
    @media (max-width: 767px) {
        .AltLineasDocTitulo {
            display:inline-block;
        }
    }
.AltaLineaPad { 
    padding:0px 30px 0px;
    background: transparent;
    position: relative;
}

/* Icono PDF llamativo en líneas de OrdenCertificado */
.pdf-line-icon {
    float: right;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #e53935; /* rojo tipo PDF */
    margin-left: 8px;
}

.pdf-line-icon img {
    width: 16px;
    height: 16px;
}
.ACSelectDoc {
    margin: 25px 0px;
    float: left;
    width: 100%;
}
.ACAltaLineas {
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    background: white;
    float: left;
    margin:0px 0px 20px;
    padding:0px;
    width: 100%;
}
.ACComments {
    padding: 25px 0px 35px;
}
.ACCommentsMod {
    padding: 0px;
}
.container-filter {
    background: #ddd;
    -webkit-border-radius:5px;
    border-radius:5px;
    float:left;
    margin: 0px 0px 5px;
    padding:3px 15px 2px;        
    width:100%;
}
.ACNombreDocumento {
    margin:-22px 0px 25px;
}
.AltaCitaOrdenesMDC {
    float:left;
    width:100%;
}
/*:::/CONFIGURACIONES DE LAS CITAS:::*/
/*:::RECOLECCIÓN E INTERCAMBIO:::*/
.RIIconComposicion { 
    margin:5px 0px 0px;
    text-align:center;
    width:100%;
}
.RIIconComposicion img {
    width: 450px;
}
    @media (max-width: 500px) {
        .RIIconComposicion img { width: 100%; }
    }
.RIContImputs {
    margin: -5px auto 0px;
    width: 40%;
}
    @media (max-width: 991px) {
        .RIContImputs { width: 100%; }
    }
.ACRecIntBox {
    margin:25px 0px 25px;
}
    @media (max-width: 991px) {
        .ACRecIntBox {
            float:left;
            width:100%;
        }
    }

.MOCIMundoAlseaIm {
     float:left;
     padding:35px 0px 25px;
     width:100%;
}

.MOCIIconTurno {
    float:left;
    text-align:center;
    width:100%;
}

.MOCIIconTurno img {
    width:100%;
}

.MOCIModalTurno {
    float:left;
    width:100%;
}

.MOCIModalTurno span {
    color:black;
}

.MOCIModalTurno label {
    color:#71B2E2;
}

.RIMargin {
    margin:0px 0px 20px;
}
.OrdenesAgregadas {
    margin:0px 0px 5px;
}
    @media (max-width: 991px) {
        .OrdenesAgregadas {
            float:left;
            width:100%;
        }
    }
.RecoleccionIntercambioIm {
    float:left;
    margin:17px 0px 0px;
    width:100%;
}
.RecoleccionIntercambioIm img {
    width:100%;
}
/*:::DISPONIBILIDAD:::*/
.DisContenidoFechas {
    margin:0px;
    float:left; 
    width:42%;
}
    @media (max-width: 706px) {
        .DisContenidoFechas {
            padding:15px 0px 0px;
            width:100%;
        }
    }


.DisBoxFechas {
    /*background: white;*/
    border-left:1px solid #ddd;
    cursor:pointer;
    float:left;
    padding:8px 0px 14px;
    width:100%;
}
    @media (max-width: 706px) {
        .DisBoxFechas {
            border-top: 1px solid #ddd;
        }
    }


.DisFechasIcon {
    float:left;
    height:35px;   
    width:35px;
}
    @media (max-width: 992px) {
        .DisFechasIcon {
            height:20px;   
            width:20px;
        }
    }


.DisFechasIcon img {
    max-width:100%;
}

.DisFechasTexto { 
    /*color:#71B2E2;*/
    font-size:12px;
    text-align:center;
    float:left;
    width:100%;
}

.DisContFechasIcon {
    float:left;
    margin:-11px 0px 0px;
    position:absolute;
}

.DisHorasCerradas {
    background: #eee; 
    border-bottom: 1px solid white;
    float: left; 
    height: 25px; 
    position: relative;  
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
}
.MarginFechaInp { 
    margin:14px 0px 0px;
}

/*:::CONSULTA DISPONIBILIDAD DE HORARIO:::*/
.MociFechaSinDisponibilidad {
    border-left: 6px solid #62b0e4;
    width: 100%;
    padding:10px;
    margin-top:20px;
}
.NomenglaturaCita {
    padding-top:0px;
    padding-bottom:5px;
}
.BusquedaLabel {
    padding-top:27px;
}
.NomenglaturaCitaBorder {
    background: white;
}
.tableResultForCertificates {
    margin: 0px !important;
    overflow-x: scroll;
    display: table;
}
.tableResult {
   margin-bottom: 0px !important;
   overflow-x: scroll;
   display: block;
}
.table > thead > tr > th {
    padding: 6px;
}
.CalendarioTabla {
    padding: 0px; 
    margin: 0px;
    font-size:11px;
    line-height:16px;
    margin-bottom: 10px;
    margin-top:10px;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 0px solid #ddd;
}
.CalendarioCelda {
    color: #71B2E2; 
    padding:2px;
}
.CalendarioTexto {
    padding:2px;
    text-align:center;

}
.CalendarioTextoColor {
    padding:2px;
    text-align:center;
    color:#999;
}
.MOCIConsultaDisponibilidadGeneral {
    background:white;
    -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1); 
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float:left;
    width:100%;
}
.h3 citahorariod {
    margin:0;
}
.MOCIDiaSinDisponibilidad {
    background:#e74c3c;
    float:left;
    padding:10px 0px;
    text-align:center;
    width:8%;  
}
    @media (max-width: 992px) {
        .MOCIDiaSinDisponibilidad {
            padding:21px 0px;
        }
    }
    @media (max-width: 706px) {
        .MOCIDiaSinDisponibilidad {
            padding:15px 0px;
            width:20%; 
        }
    }
    @media (max-width: 445px) {
        .MOCIDiaSinDisponibilidad {
            display:none;
        }
    }


.MOCIDiaSinDisponibilidad label {
    color:white;
    font-size:35px;
    margin:0px;
}
    @media (max-width: 992px) {
        .MOCIDiaSinDisponibilidad label {
            font-size:20px;
        }
    }


.MOCIDiaSinDisponibilidad span {
    color:white;
    float:left;   
    font-size:9px;
    margin:-5px 0px 5px;
    width:100%;
}

.MOCIDiaSinDisponibilidaMensajeTopBar {
    float:left;
    padding:5px 15px;
    width:50%;
}
    @media (max-width: 992px) {
        .MOCIDiaSinDisponibilidaMensajeTopBar {
            padding:4px 10px;
        }
    }
    @media (max-width: 706px) {
        .MOCIDiaSinDisponibilidaMensajeTopBar {
            width:80%;
        }
    }
     @media (max-width: 445px) {
        .MOCIDiaSinDisponibilidaMensajeTopBar {
            padding:10px 15px 0px;
            width:100%;
        }
    }


.MOCIDiaSinDisponibilidaMensajeTopBar p {
    color:#999;
    font-size:12px;
    margin:0px;
}
    @media (max-width: 992px) {
        .MOCIDiaSinDisponibilidaMensajeTopBar p {
            font-size:11px;
        }
    }

.MOCIDiaSinDisponibilidaMensajeTopBar p span {
    font-weight:bold;
    color:#57d68d;
}

.MOCIDiaSinDisponibilidaMensajeTopBar b {
    color:#e74c3c;
    font-size:14px;
}
    @media (max-width: 992px) {

    }



.MOCIDiaDisponibilidadLibre {
    float:left;
    padding:5px 0px 0px;
    text-align:center;
    width:100%;
}

.MOCIDiaDisponibilidadLibre h3 {
    font-size:35px;
    font-weight:bold;
    margin:0px;
}
    @media (max-width: 992px) {
        .MOCIDiaDisponibilidadLibre h3 {
            font-size:20px;
        }
    }


.MOCIDisponibilidadContenidoFechas {
    float:left; 
    width:33.33%
}

.MOCIDisponibilidadContenidoFechas.Active {
    background:#71B2E2;
    color:white;
    font-weight:bold;
}

.MOCIDisponibilidadContenidoFechas.Current {
    font-weight:normal;
    color:#71B2E2;
}

.MOCISinDisponibilidadHorario {    
    float:left;     
    margin:1% 0px; 
    padding:40px 0px 45px;
    text-align:center;
    width:100%; 
} 

.MOCISinDisponibilidadHorario span { 
     color: #999;
     float:left;  
     font-size:14px;  
     margin:0px;
     width:100%;
}
 
.MOCISinDisponibilidadHorario label { 
    color: #71B2E2;
    float: left;
    width: 100%;
    font-size: 18px;
    padding: 15px 0px 0px;
}

.MOCISinDisponibilidadHorario img { 
    max-width:220px; 
}

.MOCISinDisponibilidadButton {
    padding:20px 0px 0px;
    width:100%;
    text-align:center;
    float:left;
}

/*:::CONSULTA DISPONIBILIDAD DE HORARIO:::*/


/*:::STYLES RECEPCIÓN Y CASETA:::*/
 .CPRecepcionInp {
     margin:15px auto 30px;
     width:50%;
 }
     @media (max-width: 500px) {
          .CPRecepcionInp { width:100%; }
    }
.ContResCitaRecepcion {
    text-align:center;
    float:left;
    margin:-15px 0px 15px;
    width:100%;
}
.MensajeCitaRecepcion {
    font-size:18px;
    color:#999;
}
.CasetaRelojBox {
    color:#999;
    text-align:center;
    float:left;
    margin:30px 0px 0px;
    width:100%;
}
.CasetaReloj {
    font-size:35px;
    color:#57d68d;
}
.ContentCasetaReloj {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border:3px solid #57d68d;
    margin:10px auto 0px;
    width:300px;
}
.ContResCitaCaseta {
    text-align:center;
    float:left;
    width:100%;
}
.ContResCitaCaseta img {
    margin:0px 0px 20px;
    width: 90px;
}
/*:::/STYLES RECEPCIÓN Y CASETA:::*/
/*::::CITA IMPORTACIÓN::::*/
.OCIMarginSelect {
    margin:0px auto 50px;
    height:95px;
}
.CICargaDocumentos {
    float: left;
    margin:30px 0px 2px;
    width:100%;
}
.CargaDocumentosCita {
    float:left;
    padding:0px 0px 30px;
    width:100%;
}
.CIDocAdjuntos { 
    margin:0px 0px 3px;
}
.CargaDocumentosCitaComents {
    float:left;
    width:100%;
}
.AgregarComentario {
    margin:30px 0px -30px;
}
/*:::/CITA IMPORTACIÓN:::*/

/*:::MONITOR:::*/
.MonitorDatapikFecha {
    max-width:330px;
    margin:20px auto 25px;
}
.MonitorPuertas { 
    margin:15px 0px 15px;
    padding:15px 0px;
}
.MonitorPuertaDisponible {
    font-size:18px;
    color:#999;
    padding: 4px 15px 0px;
}
     @media (max-width: 992px) {
         .MonitorPuertaDisponible { margin-bottom:15px; }
         .MonitorDatapikFecha { margin: 75px auto 30px }
    }
.MonitorPDSpan {
    color:#71B2E2;
}
.MonitorPuertasDiOc {
       -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #ddd;
    margin:15px 0px 15px;
    float:left;
    padding:0px 0px 15px;
    width:100%;
}
.MonitorAndenDisp {
       /*-webkit-border-radius:50px;
    border-radius:50px;*/
    border:1px solid #ddd;
    float:left;
    margin:15px 0px 0px;
    padding:0px 0px 15px;
    text-align:center;
    width:100%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.MonitorAndenDisp:hover {
        -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2); 
        -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2); 
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
}
.MonitorAndenDisp label {
    color:#999;
    font-size:11px;
    font-weight:lighter;
    margin:0px;
    padding:10px;
    width:100%;
}
.MonitorAndenDisp span {
    background:#57d68d;
       -webkit-border-radius:50px;
    border-radius: 50px;
    cursor:pointer;
    color:white;
    font-size:14px;
    /*float:right;*/
    padding:5px 12px;
}
.MonitorAndenOcup {
       /*-webkit-border-radius:50px;
    border-radius:50px;*/
    border:1px solid #ddd;
    float:left;
    margin:15px 0px 0px;
    padding:0px 0px 15px;
    text-align:center;
    width:100%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.MonitorAndenOcup:hover {
        -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2); 
        -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2); 
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
}
.MonitorAndenOcup label {
    color:#999;
    font-size:11px;
    font-weight:lighter;
    margin:0px;
    padding:10px;
    width:100%;
}
.MonitorAndenOcup span {
    background:#e74c3c;
       -webkit-border-radius:50px;
    border-radius: 50px;
     cursor:pointer;
    color:white;
    font-size:14px;
    /*float:right;*/
    padding:5px 12px;
}
.MonitorPuertasOC {
    color:#e74c3c;
}
.MonitorPuertasDis {
    color:#57d68d;
}
    @media (max-width: 337px) {
        .MonitorContBoxAnden { width:100%; }
    }
     @media (max-width: 768px) {
         .MonPOcupadas { border: 4px solid #e74c3c; }
         .MonPDisponible { border: 4px solid #57d68d; }
    }

/* Monitor recepción — layout reforzado */
.monitor-recepcion-page .monitor-panel {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
    overflow: hidden;
}
.monitor-recepcion-page .monitor-panel__head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #eee;
    background: linear-gradient(to bottom, #fafafa, #f5f5f5);
}
.monitor-recepcion-page .monitor-panel__head h2 {
    flex: 1;
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    color: #444;
}
.monitor-recepcion-page .monitor-panel__head .quantity-box-icon img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: 6px;
}
.monitor-recepcion-page .monitor-badge {
    display: inline-block;
    min-width: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}
.monitor-recepcion-page .monitor-badge--busy {
    background: rgba(231, 76, 60, 0.12);
    color: #c0392b;
}
.monitor-recepcion-page .monitor-badge--free {
    background: rgba(87, 214, 141, 0.15);
    color: #27ae60;
}
.monitor-recepcion-page .monitor-panel__body {
    padding: 8px 12px 18px;
    min-height: 120px;
}
.monitor-recepcion-page .monitor-panel--occupied .monitor-panel__body {
    padding-bottom: 24px;
}
.monitor-recepcion-page .monitor-panel__pagination {
    padding: 10px 12px 14px;
    border-top: 1px solid #eee;
    background: #fafafa;
}
.monitor-recepcion-page .monitor-panel__pagination .monitor-pagination-info {
    margin-bottom: 6px;
}
.monitor-recepcion-page .monitor-panel__pagination .monitor-pagination {
    margin: 6px 0 0;
}
.monitor-recepcion-page .monitor-panel__pagination .monitor-pagination-status span {
    padding: 6px 12px;
    display: inline-block;
    color: #666;
    font-size: 13px;
}
.monitor-recepcion-page .monitor-empty {
    text-align: center;
    color: #999;
    padding: 28px 16px;
    font-size: 14px;
    line-height: 1.5;
}
.monitor-recepcion-page .monitor-panel--occupied .MonitorAndenOcup {
    border-color: #f0c9c4;
}
.monitor-recepcion-page .monitor-panel--available .MonitorAndenDisp {
    border-color: #b8e8ce;
}
.monitor-recepcion-page .MonitorContBoxAnden[data-anden-id]:focus {
    outline: 2px solid #71B2E2;
    outline-offset: 2px;
}
.monitor-recepcion-page .MonitorContBoxAnden[data-anden-id] {
    cursor: pointer;
}

.DivDisponibilidadPuertas {
    float:left;
    width:100%;
}
.MDAndenesOcupados { 
    background:white;
    margin-top: 15px;
    float: left;
    width:100%;
}
.MDAONombrePuerta {
    border:1px solid #ddd;
    float:left;
    text-align:center;
    padding:10px 0px;
    width:40%;
}
.MDAONombrePuerta img {
    margin: -18px 0px 0px;
    width:85px;
}
.MDAONombreDatos {
    float:left;
    width:60%;
}
.MDAONumeroPuerta span {
    background:#e74c3c;
       -webkit-border-radius:50px;
    border-radius:50px;
    color:white;
    padding:0px 7px 1px;
    position:relative;
}
.MonitorDetalleProveedor {
    float:left;
    width:100%;
}
.MonitorDetalleProveedor label {
    color:#999;
    font-weight:lighter;
    font-size:8px;
    margin:0px;
    width:100%;
}
.MDAONumeroPuertaLibre span {
    background:#57d68d;
       -webkit-border-radius:50px;
    border-radius:50px;
    color:white;
    padding:2px 10px;
    position:relative;
    top:2px;
}
.MDTipoEntrega {
    border-bottom:1px dashed #ddd;
    float:left;
    text-align:center;
    padding:4px 0px 8px;
    width:100%;
}
.MDTipoEntrega label {
    color:#999;
    font-weight:lighter;
    font-size:10px;
    margin:0px;
    width:100%;
}
.MDTiempoEntrega {
    border-bottom:0px;
}
.MonitorDetalleProveedorTitulos{
    background:white;
       -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    border:1px solid #ddd;
    margin-top:15px;
    padding:7px 0px;
}
.MonitorDetallePadd {
    padding-bottom:20px;
}
.MDPuertasTemperatura {
    border:1px solid #ddd;
    border-top:0px;
    float:left;
    margin:15px 0px 0px;
    padding-bottom:15px;
    width:100%;
}
.radialCongelado {
    background: #f98500; /* Old browsers */
    background: -moz-linear-gradient(top,  #f98500 0%, #660fd6 0%, #af96d1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f98500 0%,#660fd6 0%,#af96d1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f98500 0%,#660fd6 0%,#af96d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98500', endColorstr='#af96d1',GradientType=0 ); /* IE6-9 */
    color:white; 
    text-align:center;
    padding:10px 0px;
}

.radialRefrigerado {
    background: #05d8dd; /* Old browsers */
    background: -moz-linear-gradient(top,  #05d8dd 0%, #97dadb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #05d8dd 0%,#97dadb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #05d8dd 0%,#97dadb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05d8dd', endColorstr='#97dadb',GradientType=0 ); /* IE6-9 */
    color:white; 
    text-align:center;
    padding:10px 0px;
}
.radialSeco {
    background: #f98500; /* Old browsers */
    background: -moz-linear-gradient(top,  #f98500 0%, #f98500 0%, #fc9706 96%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f98500 0%,#f98500 0%,#fc9706 96%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f98500 0%,#f98500 0%,#fc9706 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98500', endColorstr='#fc9706',GradientType=0 ); /* IE6-9 */
    color:white; 
    text-align:center;
    padding:10px 0px;
}
.cursorShowInfo{
    cursor:pointer;
}
     @media (max-width: 440px) {
         .PuestasResp { width:100%; }
     }

/*:::/MONITOR:::*/
/*:::MODALES:::*/
.modal-content,
.modal-header,
.modal-body,
.modal-footer { 
    float:left;
    width:100%;
}
.PuertasModalEdit {
    box-shadow:none;
    border:1px solid #ddd;
}
/*:::NOTIFICACIONES DASH PROVEEDOR:::*/
.DSHPNotificaciones {
    background:white;
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float:left;
    margin:15px 0px;
    padding: 15px 0px;
    width:100%;
}
.DSHPNTitulo { 
    color:#71B2E2;
    border:1px solid #ddd;
    float:left;
    font-size:18px;
    padding:10px;
    text-align:center;
    width:100%;
} 
.DSHPNotContenedor {
    border:1px solid #ddd;
    cursor:pointer;
    float:left;
    margin:10px 0px 0px;
    padding:10px;
    width:100%;
}
.DSHPTituloNotificacion {
    float:left;
    text-align:center;
    width:100%;
}
.DSHPTituloNotificacion label {
    color:black;
    font-size:11px;
}
.DSHPNotImagen {
    float:left;
    width:20%;
}
.DSHPNotImagen img {
    width:100%;
}
.DSHPTexto {
    float:left;
    width:80%;
}
.DSHPTexto p {
    color:#999;
    margin:0px;
    font-size:11px;
    margin:2px 0px 0px;
}
    @media (max-width: 992px) {
        .DSHPTexto p { color:black; }
    }

    @media (max-width: 610px) {
        .NotificacionesResp { width:100%; }
    }
.AgregarNotificaciones {
    background: white;
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    margin: 15px 0px 0px;
    padding:5px;
    text-align:right;
    width: 100%;
}
     @media (max-width: 400px) {
         .AgregarNotificaciones { padding:0px 5px; }
    }
.NotProveedorTitulo {
    float:left;
    text-align:center;
    width:100%;
}
.NotProveedorTitulo h2 { 
    font-size: 15px;
    font-weight:lighter;
}
.NotProveedorTexto {
    float:left;
    height:97px;
    width:100%;
}
     @media (max-width: 545px) {
         .NotProveedorTexto { height:auto; }
    }
.NotProveedorTexto p {
    font-size:11px;
    color:#999;
}
.NotificacionesInfoEd {
    border-left:1px solid #ddd;
    float:left;
    padding: 0px 15px 15px;
    width:65%;
}
     @media (max-width: 545px) {
       .NotificacionesInfoEd { width:100%; }
    }
.NotificacionesCard {
    background:white;
       -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1); 
    float:left;
    margin:15px 0px 0px;
    width:100%;
}
.BtnNotificEdit {
    float:left;
    text-align:right;
    width:100%;
}
.NotProveedoresIm {
    float:left;
    width:35%;
}

.NotProveedoresIm img {
    width:100%;
    height:191px;
}
     @media (max-width: 545px) {
        .NotProveedoresIm { width:100%; }
        .NotProveedoresIm img  { height:auto; }
    }
.BtnAvisosEdicion {
    -webkit-border-radius: 0px;
    border-radius: 7px;
    border: 0px;
    text-align: center;
    padding: 10px;
    position: relative;
}
.AdminUserMarginTA button{
    text-align:center;

}

.ContentPregunta {
    border:1px solid #999;
}
.PaddingEmpty {
    padding:0px;
}
.EvaluacionMociProveedor{
     padding: 0px 5px 3px 0px;
}
.ci-EvaluacionPregunta {
    border:1px solid #ddd;
    padding:3px;
}
.ci-EvaluacionPregunta:hover {
    border:0px;
   -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
}@media (max-width: 768px) {
    .miestilo {
        background-color: red;
    }
}
 @media (max-width: 980px) {
   .BorderMoci {
    height: 300px;
  
}
  
}

 @media (max-width: 768px) {
   .BorderMoci {
    height: 249px;
  
}
   .ci-EvaluacionPregunta {
 
    height: 70px;
}

}
   
.ci-EvaluacionJustificacion {
   float: left;
    border: 1px solid #ddd;
    padding: 2px;
    margin-top: 5px;
    width: 100%;
    height: 70%;
}
.ci-EvaluacionJustificacion:hover {
    border:0px;
   -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);
}
.BtnAvisosEdicion span {
    color: #ddd;
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 25px;
    cursor:pointer;
    margin-top: 11px;
}
.BtnAvisosEdicion span:hover {
    color: #ddd;
    position: relative;
    font-size: 27px;
    width: 100%;
    text-align:left;
    transition: 0.3s;
}

.no-padding {
   padding:0px;
}
.EvaluacionEvidencias {
    padding:3px;
}

.MociEntrega {
    background-color:#fff;
    margin-top: 10px;
    padding-bottom: 28px;

}
.MociEntrega p {
    color:#71B2E2;
    font-size:14px;
    line-height:18px;
}
.content-boxcardEvaluacion {
    width: 100%;
    margin: 4px 0px;
    padding-bottom: 15px;
    float: left;
}

.BtnAvisosEdicion p{
    color:#999;
    font-size:12px;
    line-height:14px;
}
.BtnAvisosEdicion p:hover{
    color:#999;
    font-size:12px;
    line-height:14px;
}
.ci-ImgZoom img{
    width:100%;
}
.EvaluacionLabel {
    padding:0px;
}
.EvaluacionLabel span{
   font-size: 10px;
    line-height: 12px;
    padding: 4px;
    cursor: pointer;
}
.EvaluacionLabel img{
    font-size:9px;
    line-height:12px;
    color:#999;
    padding:4px;
    cursor: pointer;
}
.EvaluacionLabel span:hover{
   
    padding:4px;
    transform: scale(1.1);
    
}
.BtnAvisosImg span {
    color:#ddd;
    position:absolute;
    font-size:65px;
    right:53px;
    top:40px;
    width:100%;
}
.BtnAvisosImg span:hover {
    color:#ddd;
    position:absolute;
    font-size:65px;
    right:53px;
    top:40px;
    width:100%; 
}
.AvisosCargaEdicion {
    text-align:center;
    float:left;
    width:100%;
}
.CheckMargAviso {
    margin: 0px 0px 0px 12px;
    float: right;
}
.AvisosActive {
    float:right;
    text-align:right;
    margin:20px 0px 0px;
    width:100%;
}
/*:::INPUT FILE CUSTOM:::*/
#file-6{
    display: none;
}
.inputfile-box{
    float: left;
    width: 100%;
}
.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}
.no-js .inputfile + label {
    display: none;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}
.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}
/* style 5 */
.inputfile-5 + label figure {
    border: 2px dashed #ddd;
        -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 114px;
    background-color:white;
    display: block;
    position: relative;
    padding: 30px;
    margin: 0 auto 10px;
    text-align: center;
   /* width: 195px;*/
   width:100%;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
    transition: all .5s ease;
}
.inputfile-5 + label figure img{
    float: left;
    margin: -163px -10px 0 -32px;
    position: relative;
    width: 195px;
}
    @media (max-width: 1199px) {
        .inputfile-5 + label figure{ height: 100px;width: 156px;}
        .inputfile-5 + label figure img { height: 100px; margin: -124px -10px 0 -32px; width: 156px;}
    }
    @media (max-width: 991px) {
        .inputfile-5 + label figure {height: 76px;width: 111px;}
        .inputfile-5 + label figure img {height: 76px; margin: -79px -10px 0 -32px; width: 111px;} 
    }
    @media (max-width: 767px) {
        .inputfile-5 + label figure {height: 130px; width: 204px;}
        .inputfile-5 + label figure img {height: 130px; margin:-172px -10px 0 -32px; width: 204px;}
    }
.inputfile-5 + label figure:hover{
    border: 2px dashed #ccc;
}
.inputfile-5 + label svg {
    width: 50%;
    height: 100%;
    margin: 0px auto;
    fill: #eee;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
    transition: all .5s ease;
}
.inputfile-5 + label svg:hover {
    fill: #ddd;
}
/*:::/INPUT FILE CUSTOM:::*/
.MOCICodigoConfirmacion {
    color:#71B2E2;
    font-size:27px;
    border:3px solid;
    -webkit-border-radius:50px;
    border-radius:50px;
    padding: 5px 21px;
    margin: 5px 0px 15px;
}
/*:::INPUT FILE ERROR*/
.inputfile-5 + label img {
    -webkit-box-shadow:inset 0 0 5px 1px rgba(249, 3, 3, .6);
    box-shadow:inset 0 0 5px 1px rgba(249, 3, 3, .6);
    border: 2px dashed red;
}
.inputfile-5 + label img {
     border: 2px solid #ddd;
}
/*INPUT CARGA DE ARCHIVOS*/
.inputfile-5 + label img.img-input-incorrecto{
    -webkit-box-shadow:inset 0 0 5px 1px rgba(249, 3, 3, .6);
    box-shadow:inset 0 0 5px 1px rgba(249, 3, 3, .6);
    border: 2px dashed red;
}
.inputfile-5 + label img.img-input-correcto{
    border: 2px solid #ddd;
}
.btn-ppunit{
    float: right;
    margin: -6px 0 0;
}
.rsumen-codigop{
    float: left;
    margin: 0px 0px 10px;
    text-align: center;
    width: 100%;
}
.rsumen-codigop span{
    color: #999;
    font-size: 12px;
}
.border-tnone{border-top:none;}
/*:::INPUT FILE ERROR*/
.inputfile-5 + label img.img-input-incorrecto{
    -webkit-box-shadow:inset 0 0 5px 1px rgba(249, 3, 3, .6);
    box-shadow:inset 0 0 5px 1px rgba(249, 3, 3, .6);
    border: 2px dashed red;
}
.inputfile-5 + label img.img-input-correcto{
     border: 2px solid #ddd;
}
/*:::TOOGLESWITCH:::*/
.onoffswitch {
    float:left;
    position: relative; 
    width: 78px;
        -webkit-user-select:none; 
        -moz-user-select:none; 
        -ms-user-select: none;
        z-index: 999;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #FFFFFF; border-radius: 50px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 35px; padding: 0; line-height: 35px;
    font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "SI";
    padding-left: 10px;
    background-color: #F7F7F7; color: #57D68D;
}
.onoffswitch-inner:after {
    content: "NO";
    padding-right: 10px;
    background-color: #F7F7F7; color: #71B2E2;
    text-align: right;
}
.onoffswitch-switch {
    display: block;  
    margin: -1.5px;
    background: #71B2E2;
    position: absolute; 
    top: 1.3px; 
    bottom: 0;
    right: 39px;
    border: 2px solid #FFFFFF; 
    border-radius: 50px;
    transition: all 0.3s ease-in 0s; 
    height:39px;
    width: 38px; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
    background-color: #57D68D; 
}
.DCEonoffswitch {
    float:right;
}
/*.onoffswitch {
    float:left;
    position: relative; 
    width: 84px;
        -webkit-user-select:none; 
        -moz-user-select:none; 
        -ms-user-select: none;
}

.DCEonoffswitch {
    float:right;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; 
    overflow: hidden; 
    cursor: pointer;
    border: 2px solid #FFFFFF; 
    border-radius: 20px;
}
.onoffswitch-inner {
    display: block; 
    width: 200%; 
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 40px; padding: 0; line-height: 40px;
    font-size: 18px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "SI";
    padding-left: 9px;
    background-color: #57D68D; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "NO";
    padding-right: 9px;
    background-color: #E74C3C; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block;  
    margin: 5px 5px 10px;
    background: #FFFFFF;
    position: absolute; 
    top: 0;
    bottom: 0;
    right: 40px;
    border: 2px solid #FFFFFF; 
    border-radius: 20px;
    width: 31px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}*/
/*:::INPUT RADIUS 3 OPCIONES:::*/
.DCTitulosNA {
    color: #999;
    float: left;
    padding: 9px 0px 0px 10px;
}
.DCPEvaluacion ul {
  list-style: none;
  float:right;
  height: 100%;
  margin: 0;
  padding: 0;
}
    @media (max-width: 610px) {
        .DCPEvaluacion ul { float:left; padding:15px 0px; width:100%; }
    }
.DCPEvaluacion ul li {
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  height: 100px;
}
    @media (max-width: 610px) {
         .DCPEvaluacion ul li { height:auto; }
    }
.DCPEvaluacion ul li input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.DCPEvaluacion ul li label {
  display: block;
  position: relative;
  font-weight: 100;
  font-size: 14px;
  padding: 10px 0px 25px 50px;
  height: 20px;
  /*z-index: 9;*/
  cursor: pointer;
  text-transform:lowercase;
  -webkit-transition: all 0.25s linear;
}
.DCPEvaluacion ul li:hover label {
	color: #71B2E2;
}
.DCPEvaluacion ul li .check {
    display: block;
    position: absolute;
    border: 2px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 8px;
    left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
.DCPEvaluacion ul li:hover .check {
  border: 3px solid #71B2E2;
}
.DCPEvaluacion ul li .check::before {
    display: block; 
	content: '';
    border-radius: 100%;
    height: 11px;  
    top: 3px;
    left: 3px;
    margin: auto;
    position: absolute;
    width: 10px;
	transition: background 0.25s linear;
	    -webkit-transition: background 0.25s linear;
}
.DCPEvaluacion ul li input[type=radio]:checked ~ .check {
  border: 4px solid #71B2E2;
}
.DCPEvaluacion ul li input[type=radio]:checked ~ .check::before {
  background: #71B2E2;
}
.DCPEvaluacion ul li input[type=radio]:checked ~ label {
  color: #71B2E2;
}
.signature {
	position: fixed;
	margin: auto;
	bottom: 0;
	top: auto;
	width: 100%;
}
.signature p {
	text-align: center;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 0.85em;
	color: #AAAAAA;
}
.signature .much-heart {
	display: inline-block;
	position: relative;
	margin: 0 4px;
	height: 10px;
	width: 10px;
	background: #AC1D3F;
	border-radius: 4px;
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*.NDFormContentCheck label {
    font-size:14px;
    line-height:18px;
    color:#999;
    text-align:center;
}*/
.signature .much-heart::before, 
.signature .much-heart::after  {
	  display: block;
  content: '';
  position: absolute;
  margin: auto;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #AC1D3F;
  top: -4px;
}
.signature .much-heart::after {
	bottom: 0;
	top: auto;
	left: -4px;
}
.signature a {
	color: #AAAAAA;
	text-decoration: none;
	font-weight: bold;
}
.DEvaluacionInputs {
    float: right;
    padding: 2px 20px 0px 0px;
}
/*PREGUNTAS CALIDAD EVALUACION*/
.DCEvaluacionSet {
    background:white;
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    /*border: 1px solid #ddd;*/
    float: left;
    margin: 0px 0px 15px;
    padding: 0px 0px 15px;
    width: 100%;
}
.DCEPreguntasTitulos {
    background:#71B2E2;
    /*float:left;*/
    padding:13px 0px;
    width:100%;
}
.DCEPreguntasTitulos h2 {
    color:white;
    font-size:18px;
    margin:0px;
    text-align:center;
}
.DCPreguntasEvaluacion {
    border:1px solid #ddd;
    float:left;
    margin:15px 0px;
    width:100%;
}
.DCPreguntasEvaluacion p {
    color:#999;
    font-size:17px;
    height:80px;
    margin:0px;
    padding:15px 15px;
    text-align:center;
}
.DCSwitch {
    border-top:1px solid #ddd;
    padding:10px 25px;
}
.DCPreguntasSpanEv {
    color:#999;
    float:left;
    font-size:13px;
    padding: 8px 0px 0px 7px;
}
    @media (max-width: 610px) {
        .DCPreguntasSpanEv { margin:0px 0px 10px; width:100%; }
    }
.DCPreguntasSpanEvCritica {
    color:#E74C3C;
    float:left;
    font-size:13px;
    padding: 8px 0px 0px 7px;
}
    @media (max-width: 610px) {
        .DCPreguntasSpanEv { margin:0px 0px 10px; width:100%; }
    }
.DCPEvaluacion {
    height: 50px;
    margin:15px 0px 0px;
    padding: 5px 5px 0px;
       -webkit-border-radius:50px;
    border-radius: 50px;
}
@media (max-width: 610px) {
    .DCPEvaluacion { height:auto; border-radius:0px; -webkit-border-radius:0px; padding:5px 15px 10px 0px; }
}
.DCPreguntasTS {
    font-size:11px;
}
.DCElables {
    color:#999;
    font-size:14px;
    font-weight:lighter;
}
.DCTextospan {
    color:#999;
    padding: 20px 15px 0px;
    float: left;
}
.DCEvaluacionInp {
    margin:11px 0px 0px;
    padding:0px;
}
.DCEvaluacionTextArea {
    float:left;
    margin:15px 0px 0px;
    width:50%;
}
    @media (max-width: 768px) {
        .DCEvaluacionTextArea { width:100%; }
    }
.MOCIEvaluacion { 
    float:left;
    width:100%;
}
.MOCIEvaluacionHeader {
    padding: 4px;
    background: white;
    -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    width: 100%;
    margin: 0px 0px 5px 0px;
}
.MociInside { 
    margin: -26px 10px 0px -26px;
    float: left;
    color: #ddd;
}
.MOCIEvaluacionTotales {
    margin: -15px 10px 0px 0px;
    float: left;
    color: #71B2E2;
}
.MOCIConsultaEvaluacion {
    float:left;
    padding:0px 15px;
    width:100%;
}
.MOCIConsultaEvaluacion h2 {
    color:#71B2E2;
    font-size:20px;
}

/*:::CONSULTA DE EVALUACION:::*/

.DCConsultaEvPreguntas {
    color: #999;
    width: 300px;
    float: left;
    padding:10px 0px 0px 15px;
}
    @media (max-width: 402px) {
        .DCConsultaEvPreguntas { width:auto;}
    }
.DCConsultaRespuesta {
    background:#71B2E2;
        -webkit-border-radius:50px;
    border-radius:50px;
    float:right;
    margin:6px 10px;
    padding:5px 15px;
}
.DCRespuestaSI {
    color:white;
    background: #57d68d;
}
.DCRespuestaNO {
    color:white;
    background: #E74C3C;
}
.DCRespuestaNA {
    color:white;
    background: #999;
}
.DCConsultaRespuesta span {
    color: white;
}
.MOCICosultaDictamen {
    border:0px;
    float:left;
}
.DCRespuestasCampo { 
    color: #999;
    float: left;
    padding: 11px 20px 0px; 
}
.DCRLabels {
    float:left;
    margin: 10px 0px 0px;
    width:100%;
}
/*:::MODALES:::*/
.SACButtonBox {
    float:left;
    margin:0px 0px 15px;
    width:100%;
}
.ACImpportacionIn {
    margin: 0px auto;
    width: 300px;
}
.ACInputImportacion {
    margin: 0px 0px 45px;
}
.ACImportacionIconCita {
    margin:20px auto 0px;
}
.DAModalAvisos h4 {
    text-align:center;
    font-weight:bold;
}
.DAModalTexto {
    float:left;
    width:68%;
}
.DAModalImagen {
    float:right;
    width:29%;
}
.DAModalImagen img {
    height: 140px;
    width: 160px;
 }
/*:::ICONO ENTER:::*/
.your-icon {
    position: relative;
    top: 1px;
    display: inline-block;/*font-family: 'Glyphicons Halflings';*/
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;/*-moz-osx-font-smoothing: grayscale;*/
}
.your-icon.icon-home { background: url('../Images/IconEnter.svg');background-size: cover;}
.your-icon.normal {width: 32px;height: 32px;}
.your-icon.small {width: 16px;height: 16px;}
.your-icon.medium {width: 64px;height: 64px;}
.your-icon.large {width: 128px;height: 128px;}
/*:::/ICONO ENTER:::*/
.APTipoCita {
    border-radius:50%;
       -webkit-border-radius:50%;
    float:right;
    height:50px;
    position:absolute;
    left: 72%;
    top:31px;
    padding:3px 0px 0px;
    text-align:center;
    width:50px;
}
.APTipoCita img {
    width:35px;
}

.APTipoCita-pair {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    float: right;
    height: 50px;
    position: absolute;
    left: 72%;
    top: -7px;
    padding: 3px 0px 0px;
    text-align: center;
    width: 50px;
}

    .APTipoCita-pair img {
        width: 35px;
    }


/*:::DISEÑO DE TODOS LOS CATÁLOGOS:::*/
.CATModalTitle {
    color:white;
    text-align:center;
    font-size:19px;
}
.CATMarginBot {
    float:left;
    margin-bottom:15px;
    width:100%;
}
.CATTransportesBox {
    background:white;
       -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float:left;
    margin-bottom:15px;
    width:100%;
}
.CATTransportesIcono {
    border-right:1px solid #ddd;
    float:left;
    text-align:center;
    width:30%;
}
    @media (max-width: 736px) {
        .CATTransportesIcono { width:23%; }
    }
    @media (max-width: 570px) {
        .CATTransportesIcono { width:30%; }
    }
    @media (max-width: 361px) {
        .CATTransportesIcono { border-right:0px; width:100%; }
    }
.CATTransportesIcono img {    
    padding:5px;  
    width: 100%;
}
    @media (max-width: 361px) {
        .CATTransportesIcono img { padding:15px; }
    }
.CATTransportesTipo {
    border-bottom: 1px solid #ddd;
    border-top:5px solid #71B2E2; 
    float:left;
    text-align:center;
    padding: 10px 0px;
    width:100%;
}
    @media (max-width: 414px) {
        .CATTransportesTipo { padding:5px 0px; }
    }
.CATTransportesTipo span {
    color:#71B2E2;
    font-size:22px;
}
    @media (max-width: 414px) {
        .CATTransportesTipo span { font-size:17px; }
    }
.CATTransportesInfoBox {
    float:left;
    width:70%;
}
    @media (max-width: 736px) {
        .CATTransportesInfoBox { width:77%; }
    }
    @media (max-width: 570px) {
        .CATTransportesInfoBox { width:70%; }
    }
    @media (max-width: 361px) {
        .CATTransportesInfoBox { width:100%; }
    }
.CATTransportesInfoDates {
    border-bottom:1px solid #ddd;
    padding: 10.7px 0px;
    float:left;
    width:100%;
}
    @media (max-width: 1199px) {
        .CATTransportesInfoDates { padding: 15.7px 0px; }
    }
    @media (max-width: 991px) {
        .CATTransportesInfoDates { padding: 9px 0px; }
    }
    @media (max-width: 768px) {
        .CATTransportesInfoDates { padding: 9px 0px; }
    }
    @media (max-width: 766px) {
        .CATTransportesInfoDates { padding: 15px 0px; }
    }
    @media (max-width: 736px) {
        .CATTransportesInfoDates { padding: 19.8px 0px; }
    }
    @media (max-width: 725px) {
        .CATTransportesInfoDates { padding: 3.5% 0px; }
    }
    @media (max-width: 668px) {
        .CATTransportesInfoDates { padding: 3.75% 0px; }
    }
    @media (max-width: 641px) {
        .CATTransportesInfoDates { padding:3.65% 0px }
    }
    @media (max-width: 570px) {
        .CATTransportesInfoDates { padding: 5% 0px; }
    }
    @media (max-width: 415px) {
        .CATTransportesInfoDates { padding: 4.3% 0px; }
    }
    @media (max-width: 376px) {
        .CATTransportesInfoDates { padding: 3.6% 0px; }
    }
.CATTransportesInfoDates p {
    color:black;
    float:left;
    margin:0px;
    padding:0px 0px 0px 10px;
    width:90%;
}
.CATTransportesInfoDates span {
    font-weight:bold;
    color:#71B2E2; 
    float:left;
    width:10%;
}
.CATTransportesActive {
    float:left;
    text-align:center;
    padding: 9px 0px 0px;
    width:70%;
}
    @media (max-width: 361px) {
        .CATTransportesActive { padding:15px 0px; width:100%; }
    }
.CATAv {
    border-top:1px solid #ddd;
    border-right:0px;
    width:100%;
}
.CPFormAltaBuscador {
    float:left;
    padding:15px 0px 0px;
    width:100%;
}
.CAPProvBox { 
    border-left:5px solid #71B2E2;
}
    @media (max-width: 615px) {
       .CAPProvBox {  border-left:0px; border-top:5px solid #71B2E2; }
    }
.CPFiltroBusquedaProveedores {
    margin:15px 0px;
}
.CAPNombreBox {
    border-right:1px solid #ddd;
    float:left;
    width:35%;
}
    @media (max-width: 991px) {
        .CAPNombreBox  { width:20%; }
    }
    @media (max-width: 615px) {
        .CAPNombreBox  { width:100%; }
    }
.CAPButtonVer {
    border:0px;
    padding: 8px 0px;
    width:100%;
}
    @media (max-width: 615px) {
        .CAPButtonVer  { border-bottom:1px solid #ddd; padding:14px 0px; }
    }
.CAPNombreProv { 
    float:left;
    height: 118px;
    text-align:center;
    width:100%;
}
    @media (max-width: 1199px) {
        .CAPNombreProv { height: 140px; }
    }
    @media (max-width: 615px) {
        .CAPNombreProv { height: 72px; text-align:left; }
        .CAPNomP { height:auto; text-align:center; }
    }
.CAPNombreProv img {
    width:69px;
} 
    @media (max-width: 991px) {
        .CAPNombreProv img { width:85px; } 
    }
    @media (max-width: 615px) {
        .CAPNombreProv img { float:left; width:70px; } 
    }
.CAPNombreProv span {
    color: #71B2E2;
    font-size: 14px;
    font-weight: lighter;
}
    @media (max-width: 615px) {
        .CAPNombreProv span { font-size: 18px; padding: 23px 6px 0px; float: left; }
        .CAPNomP {float:left; width:100%; }
        .CAPNomP span { float:left; width:100%;} 
    }

.CAPFigureProvIcon {
    float:left;
    text-align:center;
    width:100%;
}
.CAPFigureProvIcon img {
    width:70px;
}
    @media (max-width: 615px) {
        .CAPFigureProvIcon img { float:none; }
    }
.CAPDatesBox {
    float:left;
    width:65%;
}
    @media (max-width: 991px) {
        .CAPDatesBox { height:171px; width:80%; }
    }
    @media (max-width: 615px) {
        .CAPDatesBox { height:auto; width:100%; }
    }
.CAPDatesNumeros {
    float:left;
    padding:15px 10px 0px;
    width:100%;
}
    @media (max-width: 615px) {
        .CAPDatesNumeros { text-align:center; }
    }
.CAPDatesNumeros label {
    background:#71B2E2;
        -webkit-border-radius:50px;
    border-radius:50px;
    font-weight:lighter;
    font-size:14px;
    color:white;
    padding:1px 11px;
}
.CAPDatesButtonVer {
    border-top:1px solid #ddd;
    float:left;
    width:100%;
}
.CAPDatesCategoria {
    float:left;
    padding:10px 14px 0px;
    text-align:left;
    width:100%;
    min-height: 65px;
}
    @media (max-width: 615px) {
        .CAPDatesCategoria { text-align:center; }
    }

.CAPDatesCategoria label {
    color:black;
    font-size:14px;
    font-weight:normal;
    margin-bottom:0px;
}
.CAPDatesCategoria span {
    color:#71B2E2;
    font-size:14px;
    font-weight:normal;
}
.CAPDatCat { height: 40px; }
.CAPDatesImportador {
    float:left;
    text-align:center;
    padding:15px 0px;
    width:50%;
}
.CAPDatesImportador label {
    color:black;
    font-size:13px;
    font-weight:normal;
}
.CAPDatesSucursal {
    border-left: 1px solid #ddd;
    border-right:1px solid #ddd;
    float:left;
    height:141px;
    width:33.3%;
}
    @media (max-width: 1199px) {
        .CAPDatesSucursal { height:170px; }
    }
    @media (max-width: 991px) {
        .CAPDatesSucursal { border-top:1px solid #ddd; width:50%; }
    }
    @media (max-width: 615px) {
        .CAPDatesSucursal { height:auto; border-right:0px; border-left:0px; }
    }
    @media (max-width: 480px) {
        .CAPDatesSucursal { width:100%; }
    }
.CAPDatesDireccion {
    float:left;
    width:33.3%;
}
    @media (max-width: 991px) {
        .CAPDatesDireccion { border-top:1px solid #ddd; width:50%; }
    }
    @media (max-width: 480px) {
        .CAPDatesDireccion { width:100%; }
    }
.CAPDatesSucursal h4,
.CAPDatesDireccion h4 {
    color: #71B2E2;
    font-size: 16px;
    margin: 0px;
    text-align: center;
    margin: 10px 0px;
}
.CAPDatesActivo {
    float:right;
    padding:15px 0px 0px;
    text-align:center;
    width:50%;
}
.CAPDatesActivoResp { padding:10px 0px 10px; }
.CAPDatesActivo span {
    color:black;
    font-size:13px;
    font-weight:normal;
}

.CAPDatesActivo .checkbox-activo {
    accent-color:#bf0808 !important;
}
.CAPDropDireccionSuc {   
    border: 1px solid #71B2E2; 
    border-radius: 50px;
    -webkit-border-radius: 50px;
    font-size: 11px;
    margin: 0px 0px 10px; 
    padding: 5px 0px 0px;
    text-align: center;
}




.CAPDropDireccionSuc.CAPTitulos { margin:25px 0px 10px; padding:0px; float:left;width:100%;}
.CAPDropDireccionSuc.CAPTitulos { margin:25px 0px 10px; padding:0px; float:left;width:100%; }
.CAPDropDireccionSuc label { display:none; }
    @media (max-width: 991px) {
        .CAPDropDireccionSuc label  { font-size:11px; display:inline-block; }
        /*.CPTDisp { display:none; }*/
        .ContDireccionesSucursales { margin:15px 0px 0px; }
    }

.CATempBoxDates {
    background: white;
       -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    margin-bottom: 15px;
    border-radius:7px;
    width: 100%;
}
.DireccionesSucursales {
    float: left;
    width: 100%;
}
.ContDireccionesSucursales {
    float: left;
    margin:0px 0px 25px;
    width: 100%;
}
.CATempIcono {
    border-right:1px solid #ddd;
    float:left;
    width:26%;
}
.CATempIcono img {
    width:75px;
}
.CATempBoxInfo {
    float:left;
    width:64%;
}
.CATempButton {
    float:left;
    width:10%;
}
.CATempButtonNext {
    border:0px;
    border-left:1px solid #ddd;
    border-radius:0px;
    height:75px;
    padding:0px;
    width:100%;
}
.CATempButtonNext img {
    width:17px;
}
.CATempNombre {
    float: left;
    padding: 10px 0px 0px;
    text-align:center;
    width:100%;
}
.CATempNombre span {
    font-size:18px;
}
.CATempActive {
    float:left;
    text-align:center;
    width:100%;
}
    @media (max-width: 615px) {
        .CATResponsiveBox { width:100%; }
    }

.CATAndenCont {
    background: white;
    -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.CATAndenIcono {
    border-right: 1px solid #ddd;
    float: left;
    text-align:center;
    width: 26%;
}
.CATAndenIcono img {
    width:75px;
}
    @media (max-width: 414px) {
        .CATAndenIcono img { padding:13px; }
    }
.CATAndenNombre {
    float:left;
    text-align:center;
    width:64%;
}
.CATAndenNombre span {
    font-size:11px;
}
.CATAndenNombre label {
    color: #71B2E2;
    font-size: 18px;
    font-weight:normal;
    margin:0px;
    padding:0px;
    width:100%;
    float:left;
}
.CATAndenActive {
    float:left;
    text-align:center;
    width:100%;
}
.CAUDescargasBox {
    background: white;
       -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    border-top:4px solid #71B2E2;
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.CAUDescargasIcon {
    border-right:0px;
    float:left;
    padding:22px 5px 5px 5px;
    text-align:center;
    width:20%;
}
    @media (max-width: 1199px) {
        .CAUDescargasIcon { border-bottom:1px solid #ddd; padding:5px; width:100%; }
    }
    @media (max-width: 768px) {
        .CAUDescargasIcon { border-bottom:0px; padding:22px 5px 5px 5px; width:20%; }
    }
    @media (max-width: 410px) {
        .CAUDescargasIcon { display:none; }
    }
.CAUDescargasIcon img {
    height:60px;
    width:60px
}
.CAUDescargasDates{
    border-left: 1px solid #ddd;
    float:left;
    padding:15px 0px;
    width:73%;
}
    @media (max-width: 1199px) {
        .CAUDescargasDates { width:92%; }
    }
    @media (max-width: 768px) {
        .CAUDescargasDates { width:73%; }
    }
    @media (max-width: 410px) {
        .CAUDescargasDates { width:92%; }
    }
.CUADescargasUnidad {
    float:left;
    padding:0px 8px;
    width:100%;
}
.CUADescargasUnidad span {
    float:left;
}
.CUADescargasUnidad label {
    color:#71B2E2;
    float:right;
    font-weight:normal;
}
.CUADButton {
    width:7%;
}
.CUADButton button {
    height:103px;
}
.CAAndenesBox {
    background: white;
       -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.CAAndenesNombrePuerta {
    border-bottom:1px solid #ddd;
    padding:8px 0px 15px;
    text-align:center;
}
.CAAndenesNombrePuerta span {
      -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    padding: 2px 8px 2px 10px;
    position: absolute;
    left: 3px;
    top: 15px;
}
.CAAndenesNombrePuerta img{
    width:70px;
}
.CAAndenesTipoAnden {
    float:left;
    border-bottom:1px solid #ddd;
    padding:10px 10px;
    width:100%;
}
.CAAndenesTipoAnden label {
    float:right;
}
.CAAndenesTipoAndenLab {
    color:#71B2E2; 
}
.MOCICDActivo,
.MOCICDInActivo {
    padding: 18px 0px 15px;
    border-bottom:0px;
}
.MOCICDActivo span {
    background:#57d68d;
}
.MOCICDInActivo span {
    background:#e74c3c;
}
.MOCICentrosDistribucionTurnos {
    float:left;
    margin:15px 0px 15px;
    width:100%;
}
.MOCICDCard {
    border:1px solid #ddd;
    float:left;
    width:100%;
}
.MOCITurnoDelete {
    height:27px;
    width:27px;
}
.MOCITurnosContenido {
    float:left;
    text-align:center;
    width:100%;
}
.MOCITurnosButton {
    border:0px;
    float:left;
    border-radius: 0px;
    color: #999;
    float: left;
    padding: 10px 0px;
    width:50%;
}
.MOCITurnosHorarios {
    padding:15px 0px 20px;
}
/*:::/DISEÑO DE TODOS LOS CATÁLOGOS:::*/


/*:::ADMINISTRACION DE USUARIOS:::*/
.CPAdminUser {
    background: white;
    border-top: 5px solid #71B2E2;
      -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    margin-bottom: 15px;
    width: 100%;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.CPAdminUser:hover {
          -webkit-box-shadow: 0 2px 7px 1px rgba(0,0,0,.3);
    box-shadow:  0 2px 7px 1px rgba(0,0,0,.3);
}
.CPAdminUserContenido {
	border-bottom: 1px solid #ddd;
	float: left;
	height: 70px;
	width: 100%;
}
.CPAdminUserNombre {
    color: black;
    float: left;
    text-align: center;
    width: 100%;
}
.CPAdminUserNombre span {
	font-size: 14px;
	float: left;
	padding: 0px 0px 0px;
    margin:0px;
	width: 100%;
}
    @media (max-width: 1199px) {
        .CPAdminUserNombre span { font-size: 12px; }
    }
.CPAdminUserNUsuario {
	float: left;
	text-align: center;
	width: 100%;
}
.CPAdminUserNUsuario span {
    color: #71B2E2;
    font-size: 12px;
}
.CPAdminUserSucursal {
	float: left;
	height: 83px;
	text-align: center;
	padding: 5px 5px 0px;
	width: 100%;
}
.CPAdminUserSucursal span {
	color: #999;
	float: left;
	font-size: 11px;
	width: 100%;
}
.CPAdminUserSucursal label {
	font-size: 14px;
	float: left;
	font-weight: normal;
	width: 100%;
}
     @media (max-width: 1199px) {
        .CPAdminUserSucursal label { font-size: 12px; padding:0px 5px; }
    }
.CPAdminUserBtn {
	float: left;
	width: 100%;
}
.CPAdminUserPerfil {
    float:left;
    margin:10px 0px 7px;
    text-align:center;
    width:100%;
}
.CPAdminUserPerfil img {
    border-radius:50%;
    -webkit-border-radius:50%;
    height:50px;
    width:50px;
}
.CPASpanPermisos {
    color:#71B2E2;
    float:left;
    font-size:18px;
    height:60px;
    margin:10px 0px 0px;
    text-align:center;
    width:100%;
}
.CPAPermisosUsuario {
    border-top: 1px solid #ddd;
    float:left;
    padding:0px 10px;
    width:100%;
}
.CPAPermisosUsuarioEscLec {
    float:left;
    padding: 10px 5px;
    width:100%;
}
.AdminUserClonar {
    float:left;
    padding:15px 20px 10px;
    width:60%;
}
/* CONSULTA ADMINISTRACIÓN USUARIO */
.CPAdminUserConsultaBX {
	background: white;
       -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    width: 100%;
}
.CPAdminUserCInput {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.RIMargin {
	float: left;
    margin: 0px 0px 20px;
}
.CAPCDatosContenido {
    float:left;
    width:100%;
}
.CAPDetalleNombreProv {
    float:left;
    width:100%;
}
.CAPDetalleNombreProv img {
    float:left;
    width:90px;
}
.CAPDetalleNombreProv span {
    color:#71B2E2;
    float:left;
    font-size:25px;
    padding:30px 0px 0px;
}
.CAPSpan {
    color:black;
    font-size:14px;
}
.CAPCategoria {
    background: #71B2E2;
        -webkit-border-radius: 50px;
    border-radius: 50px;
    color:white;
    font-weight: lighter;
    font-size: 14px;
    color: white;
    padding: 1px 11px;
}
.CAPDatoscat {
    float:left;
    padding:15px 10px 0px;
    width:100%;
}
.CPAdminUserSwitchPerfil {
    padding:0px;
    float:left;
    width:100%;
}
.CPAdminUserSwitchCont{
    float:left;
    padding:5px 0px 0px;
    width:100%;
}
.CPAdminUserSwitchSpan{
    float:left;
    padding:10px 0px 0px;
}
    @media (max-width:370px) {
        .CPAdminUserSwitchSpan{ font-size:12px; }
    }
.CPASpanFloat {
    float:right;
}
.ClasImageBox{
    float:left;
    width:100%;
}
    @media (max-width:768px) {
        .ClasImageBox{ width:auto; }
    }
/*:::CONSULTA DE ADMINISTRACION DE USUARIO:::*/
    @media (max-width:991px) {
        .CPAdminUserSpanResp { color:#71B2E2; font-size:20px; }
    }
/*:::/ADMINISTRACION DE USUARIOS:::*/
/*:::SEMAFORO:::*/
.CADSemaforoMar {
    margin:15px 0px 15px;
}
.SemaforoColores {
	float: left;
	padding: 10px 15px 0px;
	width: 100%;
}
.SemaforoContenedor {
	float: left;
    padding:6px 0px 0px;
}
.SemaforoContenedorFR {
	float: right;
    padding:6px 0px 0px;
}
.SemaforoContenedor span {
	float: left;
	padding: 0px 15px 0px 0px;
}
.SemaforoColCitas {
	background: #57d68d;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 20px;
	width: 20px;
}
.SemaforoColCitasSpan {
	color: #57d68d;
}
.SemaforoColImportado {
	background: #71B2E2;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 20px;
	width: 20px;
}
.SemaforoColImportadoSpan {
	color: #71B2E2;
}
.SemaforoColNollego {
	background: #e74c3c;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 20px;
	width: 20px;
}
.SemaforoColNollegoSpan {
	color: #e74c3c;
}
.SemaforoColDescargando {
	background: #f1c40f;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 20px;
	width: 20px;
}
.SemaforoColDescargandoSpan {
	color: #f1c40f;
}

.SemaforoColRechazado {
	background: #aa0b0b;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 20px;
	width: 20px;
}
.SemaforoColRechazadoSpan {
	color: #aa0b0b;
}
.SemaforoColTotal {
	background: white;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    border:1px solid #ddd;
	height: 20px;
	width: 20px;
}
.SemaforoColTotalSpan {
	color: #999;
}
.TableSemaforo  {
       /*-webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);*/
    border-collapse:collapse;   
    border-color:#aabcfe;
    border-spacing:0;
    float:left;
    width:100%; 
}
.TableSemaforo td { 
    border-color:#ddd; 
    border-style:solid;
    border-width:1px;
    /*color: white;*/
    font-family:Arial, 
    sans-serif;font-size:12px;
    padding:10px 5px;
    overflow:hidden;
    text-align: center;
    word-break:normal;   
}
.TableSemaforo th {
    background-color:#004d68;
    border-color:#ddd;
    border-style:solid;
    border-width:1px;
    color:white;
    font-family:Arial, sans-serif;
    font-size:14px;
    font-weight:normal;
    padding:10px 5px;  
    overflow:hidden;
    text-align: center;
    word-break:normal;    
}
.SemaforoTableBox {
    float:left;
    width:100%;
}
   @media (max-width: 600px) {
        .SemaforoTableBox { overflow-x: scroll; }
    }
.SemaforoButtonTarima {
    -webkit-border-radius:50px;
    border-radius:50px;
    border: 1px solid;
    color:white;
    /*height: 162%;
    width: 100%;*/
}
.SemaforoButtonTarima:hover {
    background: rgba(255, 255, 255, .6);  
}
 
.SemaforoCitas { background: #57d68d; }
.SemaforoImportados { background: #71B2E2; }
.SemaforoNoLlego { background: #e74c3c; }
.SemaforoRechazado { background: #aa0b0b; }
.SemaforoTotal { background: #0070c0; }
.SemaforoDescargando { background: #f1c40f; }

.SemaforoCitas:hover { opacity:.8; }
.SemaforoImportados:hover { opacity:.8; }
.SemaforoNoLlego:hover { opacity:.8; }
.SemaforoRechazado:hover { opacity:.8; }
.SemaforoTotal:hover { opacity:.8; }
.SemaforoDescargando:hover { opacity:.8; }
/*:::/SEMAFORO:::*/
/*:::SEMAFORO DIVISORES:::*/
.SemaforoTableCont {
    float:left;
    width:100%;
}
.SemaforoTableHeader {
    background:#004d68;
    float:left;
    margin:0px 0px 10px;
    width:100%;
}
    @media (max-width: 715px) {
        .SemaforoTableHeader{ display:none; }
    }
.SemaforoTableTitulos {
    color:white;
    float:left;
    text-align:center;
    padding:10px 0px;
    width:14.25%;
}
.SemaforoTableDatos.SemaforoTableUDM {
    width:10%;
}
.SemaforoTableTitulos.SemaforoTableUDM {
    width:10%;
}
   @media (max-width: 991px) {
       .SemaforoTableDatos.SemaforoTableUDM { width:8%; }
       .SemaforoTableTitulos.SemaforoTableUDM { width:8%; }
       .SemaforoTableDatos.SemaforoTableNomProveedor { width:16.25%; }
       .SemaforoTableTitulos.SemaforoTableNomProveedor { width:16.25%; }
   }
.SemaforoTableDatos.SemaforoEstatusCont {
     width:4.25%;
}
    @media (max-width: 715px) {
        .SemaforoTableDatos.SemaforoEstatusCont { width: 100%; }
    }
.SemaforoTableInfo {
    background:white;
    box-shadow:0 2px 6px 1px rgba(0,0,0,.1);
       -webkit-box-shadow:0 2px 6px 1px rgba(0,0,0,.1);
    float:left;
    margin:0px 0px 10px;
    width:100%;
}
    @media (max-width: 715px) {
        .SemaforoTableInfo { box-shadow: none; border: 1px solid #ddd; width:33.3%; }
        .SemaforoTableInfo:hover { box-shadow:0 2px 6px 1px rgba(0,0,0,.1); -webkit-box-shadow:0 2px 6px 1px rgba(0,0,0,.1); }
    }
    @media (max-width: 515px) {
        .SemaforoTableInfo { width:50%; }
    }
    @media (max-width: 400px) {
        .SemaforoTableInfo { width:100%; }
    }
.SemaforoTableDatos {
    color:black;
    float:left;
    text-align:center;
    padding:12px 0px;
    width:14.25%;
}
    @media (max-width: 715px) {
       .SemaforoTableDatos { padding: 0px; width:100%; }
       .SemaforoTableDatos.SemaforoTableUDM { width:100%; }
       .SemaforoTableDatos.SemaforoTableNomProveedor { width:100%; }
    }
.SemaforoEstatus {
    -webkit-border-radius:50%;
    border-radius:50%;
    height:15px;
    margin: 3px auto 0px;
    width:15px;
}
    @media (max-width: 715px) {
        .SemaforoEstatus { border-radius:0px; -webkit-border-radius:0px; width:100%; }
    }
    @media (max-width: 715px) {
        .SemaforoTableDatos.SemaforoTableBtn { height:25px; }
    }
/*:::/SEMAFORO DIVISORES:::*/
.ModSinPading {
    margin-top:0px;
    margin-bottom:0px;
}
.CitaOdenesSpan {
    border: 1px solid #71B2E2;
    border-radius:50px;
    padding:4px 10px;
    color:#71B2E2;
}

.CertificadosFiltros {
    margin-top:15px;
    background-color: #ffffff;
    border-left: 5px solid #71B2E2;
    box-shadow: 0px 0px 3px rgba(0,0,0,.2);
    transition: .3s 0s ease-in-out;
    color:#777777;
    font-weight:normal;
}
.cardFilter {
    border: 1px solid #ddd;
}
.iconsGly {
    color: #ccc;
    font-size: 16px;
    position: relative;
    top: 1px;
    margin-right: 10px;
}
.fieldsOrder{
    display:flex;
    align-items:center;
}
#filtrosCertificadoContent label{
    font-weight:normal;
    color:#999999;
}
.HistoricoFiltros {
    margin: 15px 0px 0px;
}
.HistoricoDatos { padding:17px 15px 0px; }
.HistoricoDatos span {
    font-size: 17px;
    color: #999;
    border: 1px solid #ddd;
    padding: 8px 10px;
    border-radius: 5px;
    float: left;
    margin: 0px 3px 3px;
}
   @media (max-width: 500px) {
     .HistoricoDatos span { width:100%; }
   }

.HistoricoEvaluacionDatos { padding:17px 15px 0px; }
.HistoricoEvaluacionDatos span {
    font-size: 12px;
    color: #999;
    border: -3px solid #ddd;
    padding: 3px 6px;
    border-radius: 5px;
    float: left;
    margin: 0px 3px 3px;
    cursor:pointer;
}
   @media (max-width: 500px) {
     .HistoricoEvaluacionDatos span { width:100%; }
   }

/*:::ADMINISTRADOR PROVEEDORES:::*/
.CPFiltrosBusqueda {
       padding:15px 15px 0px;
}
.CPFiltrosBusqueda span {
    font-size:12px;
}
   @media (max-width: 767px) {
       .CPFiltrosBusqueda span { margin:0px 0px 3px; }
   }
.CPCatNombreProveedor {
    float:left;
    width:100%;
}
.CPCatCategoriasProveedor {
    float:left;
    width:100%;
}
.CPCatProveedorPrincipal {
    border-bottom:1px solid #ddd;
    float:left;
    height:105px;
    text-align:center;
    padding:0px 10px;
    width:100%;
}
   @media (max-width: 1199px) {
       .CPCatProveedorPrincipal { height:123px; }
   }
   @media (max-width: 991px) {
       .CPCatProveedorPrincipal { height:105px; }
   }
   @media (max-width: 690px) {
       .CPCatProveedorPrincipal { height:138px; }
   }
   @media (max-width: 590px) {
       .CPCatProveedorPrincipal { height:auto; padding: 0px 5px 10px; }
   }
.CPCatProveedorPrincipal span {
    color:#71B2E2;
    font-size:14px;
}
.NDFormBriefTitulos {
    background: #71B2E2;
    border-radius: 50px;
       -webkit-border-radius: 50px;
    box-shadow:0 2px 6px 1px rgba(0,0,0,.1);
       -webkit-box-shadow:0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    margin:10px 0px 0px -12px;
    text-align: center;
    position: relative;    
    width: auto;
}
.NDFormBriefTitulos span {
    color: white;
    font-size: 15px;
    float: left;
    padding: 3px 15px;
}
.NDFormBriefTitulos figure {
    float:left;
    margin: 0px 0px 2px 5px;
    width:30px;
}
.NDFormBriefTitulos figure img {
    width:100%;
}
.CPCATContenidoHeaderCard {
    float:left;
    margin:-12px 0px 0px;
    width:100%;
}
.CPCatCheckEstatus {
    text-align:right;
    padding:13px 10px 0px 0px;
}
.CPCatCheckEstatus span {
    float:right;
    padding:0px 0px 0px 8px;
}
   @media (max-width: 767px) {
       .ci-colFiltros { margin: 5px 0px 15px;  }
   }
   @media (max-width: 615px) {
       .CPCatDatesResponsive { text-align:left; }
   }
   @media (max-width: 590px) {
       .CPCatCardResponsive { width:100%; }
   }

.CPCATDatosProveedor span {
    font-size: 14px;
    padding: 23px 0px 0px 5px;
}
.CPCATDatosProveedor img {
    width:60px;
}
.CPCATConsultaProveedor {
    float:left;
    width:15%;
}
   @media (max-width: 991px) {
       .CPCATConsultaProveedor { width:8%; }
   }
   @media (max-width: 631px) {
       .CPCATConsultaProveedor { width:15%; }
   }

.CPCATConsultaProveedor figure img {
    width:100%;
}
.CPCATConsultaNombreProv {
    float:left;
    width:85%;
}
.CPCATConsultaNombreProv span {
    font-size: 13px;
    padding: 14px 0px 0px 6px;
}
   @media (max-width: 991px) {
       .CPCATConsultaNombreProv span { padding:20px 0px 0px 6px; }
   }
   @media (max-width: 430px) {
       .CPCATConsultaNombreProv span { padding:13px 0px 0px 6px; }
   }

.CPCATConsultaInputs {
    float:left;
    margin:0px 0px 15px;
    width:100%;
}
.CPCAPConsultaNombreProv {
    float: left;
    width: 100%;
    margin: 10px 0px 15px;
}

/*:::/ADMINISTRADOR PROVEEDORES:::*/

/*BOTONES FIJOS*/
.btn-agregar-report {
    background: #005dab;
    border-radius: 50%;
        -webkit-border-radius: 50%;
    bottom: 75px;
        -webkit-box-shadow: 0 3px 7px 1px rgba(0,0,0,.1);
    box-shadow: 0 3px 7px 1px rgba(0,0,0,.1);
    height:40px;
    padding: 8px 8px;
    position: fixed;
    right: 20px;
    width: 40px;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 99;
}
.btn-agregar-report:hover{
    background: rgba(4, 136, 247, 1);
}
.btn-agregar-report:active{
    -webkit-box-shadow:inset 0 0 10px 6px rgba(0,0,0,.2);
    box-shadow:inset 0 0 10px 6px rgba(0,0,0,.2);
}
@-moz-document url-prefix() { 
    .btn-agregar-report{padding: 8px 9px;}
}
.btn-agregar-report img{
    width: 100%;
}
.btn-buscar-fijo {
     bottom: 130px;
}
/*:::PAGINADOR:::*/
.paginador-dash{
    float: left;
    width: 100%;
}
.CitasConfirmadasIndicador {
    background:#71B2E2;
    border-radius: 50%;
    color:white;
    font-size:9px;
    height:13px;
    padding: 0px 4px;
    position:absolute;
    left:93px;
    top:92px;
    width:13px;
}
   @media (max-width: 1199px) {
       .CitasConfirmadasIndicador { left:106px; }
   }
   @media (max-width: 991px) {
       .CitasConfirmadasIndicador { left:129px; }
   }
   @media (max-width: 732px) {
       .CitasConfirmadasIndicador { left:114px; }
   }
   @media (max-width: 670px) {
       .CitasConfirmadasIndicador { left:33%; }
   }
   @media (max-width: 555px) {
       .CitasConfirmadasIndicador { left:28%; }
   }
/*:::NAVEGADOR EN FLUJO DE CITA ::: */
.ImgCollapseButton {
    height:30px;
    width:30px;
}
#nav-toggle { 
    cursor: pointer; 
    padding: 10px 35px 16px 0px;
    height: 33px;
    width: 38px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 4px;
  width: 25px;
  background: white;
  position: absolute;
  display: block;
  content: '';
  background:#71B2E2;
}
#nav-toggle span {
    background:transparent;
}
#nav-toggle span:before {
  top: -6px; 
  right:7px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#nav-toggle span:after {
  bottom: 6px;
  right:7px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  background:#004d68; top:-4px;
}
#nav-toggle.active span:before {
  transform:rotate(45deg);background:transparent;
}
#nav-toggle.active span:after {
  transform: rotate(-180deg);
}

.NavItems {
    background:white;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    float:left;
    width:100%;
}
.NavItemPaso {
    color:#ddd; 
    float:left;
    margin:0px 0px 0px -10px;
    padding:6px 15px 6px 25px;
}
   @media (max-width: 550px) {
      .NavItemPaso { font-size:10px; padding:5px 5px 5px 15px; }
   }
   @media (max-width: 333px) {
      .NavItemPaso { padding:5px 0px 5px 10px }
   }
.NavItemPaso:hover {
    text-decoration:none;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.NavItemPaso:active {
    background:#71B2E2; 
}
.NavItemPasoShow {
    color:#71B2E2; 
    cursor:pointer;
}
.ButtonNavToggle {
    border:0px;
    padding:20px 15px 15px;
    position:absolute;
    right:20px;
    top: 5px;
    height: 33px;
    width: 38px;
}
.ButtonNavToggle:hover, .ButtonNavToggle:focus, .ButtonNavToggle:before {
    background:white;
}
.NavItemPasoActivo {
    background:#71B2E2;
    color:white;
}
.ArrowBar {
    border-bottom: 14px solid transparent;
    border-left: 8px solid #71B2E2;
    border-top: 18px solid transparent;
    height: 11px;
    width: 10px;
    float: left;
}
   @media (max-width: 550px) {
      .ArrowBar { border-bottom: 12px solid transparent; border-top: 12px solid transparent; }
   }
.ArrowBarSelect {
    border-bottom: 14px solid transparent;
    border-left: 8px solid white;
    border-top: 18px solid transparent;
    height: 11px;
    width: 10px;
    float: left;
    position:relative;
}
    @media (max-width: 550px) {
        .ArrowBarSelect { border-bottom: 12px solid transparent; border-left: 8px solid white; border-top: 12px solid transparent; }
    }
/*:::/NAVEGADOR EN FLUJO DE CITA ::: */

.MOCIButtonCitaImportacion {
        -webkit-border-radius:50px;
    border-radius:50px;
    /*position: fixed;*/
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.MOCIButtonCitaImportacion:hover {
           -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2);
}
   @media (max-width: 991px) {
      .MOCIButtonCitaImportacion { bottom: 23px; right: 76px; }
   }


.MOCIBotonImportacionCita {
    float:left;
    width:100%,
}

.MOCIOrdenesBuscador {
    float:left;
    margin-top:15px;
    width:100%;
}

.OrdenCitaConfirmada { border-left: 5px solid #57d68d; }
.OrdenCitaSolicitada { border-left: 5px solid #f1c40f; }
.OrdenCitaRechazada { border-left: 5px solid #e74c3c; }
.OrdenCitaCancelada { border-left: 5px solid #e74c3c; }

.MOCIOrdenesSinCitaHeader {
    border:1px solid #ddd;
    border-top:0px;
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    margin:0px 0px 15px;
}
   @media (max-width: 540px) {
      .MarginResponsive {
          margin:15px 0px;
      }
   }

/* -------------------------------- 

PROGRAMA DE EMBARQUE

-------------------------------- */
.ProgramaEmbarque {
    background:white;
    float:left;
    width:100%;
}
/*.ProgramaEmbarquePuertas {
    background:white; 
}*/
.cd-schedule {
  position: relative;
  margin: 2em 0;
}

.cd-schedule::before {
  /* never visible - this is used in js to check the current MQ */
  content: 'mobile';
  display: none;
}

@media only screen and (min-width: 800px) {
  .cd-schedule {
    width: 90%;
    max-width: 1400px;
    margin: 2em auto;
  }
  .cd-schedule::after {
    clear: both;
    content: "";
    display: block;
  }
  .cd-schedule::before {
    content: 'desktop';
  }
}

.cd-schedule .timeline {
  display: none;
}

@media only screen and (min-width: 800px) {
  .cd-schedule .timeline {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 50px;
  }
  .cd-schedule .timeline li {
    position: relative;
    height: 30px;
  }
  .cd-schedule .timeline li::after {
    /* this is used to create the table horizontal lines */
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #EAEAEA;
  }
  .cd-schedule .timeline li:last-of-type::after {
    display: none;
  }
  .cd-schedule .timeline li span {
    display: none;
  }
}

@media only screen and (min-width: 1000px) {
  .cd-schedule .timeline li::after {
    width: calc(100% - 60px);
    left: 60px;
  }
  .cd-schedule .timeline li span {
    display: inline-block;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .cd-schedule .timeline li:nth-of-type(2n) span {
    display: none;
  }
}

.cd-schedule .events {
  position: relative;
  z-index: 1;
}

.cd-schedule .events .events-group {
  margin-bottom: 30px;
}

.cd-schedule .events .top-info {
  width: 100%;
  padding: 0 5%;
}

.cd-schedule .events .top-info > span {
  display: inline-block;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: bold;
}

.cd-schedule .events .events-group > ul {
  position: relative;
  padding: 0 5%;
  /* force its children to stay on one line */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.cd-schedule .events .events-group > ul::after {
  /* never visible - used to add a right padding to .events-group > ul */
  display: inline-block;
  content: '-';
  width: 1px;
  height: 100%;
  opacity: 0;
  color: transparent;
}

.cd-schedule .events .single-event {
  /* force them to stay on one line */
  -ms-flex-negative: 0;
      flex-shrink: 0;
  float: left;
  height: 150px;
  width: 70%;
  max-width: 300px;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
  margin-right: 20px;
  -webkit-transition: opacity .2s, background .2s;
  transition: opacity .2s, background .2s;
}

.cd-schedule .events .single-event:last-of-type {
  margin-right: 5%;
}
.cd-schedule .events .single-event a {
  display: block;
  height: 100%;
  padding: .8em;
}
@media only screen and (min-width: 550px) {
  .cd-schedule .events .single-event {
    width: 40%;
  }
}
@media only screen and (min-width: 800px) {
  .cd-schedule .events {
    float: left;
    width: 100%;
  }
  .cd-schedule .events .events-group {
    width: 10%;
    float: left;
    border: 1px solid #EAEAEA;
    /* reset style */
    margin-bottom: 0;
  }
  .cd-schedule .events .events-group:not(:first-of-type) {
    border-left-width: 0;
  }
  .cd-schedule .events .top-info {
    /* vertically center its content */
    background:white;
    /*display: table;*/
    height: 50px;
    border-bottom: 1px solid #EAEAEA;
    /* reset style */
    padding: 14px 0px;
  }
  .cd-schedule .events .top-info > span {
    /* vertically center inside its parent */
    display: table-cell;
    vertical-align: middle;
    padding: 0 .5em;
    text-align: center;
    /* reset style */
    font-weight: normal;
    margin-bottom: 0;
  }
  .cd-schedule .events .events-group > ul {
    height: 1408px;
    /* reset style */
    display: block;
    overflow: visible;
    padding: 0;
  }
  .cd-schedule .events .events-group > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .cd-schedule .events .events-group > ul::after {
    /* reset style */
    display: none;
  }
  .cd-schedule .events .single-event {
    position: absolute;
    z-index: 3;
    /* top position and height will be set using js */
    width: calc(100% + 2px);
    left: -1px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), inset 0 -3px 0 rgba(0, 0, 0, 0.2);
    /* reset style */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    height: auto;
    max-width: none;
    margin-right: 0;
  }
  .cd-schedule .events .single-event a {
    padding: 1.2em;
  }
  .cd-schedule .events .single-event:last-of-type {
    /* reset style */
    margin-right: 0;
  }
  .cd-schedule .events .single-event.selected-event {
    /* the .selected-event class is added when an user select the event */
    visibility: hidden;
  }
}
@media only screen and (min-width: 1000px) {
  .cd-schedule .events {
    /* 60px is the .timeline element width */
    width: calc(100% - 60px);
    margin-left: 60px;
  }
}
.cd-schedule.loading .events .single-event {
  /* the class .loading is added by default to the .cd-schedule element
	   it is removed as soon as the single events are placed in the schedule plan (using javascript) */
  opacity: 0;
}
.cd-schedule .event-name,
.cd-schedule .event-date {
  display: block;
  color: white;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-schedule .event-name {
  font-size: 17px;
}
@media only screen and (min-width: 800px) {
  .cd-schedule .event-name {
    font-size: 13px;
    font-style:normal;
  }
}
.cd-schedule .event-date {
  /* they are not included in the the HTML but added using JavScript */
  font-size: 11px;
  opacity: .7;
  line-height: 1.2;
  margin-bottom: .2em;
}
.cd-schedule .single-event[data-event="event-1"],
.cd-schedule [data-event="event-1"] .header-bg {
  /* this is used to set a background color for the event and the modal window */
  background: #71B2E2;
}
.cd-schedule .single-event[data-event="event-1"]:hover {
  opacity: .8;
}
.cd-schedule .single-event[data-event="event-2"],
.cd-schedule [data-event="event-2"] .header-bg {
  background: #57D68D;
}
.cd-schedule .single-event[data-event="event-2"]:hover {
  opacity: .8;
}
.cd-schedule .single-event[data-event="event-3"],
.cd-schedule [data-event="event-3"] .header-bg {
  background: #e74c3c;
}
.cd-schedule .single-event[data-event="event-3"]:hover {
  opacity: .8;
}
.cd-schedule .single-event[data-event="event-4"],
.cd-schedule [data-event="event-4"] .header-bg {
  background: #57d68d;
}

.cd-schedule .single-event[data-event="event-4"]:hover {
  opacity: .8;
}

.cd-schedule .event-modal {
  position: fixed;
  z-index: 3;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  /* Force Hardware acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: visibility .4s, -webkit-transform .4s;
  transition: visibility .4s, -webkit-transform .4s;
  transition: transform .4s, visibility .4s;
  transition: transform .4s, visibility .4s, -webkit-transform .4s;
  -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
          transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
}
.cd-schedule .event-modal .header {
  position: relative;
  height: 70px;
  /* vertically center its content */
  display: table;
  width: 100%;
}
.cd-schedule .event-modal .header .content {
  position: relative;
  z-index: 3;
  /* vertically center inside its parent */
  display: table-cell;
  vertical-align: middle;
  padding: .6em 5%;
}
.cd-schedule .event-modal .body {
  position: relative;
  width: 100%;
  /* 70px is the .header height */
  height: calc(100% - 70px);
}
.cd-schedule .event-modal .event-info {
  position: relative;
  z-index: 2;
  line-height: 1.4;
  height: 100%;
  overflow: hidden;
}
.cd-schedule .event-modal .event-info > div {
  overflow: auto;
  height: 100%;
  padding: 1.4em 5%;
}

.cd-schedule .event-modal .header-bg, .cd-schedule .event-modal .body-bg {
  /* these are the morphing backgrounds - visible on desktop only */
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cd-schedule .event-modal .body-bg {
  z-index: 1;
  background: white;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
}

.cd-schedule .event-modal .header-bg {
  z-index: 2;
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
}

.cd-schedule .event-modal .close {
  /* this is the 'X' icon */
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.1);
  /* replace text with icon */
  color: transparent;
  white-space: nowrap;
  text-indent: 100%;
  height: 70px;
  width: 70px;
}

.cd-schedule .event-modal .close::before, .cd-schedule .event-modal .close::after {
  /* these are the two lines of the 'X' icon */
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 22px;
  background: white;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-schedule .event-modal .close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.cd-schedule .event-modal .close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
          transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.cd-schedule .event-modal .event-date {
  display: none;
}

.cd-schedule .event-modal.no-transition {
  -webkit-transition: none;
  transition: none;
}

.cd-schedule .event-modal.no-transition .header-bg, .cd-schedule .event-modal.no-transition .body-bg {
  -webkit-transition: none;
  transition: none;
}

@media only screen and (min-width: 800px) {
  .cd-schedule .event-modal {
    /* reset style */
    right: auto;
    width: auto;
    height: auto;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    will-change: transform, width, height;
    -webkit-transition: height .4s, width .4s, visibility .4s, -webkit-transform .4s;
    transition: height .4s, width .4s, visibility .4s, -webkit-transform .4s;
    transition: height .4s, width .4s, transform .4s, visibility .4s;
    transition: height .4s, width .4s, transform .4s, visibility .4s, -webkit-transform .4s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
  }
  .cd-schedule .event-modal .header {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
  }
  .cd-schedule .event-modal .header .content {
    /* reset style */
    display: block;
    padding: .8em;
  }
  .cd-schedule .event-modal .event-info > div {
    padding: 2em 3em 2em 2em;
  }
  .cd-schedule .event-modal .body {
    height: 100%;
    width: auto;
  }
  .cd-schedule .event-modal .header-bg, .cd-schedule .event-modal .body-bg {
    /* Force Hardware acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .cd-schedule .event-modal .header-bg {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
  }
  .cd-schedule .event-modal .body-bg {
    opacity: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .cd-schedule .event-modal .event-date {
    display: block;
  }
  .cd-schedule .event-modal .close, .cd-schedule .event-modal .event-info {
    opacity: 0;
  }
  .cd-schedule .event-modal .close {
    width: 40px;
    height: 40px;
    background: transparent;
  }
  .cd-schedule .event-modal .close::after, .cd-schedule .event-modal .close::before {
    background: #222222;
    height: 16px;
  }
}

@media only screen and (min-width: 1000px) {
  .cd-schedule .event-modal .header .content {
    padding: 1.2em;
  }
}

.cd-schedule.modal-is-open .event-modal {
  /* .modal-is-open class is added as soon as an event is selected */
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}

.cd-schedule.modal-is-open .event-modal .event-info > div {
  /* smooth scroll on iOS touch devices */
  -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 800px) {
  .cd-schedule.animation-completed .event-modal .close,
  .cd-schedule.content-loaded.animation-completed .event-modal .event-info {
    /* 	the .animation-completed class is added when the modal animation is completed
			the .content-loaded class is added when the modal content has been loaded (using ajax) */
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
  }
  .cd-schedule.modal-is-open .body-bg {
    opacity: 1;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
            transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
  }
}

.cd-schedule .cover-layer {
  /* layer between the content and the modal window */
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .4s, visibility .4s;
  transition: opacity .4s, visibility .4s;
}

.cd-schedule.modal-is-open .cover-layer {
  opacity: 1;
  visibility: visible;
}

.NotFound {
    width:100%;
    float:left;
    text-align:center;
    margin:7% 0px 0px;
}
.NotFound span{
    width:100%;
    float:left;
    margin:15px 0px 0px;
    font-size:18px;
    color: #999;
}
.NotFound img{
    max-width:320px;
}

.NotFoundDisponibilidad {
    width:100%;
    float:left;
    text-align:center;
    margin:10% 0px 4%;
}
.NotFoundDisponibilidad span{
    width:100%;
    float:left;
    margin:15px 0px 20px;
    font-size:18px;
    color: #999;
}
.NotFoundDisponibilidad img{
    max-width:320px;
}
.SinTransporte {
    width:100%;
    float:left;
    text-align:center;
    margin:2% 0px;
}
.SinTransporte span{
    width:100%;
    float:left;
    margin:15px 0px 0px;
    font-size:18px;
    color: #999;
}
.SinTransporte img {
    max-width:260px;
    opacity:.6;
}


/*:::MONITOR DE DISPONIBILIDAD:::*/

.MOCIEntradaCaseta { background:#71B2E2; }
.MOCIEntradaRecepcion { background:#f58b1f; }
.MOCIIniciaDescarga { background:#b3c2ca;  }
.MOCIFinalizaDescarga { background:#57d68d; }
.MOCISalidaRecepcion { background:#9a82bc; }
.MOCISalidaCaseta { background:#c09d7c; }
.MOCIPorLlegar { background:#fcd223; }
.MOCINoLlego { background:#e74c3c; }
.MOCIRechazado { background:#d12a2a; }

.SemaforoColEntradaCasetaSpan { color:#71B2E2; }
.SemaforoColEntradaRecepcionSpan { color:#f58b1f; }
.SemaforoColIniciaDescargaSpan { color:#b3c2ca;  }
.SemaforoColFinalizaDescargaSpan { color:#57d68d; }
.SemaforoColSalidaRecepcionSpan { color:#9a82bc; }
.SemaforoColSalidaCasetaSpan { color:#c09d7c; }
.SemaforoColPorLlegarSpan { color:#fcd223; }
.SemaforoColNoLlegoSpan { color:#e74c3c; }
.SemaforoColRechazadoSpan { color:#d12a2a; }

/*:::/MONITOR DE DISPONIBILIDAD:::*/



/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar:horizontal {
    height: 8px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

/*// estilo check/*/
.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }
.NONAEvaluacion {
    padding-top: 32px;
}

.radio {
  padding-left: 20px; }
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }
/**/


.MociCardArchivosDescarga {
    background:white;
    float:left;
    border:1px solid #ddd;
    margin:30px 0px 0px;
    width:100%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.MociCardArchivosDescarga:hover {
    cursor:pointer;
        -webkit-box-shadow: 0 15px 12px -9px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 15px 12px -9px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 15px 12px -9px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2);
}
.MOCIComponenteDescarga {
    border:0px;
    margin:0px;
    height:auto;
    width:100%;
}
.MOCIComponenteDescarga img {
    padding:5px 20px;
}
.MOCINombreArchivo {
    border-top:1px solid #ddd;
    float:left;
    padding:7px 0px;
    text-align:center;
    width:100%;
}
/*:::CHECKBOX:::*/
.Marcasonoffswitch {
    float:left;
    position: relative; 
    width: 41px;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select: none;
}
.Marcasonoffswitch-checkbox {
    display: none;
}
.Marcasonoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #E3E3E3; border-radius: 50px;
}
.Marcasonoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.Marcasonoffswitch-inner:before, .Marcasonoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 10px; padding: 0; line-height: 10px;
    font-size: 16px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.Marcasonoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #FFFFFF; color: #D13939;
}
.Marcasonoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #FFFFFF; color: #ED2121;
    text-align: right;
}
.Marcasonoffswitch-switch {
    background: #d3d3d3;
    border-radius: 50px;
    bottom: 0;
    display: block;   
    height:22px; 
    margin: -6px;  
    position: absolute; 
    right: 27px;
    top: 2px;  
    transition: all 0.3s ease-in 0s; 
    width: 22px; 
}
.Marcasonoffswitch-checkbox:checked + .Marcasonoffswitch-label .Marcasonoffswitch-inner {
    margin-left: 0;
}
.Marcasonoffswitch-checkbox:checked + .Marcasonoffswitch-label .Marcasonoffswitch-switch {
    right: 0px; 
    background-color: #71B2E2; 
}

.SCCheckDocumentos { 
    float:right;
}

.checkLineas {
    padding:10px 10px 0 0; 
    float:left; 
    width: 100%;
}
/*:::/CHECKBOX:::*/
/**//*Boton Index foto perfil*/
.lblBtn {
    cursor:pointer;    
}

.lblBtn:hover{
   opacity:.7;
}
.cp-layerim img {
    transition: all 0.2s linear;
}
.cp-layerim .mascara {
    color: white;
    background-color: rgba(0,0,0, 0.6);
    height: 62px;
    position: absolute;
    opacity: 0;
    text-align: center;
    top: -1px;
    transition: all 0.3s ease-in-out;
    width: 62px;
    border-radius:50%;
    -webkit-border-radius:50%;
    right:80px;
}
.cp-layerim:hover img { transform: scale(1.05); }
.cp-layerim:hover .mascara {
    cursor: pointer;
    opacity: 1;
    z-index: 1;
}
.cp-btn-download {
    float: right;
    margin: -7px 4px 0px;
}
.cp-masc-im {
    float: left;
    text-align: center;
    width: 20%;
}
.cp-masc-im img { 
    position: relative;
    top: 0px;
    width: 100%; 
}

.mascara img {
    border-radius:0px;
    width:26px;
    height:26px;
    margin:19px 15px 0px 0px;
}
.MOCIFooterLogin {
    color: white;   
    bottom: 17px;
    text-align: left;
    padding: 0px 0px 0px 35px;
    position: absolute;
    width: 100%;
}
.MOCIFooterLogin h4 {
    color:white;
}


/*:::MODAL CRONOMETRO:::*/
.MensajeCerrarSesion {
    float:left;
    text-align:center;
    width:100%;
}

.MensajeCerrarSesion label {
    color:#999;
    font-size:11px;
    font-weight:normal;
}

.MensajeCerrarSesion p {
    margin:0px;
    font-size:15px;
}

.ModalCierreSesion {
    float:left;
    margin:10px 0px 20px;
    text-align:center;
    width:100%;
}

.ModalCierreSesion div {
    position:relative;
    top:0px;
    margin:0px auto;
    width: 125px;
}

.MOCIButtonEditarUsuario {
    border: 0px;
    background: none;
    color: white;
    margin: -128px 0px 0px 205px;
    float: left;
}


/*:::FAQ:::*/
.MOCIFAQ {
    float:left;
    width:100%;
}
.MOCIFAQBuscador {
    float:left;
    width:100%;
}
.MOCIHeaderImagenFAQ {
    float:left;
    padding:20px 0px 25px;
    text-align:center;
    width:100%;
}
.MOCIHeaderImagenFAQ img {
    width:46%;
}
.MOCIFAQPrincipal {
    background:none;
    border:0px;
    float:left;
    padding:5px;
    width:100%;
}
.MOCIFAQContenidoPrincipales {
    float:left;
    padding:20px 0px 0px;
    width:100%;
}
.MOCIFAQIconos {
   float:left;
   text-align:center;
   width:100%;
}
.MOCIFAQIconos img {
    width:130px;
}
.MOCIFAQOpcionesTitulos {
    float:left;
    text-align:center;
    width:100%;
}
.MOCIFAQOpcionesTitulos h3 {
    color:#71B2E2;
    margin:0px;
    font-size:18px;
}
.MOCIFAQIndividual {
    float:left;
    margin:0px 0px 20px;
    width:100%;
}
.MOCIContenedorFAQInd {
    float:left;
    padding:0px 0px 0px 10px;
    width:90%;
}
.FAQIconInd {
    float:left;
    width:10%;
}
.FAQIconInd img {
    width:100%;
}
.MOCIContenedorFAQInd h3 {
    color:#71B2E2;
}
.MOCIContenedorFAQInd p {
    color:#999;
}
.MOCIFAQLista li {
    color:#999;
}

.MOCIFaqFooter {
    float:right; 
    padding:0px 60px 0px 0px;
}

       @media (max-width: 718px) {
            .MOCIFaqFooter {
                width:100%;
                margin:10px 0px 0px;
                padding:0px;
            }
        }

/*:::/FAQ:::*/


/*:::CLASES DE ALERTA:::*/

    .MOCIAlertaHorario {
        background:rgba(211, 47, 47, .5);
        color:white;
        text-align: center;
        font-size:13px;
        width: 100%;
        float: left;
        height: 21px;
        margin: 50px 0px 0px;
    }

    @media (max-width: 600px) {
        .MOCIAlertaHorario {
            font-size: 12px;
            height: 34px;
        }
    }
/*:::/CLASES DE ALERTA:::*/


/*:::DEMO PRELOAD:::*/
.MOCICargandoCentro {
    background:black;      
       -webkit-border-radius:50%;
    border-radius:50%;
    margin:0px auto;
    padding:2px;
}

.MOCICargandoC1 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+63 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left, #000000 0%, #ffffff 63%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #000000 0%,#ffffff 63%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #000000 0%,#ffffff 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
       -webkit-border-radius:50%;
    border-radius:50%;   
    margin:0px auto;
    padding:5px;
}

.MOCICargandoC2 {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+24,000000+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(left, #ffffff 24%, #000000 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ffffff 24%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ffffff 24%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
       -webkit-border-radius:50%;
    border-radius:50%;
    padding:7px;
}
.MOCIPreload {
    width:28px;
}

#MOCIPreloader01 {
  -webkit-animation: Preload01 .6s infinite; /* Safari 4+ */
  -moz-animation:    Preload01 .6s infinite; /* Fx 5+ */
  -o-animation:      Preload01 .6s infinite; /* Opera 12+ */
  animation:         Preload01 .6s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes Preload01 {
  0%   { transform: rotate(0deg); }
  100% {  transform: rotate(360deg); }
}

@-moz-keyframes Preload01 {
  0%   {  transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@-o-keyframes Preload01 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes Preload01 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#MOCIPreloader02 {
  -webkit-animation: Preload02 .3s infinite; /* Safari 4+ */
  -moz-animation:    Preload02 .3s infinite; /* Fx 5+ */
  -o-animation:      Preload02 .3s infinite; /* Opera 12+ */
  animation:         Preload02 .3s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes Preload02 {
  0%   { transform: rotate(360deg); }
  100% {  transform: rotate(0deg); }
}

@-moz-keyframes Preload02 {
  0%   {  transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

@-o-keyframes Preload02 {
  0%   { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

@keyframes Preload02 {
  0%   { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

/*:::/DEMO PRELOAD:::*/


/*:::DEMO PRELOAD CIRCULOS DE COLORES:::*/
#loader {
    bottom: 0;
    height: 175px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 175px;
}
#loader {
    bottom: 0;
    height: 175px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 175px;
}
#loader .dot {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 87.5px;
}
#loader .dot::before {
    border-radius: 100%;
    content: "";
    height: 87.5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    width: 87.5px;
}
#loader .dot:nth-child(7n+1) {
    transform: rotate(45deg);
}
#loader .dot:nth-child(7n+1)::before {
    animation: 0.8s linear 0.1s normal none infinite running load;
    background: #43b4e4 none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+2) {
    transform: rotate(90deg);
}
#loader .dot:nth-child(7n+2)::before {
    animation: 0.8s linear 0.2s normal none infinite running load;
    background: #00597f none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+3) {
    transform: rotate(135deg);
}
#loader .dot:nth-child(7n+3)::before {
    animation: 0.8s linear 0.3s normal none infinite running load;
    background: #9a82bc none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+4) {
    transform: rotate(180deg);
}
#loader .dot:nth-child(7n+4)::before {
    animation: 0.8s linear 0.4s normal none infinite running load;
    background: #a3cc39 none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+5) {
    transform: rotate(225deg);
}
#loader .dot:nth-child(7n+5)::before {
    animation: 0.8s linear 0.5s normal none infinite running load;
    background: #fcd223 none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+6) {
    transform: rotate(270deg);
}
#loader .dot:nth-child(7n+6)::before {
    animation: 0.8s linear 0.6s normal none infinite running load;
    background: #ec4340 none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+7) {
    transform: rotate(315deg);
}
#loader .dot:nth-child(7n+7)::before {
    animation: 0.8s linear 0.7s normal none infinite running load;
    background:#f58b1f none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+8) {
    transform: rotate(360deg);
}
#loader .dot:nth-child(7n+8)::before {
    animation: 0.8s linear 0.8s normal none infinite running load;
    background: #b3c2ca none repeat scroll 0 0;
}
#loader .lading {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: -40px;
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    width: 180px;
}
@keyframes load {
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
@keyframes load {
    100% {
        opacity: 0;
        transform: scale(1);
    }
}


.ladingTexto {
    color:black;
    position: absolute;
    text-align: center;
    font-size:13px;
    top:175px;
    width: 100%; 
       /*  -webkit-animation: LoadingCircle 1s infinite; Safari 4.0 - 8.0
    animation: LoadingCircle 1s infinite; */
}

/*@-webkit-keyframes LoadingCircle {
    0% { opacity:0; }
    50% { opacity:1; }
    100% { opacity:0; }
} 

@keyframes LoadingCircle {
    0% { opacity:0; }
    50% { opacity:1; }
    100% { opacity:0; }
}*/

/*:::/DEMO PRELOAD CIRCULOS DE COLORES:::*/





.AlseaLoginSC {
    display: table-cell; 
    vertical-align: middle;
}

.SCLoginAnimacion {
    width:57%;
    margin:0px auto 0px;
}
    @media (max-width: 820px) { 
         .SCLoginAnimacion {  width: 100%; } 
    }
    @media (max-width: 740px) { 
         .SCLoginAnimacion {  padding:35px; } 
    }


.SCLoginAnimacion img {
    width:100%;
}

.LoginComposicion {
    float:left;
    display:table;
    height: 100vh;
    text-align:center;
    width:77%;
}

    @media (max-width: 1199px) {  .LoginComposicion  {  width: 69%;   }  }
    @media (max-width: 820px)  {  .LoginComposicion  {  width: 63%;   }  }
    @media (max-width: 630px)  {  .LoginComposicion  {  width: 50%;   }  }
    @media (max-width: 470px)  {  .LoginComposicion  {  display: none;}  }

/*:::REPORTES:::*/
.container-filterReporte{
    float: left;
    padding: 5px;
    width: 100%;
}
.ind-filter{
    background: #f4f4f6;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 200;
    margin: 5px 0px;
    letter-spacing: 1px;
    padding: 5px 10px;
    width: 100%;
}
.ind-filter:hover{
    background: #ddd;
}
.mar-btn{
    margin: -3px 0px 0px;
}
.filter-titleg{
    background: #005dab;
    float: left;
    text-align: center;
    width: 100%;
}
.filter-titleg h4{
    color: white;
    font-weight: 200;
    letter-spacing: 1px;
}
.filter-titleg h4 img{
    margin: -5px 5px 0;
    width: 23px;
}
.di-cont-filter{
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
}
.di-cont-filter h4{
    color: #999;
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 1px;
    text-align: center;
}
.contenido-filtrosbox{
    float: left;
    padding: 15px;
    width: 100%;
}
.chbox-motivos{
    margin: 41px 0px 20px;
}
.quantity-container{
    background: white;
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
    float: left;
    margin: 15px 0px 0px;
    width: 100%;
}
.ind-filter-dsh{
    background: #f4f4f6;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 200;
    margin: 5px 0px;
    letter-spacing: 1px;
    padding: 5px 10px;
  
}
.ind-filter-dsh:hover{
    background: #ddd;
}
.box-shadow-n{
    box-shadow:none;
    border:1px solid #ddd;
    margin: 30px 0px;
}
.CPConsultaPre {
   padding-top:5px;
   padding-bottom:40px;
}

.PaddingBtns{
    padding: 15px;
}
.Disabled{
    pointer-events: none;
}
.porcentaje-proveedor-calidad {
    background:#004d68;
       -webkit-border-radius:50px;
    border-radius:50px;
    color:white;
    padding: 1px 9px;
    position:absolute;
    right: 25px;
    top: 42px;
}

/* :::ESTILOS PARA PANTALLA DE RESULTADOS::: */
.ic-resultado-feedback {
    float:left;
    width:100%;
}
.ic-resultado-feedback img {
    max-width:200px;
    width:100%;
}
.txt-mensaje-feedback {
    float: left;
    width:100%;
}

.txt-mensaje-feedback strong {
    color:#0acc78;
    font-size:24px;
}

.txt-mensaje-feedback p {
    color:black;
    font-size:16px;
}

.ic-resultados-cards {
    float:left;
    width:100%;
}

.ic-resultados-cards img {
    width:50px;
}

.txt-info-resultados h5 {
    font-size:18px;
    margin:0px;
}

.advertencia{
    color: red;
    font-size: 9px;
}

.card-resultado {
    border-radius:12px;
    padding:15px;
}

/* :::ESTILOS MODAL DE NOTIFICACIONES::: */

.notifications-title-modal {
    border:0px; 
    padding:0px;
}

.notifications-arrow {
    background:#71B2E2;
    position: absolute; 
    cursor: pointer;
}

.notifications-arrow-left {
    left:0px;
}

.notifications-arrow-right {
    right:0px;
}


/* :::ESTILOS FOLIO DE CITA ::: */
.img-folio-pendiente img {
    max-width: 90px;
}

.card-folio-cita {
    border: 1px solid #dddddd;
       -webkit-border-radius: 12px;
    border-radius: 12px;
    float: left;
    padding: 5px;
    width: 100%;
}

.color-folio-cita {
    color: #4AB5E2;
}

.card-folio-cita label {
    font-weight:normal;
    color: #959595;
}

.icon-alert-warning img {
    width: 24px;
}

.MOCIIconoDisponibilidadHorario img{
    width: 80px;
}
/* :::ESTILOS FOLIO DE CITA ::: */




/* estilos Certificados - ListaCertificados */
    table {
        border-collapse: initial;
        color:#777777;
    }
.tableResultForCertificates {
    width: 100%;
    border-collapse: collapse;
    margin: 0 !important;
}
.tableResultForCertificates thead tr {
    background-color: #f5f8fa;
    border-bottom: 2px solid #71B2E2;
}
.tableResultForCertificates th {
    color: #71B2E2;
    font-weight: 600;
    padding: 0.75rem 1rem !important;
    text-align: left;
    white-space: nowrap;
}
.tableResultForCertificates th.th-acciones {
    text-align: right;
}
.tableResultForCertificates td {
    padding: 0.75rem 1rem !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #e9ecef;
}
.tableResultForCertificates tbody tr:hover {
    background-color: #f8f9fa;
}
.tableResultForCertificates td.td-acciones {
    text-align: right;
    white-space: nowrap;
}
.table-certificados-desktop {
    overflow-x: auto;
    margin-bottom: 1rem;
}

/* Filtros y búsqueda certificados - móvil */
@media (max-width: 767px) {
    .certificados-filtros-content .certificados-form-row,
    .certificados-busqueda-content .certificados-form-row {
        margin-left: 0;
        margin-right: 0;
    }
    .CertificadosFiltros .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }
    .CertificadosFiltros h4 {
        padding: 0.75rem 0 !important;
        font-size: 1rem;
    }
    .certificados-filtros-content .fieldsOrder,
    .certificados-busqueda-content .fieldsOrder {
        margin-left: 0;
        margin-right: 0;
    }
    .certificados-filtros-content .cl-fildsh,
    .certificados-busqueda-content .cl-fildsh {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 0.5rem;
    }
    .certificados-filtros-content .row-filtros-fechas .cl-fildsh,
    .certificados-busqueda-content .cl-fildsh {
        margin-bottom: 0.25rem;
    }
    .certificados-filtros-btn-wrap,
    .certificados-busqueda-btn-wrap {
        margin-top: 0.5rem;
        margin-bottom: 0.75rem;
    }
    .certificados-filtros-btn-wrap .btn,
    .certificados-busqueda-btn-wrap .btn {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .certificados-busqueda-btn-wrap .btn:last-child {
        margin-bottom: 0;
    }
    .btn-block-xs {
        display: block;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .certificados-busqueda-btn-wrap {
        display: flex;
        align-items: flex-end;
        gap: 8px;
    }
    .certificados-busqueda-btn-wrap .btn {
        width: auto;
    }
}

/* Móvil: tabla como tarjetas */
@media (max-width: 767px) {
    .certificados-listado-container .table-certificados-desktop {
        overflow-x: visible;
    }
    .tableResultForCertificates thead {
        display: none;
    }
    .tableResultForCertificates tbody tr {
        display: block;
        margin-bottom: 1rem;
        padding: 1rem;
        border: 1px solid #e9ecef;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    }
    .tableResultForCertificates tbody tr:hover {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .tableResultForCertificates td {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 0 !important;
        border-bottom: none !important;
    }
    .tableResultForCertificates td:last-child {
        border-top: 1px solid #e9ecef;
        margin-top: 0.5rem;
        padding-top: 0.75rem !important;
        justify-content: center;
        gap: 0.5rem;
    }
    .tableResultForCertificates td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #71B2E2;
        font-size: 0.85em;
        flex-shrink: 0;
        margin-right: 0.75rem;
    }
    .tableResultForCertificates td.td-acciones::before {
        display: none;
    }
}
.btnMOCI{
    border-radius:50%;
    height:35px;
    width:35px;
    margin-right:5px;
}
.btnMOCI:before {
    position: relative;
    top: 0.5px;
    left: -3px;
}

/*modal*/
.mainTitle{
    color:#71B2E2;
}
.altaModal{
    border:1px solid #cccccc;
    padding:20px 10px;
    background-color:#f5f6f7;
    border-radius:5px;
    transition:.2s 0s ease-in-out;
}
.altaModal:hover {
    box-shadow:0px 0px 10px rgba(0,0,0,.2);
}
.formUpfile label{
    font-weight:normal;
    color:#999999;
}

.table-container {
    width: 100%;
    overflow-x: auto; /* Agrega una barra de desplazamiento horizontal si es necesario */
    margin-bottom: 20px; /* Espacio debajo de la tabla */
}

.styled-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Arial', sans-serif;
    font-size: 10px;
    text-align: left;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    min-width: 1000px; /* Asegura un ancho mínimo para activar el scroll si es necesario */
}

    .styled-table thead tr {
        background-color: #006098;
        color: #ffffff;
        text-align: left;
    }

    .styled-table th, .styled-table td {
        padding: 12px 15px;
    }

    .styled-table tbody tr {
        border-bottom: 1px solid #dddddd;
    }

        .styled-table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }

        .styled-table tbody tr:last-of-type {
            border-bottom: 2px solid #009879;
        }

        .styled-table tbody tr:hover {
            background-color: #f1f1f1;
            cursor: pointer;
        }

.CertificadosFiltros {
    margin-top: 15px;
    background-color: #ffffff;
    border-left: 5px solid #71B2E2;
    box-shadow: 0px 0px 3px rgba(0,0,0,.2);
    transition: .3s 0s ease-in-out;
    color: #777777;
    font-weight: normal;
}

.cardFilter {
    border: 1px solid #ddd;
}

.iconsGly {
    color: #ccc;
    font-size: 16px;
    position: relative;
    top: 1px;
    margin-right: 10px;
}

.fieldsOrder {
    display: flex;
    align-items: center;
}

#filtrosCertificadoContent label {
    font-weight: normal;
    color: #999999;
}

.text-primary-moci{
    color:#71B2E2
}

.bg-primary-moci{
    background-color:#71B2E2
}

.btn-add-cat{
    border: none;
}