/*
    Autor: ISC. Karla Teresa Arroyo Calero
    Fecha: 10/Agosto/2016
*/

.spacing { margin: 0.5rem !important; }

.color-label { background-color: #f6f6f6; }

.tdhead { background: #EDEDED; font-weight: bold; text-align:center; }

#menuIcon, #notificaciones, #logout { 
    display: inline-block;
}

/*----------------------------------------------------------
CSS CENTRAR VENTANA
----------------------------------------------------------*/
.vcentro {
    /*position: absolute;
    top: 50%;
    left:28%;
    transform: translate(-50%,-50%);*/
    /*display: inline-block;
    vertical-align: middle;
    float: none;*/
}

/*----------------------------------------------------------
CSS NOTOFICACIONES
----------------------------------------------------------*/

.panel-green { border-color: #5cb85c; }
.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}
.panel-green a { color: #5cb85c; }
.panel-green a:hover { color: #3d8b3d; }

.panel-red { border-color: #d9534f; }
.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}
.panel-red a { color: #d9534f;}
.panel-red a:hover { color: #b52b27; }

.panel-yellow { border-color: #f0ad4e;}
.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}
.panel-yellow a { color: #f0ad4e; }
.panel-yellow a:hover { color: #df8a13; }

/*----------------------------------------------------------
CSS COLORES INSTITUCIONALES CLAROS
----------------------------------------------------------*/

.panel-basico1 { border-color: rgb(141,198,63); }
.panel-basico1 > .panel-heading {
    border-color: rgb(141,198,63);
    color: #fff;
    background-color: rgb(141,198,63);
}
.panel-basico1 a { color: rgb(141,198,63); }
.panel-basico1 a:hover { color: rgb(141,198,63); }

.panel-basico2 { border-color: rgb(0,167,225); }
.panel-basico2 > .panel-heading {
    border-color: rgb(0,167,225);
    color: #fff;
    background-color: rgb(0,167,225);
}
.panel-basico2 a { color: rgb(0,167,225); }
.panel-basico2 a:hover { color: rgb(0,167,225); }

.panel-basico3 { border-color: rgb(238,61,150); }
.panel-basico3 > .panel-heading {
    border-color: rgb(238,61,150);
    color: #fff;
    background-color: rgb(238,61,150);
}
.panel-basico3 a { color: rgb(238,61,150); }
.panel-basico3 a:hover { color: rgb(238,61,150); }

.panel-basico4 { border-color: rgb(243,115,33); }
.panel-basico4 > .panel-heading {
    border-color: rgb(243,115,33);
    color: #fff;
    background-color: rgb(243,115,33);
}
.panel-basico4 a { color: rgb(243,115,33); }
.panel-basico4 a:hover { color: rgb(243,115,33); }

.btn-basico1 {
  color: #ffffff;
  background-color: #8dc63f;
  border-color: #80b636;
}
.btn-basico1:hover,.btn-basico1:focus,.btn-basico1:active,.btn-basico1.active,.open .dropdown-toggle.btn-basico1 {
  color: #ffffff;
  background-color: #77aa32;
  border-color: #5f8628;
}
.btn-basico1:active,.btn-basico1.active,.open .dropdown-toggle.btn-basico1 {
  background-image: none;
}
.btn-basico1.disabled,.btn-basico1[disabled],fieldset[disabled] .btn-basico1,.btn-basico1.disabled:hover,.btn-basico1[disabled]:hover,
fieldset[disabled] .btn-basico1:hover,.btn-basico1.disabled:focus,.btn-basico1[disabled]:focus,fieldset[disabled] .btn-basico1:focus,
.btn-basico1.disabled:active,.btn-basico1[disabled]:active,fieldset[disabled] .btn-basico1:active,.btn-basico1.disabled.active,
.btn-basico1[disabled].active,fieldset[disabled] .btn-basico1.active {
  background-color: #8dc63f;
  border-color: #80b636;
}
.btn-basico1 .badge {
  color: #8dc63f;
  background-color: #ffffff;
}

.btn-basico2 {
  color: #ffffff;
  background-color: #00a7e1;
  border-color: #0094c8;
}
.btn-basico2:hover,.btn-basico2:focus,.btn-basico2:active,.btn-basico2.active,.open .dropdown-toggle.btn-basico2 {
  color: #ffffff;
  background-color: #0089b8;
  border-color: #00678a;
}
.btn-basico2:active,.btn-basico2.active,.open .dropdown-toggle.btn-basico2 {
  background-image: none;
}
.btn-basico2.disabled,.btn-basico2[disabled],fieldset[disabled] .btn-basico2,.btn-basico2.disabled:hover,.btn-basico2[disabled]:hover,fieldset[disabled] .btn-basico2:hover,
.btn-basico2.disabled:focus,.btn-basico2[disabled]:focus,fieldset[disabled] .btn-basico2:focus,.btn-basico2.disabled:active,.btn-basico2[disabled]:active,
fieldset[disabled] .btn-basico2:active,.btn-basico2.disabled.active,.btn-basico2[disabled].active,fieldset[disabled] .btn-basico2.active {
  background-color: #00a7e1;
  border-color: #0094c8;
}
.btn-basico2 .badge {
  color: #00a7e1;
  background-color: #ffffff;
}

.btn-basico3 {
  color: #ffffff;
  background-color: #ee3d96;
  border-color: #ec2689;
}
.btn-basico3:hover,.btn-basico3:focus,.btn-basico3:active,.btn-basico3.active,.open .dropdown-toggle.btn-basico3 {
  color: #ffffff;
  background-color: #eb1782;
  border-color: #c3116b;
}
.btn-basico3:active,.btn-basico3.active,.open .dropdown-toggle.btn-basico3 {
  background-image: none;
}
.btn-basico3.disabled,.btn-basico3[disabled],fieldset[disabled] .btn-basico3,.btn-basico3.disabled:hover,.btn-basico3[disabled]:hover,fieldset[disabled] .btn-basico3:hover,
.btn-basico3.disabled:focus,.btn-basico3[disabled]:focus,fieldset[disabled] .btn-basico3:focus,.btn-basico3.disabled:active,.btn-basico3[disabled]:active,
fieldset[disabled] .btn-basico3:active,.btn-basico3.disabled.active,.btn-basico3[disabled].active,fieldset[disabled] .btn-basico3.active {
  background-color: #ee3d96;
  border-color: #ec2689;
}
.btn-basico3 .badge {
  color: #ee3d96;
  background-color: #ffffff;
}

.btn-basico4 {
  color: #ffffff;
  background-color: #f37321;
  border-color: #ee650d;
}
.btn-basico4:hover,.btn-basico4:focus,.btn-basico4:active,.btn-basico4.active,.open .dropdown-toggle.btn-basico4 {
  color: #ffffff;
  background-color: #df5e0c;
  border-color: #b44c0a;
}
.btn-basico4:active,.btn-basico4.active,.open .dropdown-toggle.btn-basico4 {
  background-image: none;
}
.btn-basico4.disabled,.btn-basico4[disabled],fieldset[disabled] .btn-basico4,.btn-basico4.disabled:hover,.btn-basico4[disabled]:hover,fieldset[disabled] .btn-basico4:hover,
.btn-basico4.disabled:focus,.btn-basico4[disabled]:focus,fieldset[disabled] .btn-basico4:focus,.btn-basico4.disabled:active,.btn-basico4[disabled]:active,
fieldset[disabled] .btn-basico4:active,.btn-basico4.disabled.active,.btn-basico4[disabled].active,fieldset[disabled] .btn-basico4.active {
  background-color: #f37321;
  border-color: #ee650d;
}
.btn-basico4 .badge {
  color: #f37321;
  background-color: #ffffff;
}

.well-basico1 {
    color: #ffffff;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #8dc63f;
    border: 1px solid #7aae34;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well-basico1 blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

.well-basico2 {
    color: #ffffff;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #00a7e1;
    border: 1px solid #008dbd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well-basico2 blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

.well-basico3 {
    color: #ffffff;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #ee3d96;
    border: 1px solid #eb1c84;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well-basico3 blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

.well-basico4 {
    color: #ffffff;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f37321;
    border: 1px solid #e4610c;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well-basico4 blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

.modal-header-basico1 {
    color:#fff;
    padding: 15px;
    border-bottom: 1px solid rgb(141,198,63);
    background-color: rgb(141,198,63);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-footer-basico1 {
  padding: 15px;
  text-align: right;
  border-top: 1px solid rgb(141,198,63);
}

.modal-header-basico2 {
    color:#fff;
    padding: 15px;
    border-bottom: 1px solid  rgb(0,167,225);
    background-color:  rgb(0,167,225);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-footer-basico2 {
  padding: 15px;
  text-align: right;
  border-top: 1px solid  rgb(0,167,225);
}

.modal-header-basico3 {
    color:#fff;
    padding: 15px;
    border-bottom: 1px solid rgb(238,61,150);
    background-color: rgb(238,61,150);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-footer-basico3 {
  padding: 15px;
  text-align: right;
  border-top: 1px solid rgb(238,61,150);
}

.modal-header-basico4 {
    color:#fff;
    padding: 15px;
    border-bottom: 1px solid rgb(243,115,33);
    background-color: rgb(243,115,33);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-footer-basico4 {
  padding: 15px;
  text-align: right;
  border-top: 1px solid rgb(243,115,33);
}

/*----------------------------------------------------------
CSS COLORES INSTITUCIONALES OSCUROS
----------------------------------------------------------*/

.panel-basico1Oscuro { border-color: rgb(29,93,43); }
.panel-basico1Oscuro > .panel-heading {
    border-color: rgb(29,93,43);
    color: #fff;
    background-color: rgb(29,93,43);
}
.panel-basico1Oscuro a { color: rgb(29,93,43); }
.panel-basico1Oscuro a:hover { color: rgb(29,93,43); }

.panel-basico2Oscuro { border-color: rgb(0,74,129); }
.panel-basico2Oscuro > .panel-heading {
    border-color: rgb(0,74,129);
    color: #fff;
    background-color: rgb(0,74,129);
}
.panel-basico2Oscuro a { color: rgb(0,74,129); }
.panel-basico2Oscuro a:hover { color: rgb(0,74,129); }

.panel-basico3Oscuro { border-color: rgb(171,6,52); }
.panel-basico3Oscuro > .panel-heading {
    border-color: rgb(171,6,52);
    color: #fff;
    background-color: rgb(171,6,52);
}
.panel-basico3Oscuro a { color: rgb(171,6,52); }
.panel-basico3Oscuro a:hover { color: rgb(171,6,52); }

.panel-basico4Oscuro { border-color: rgb(185,89,21); }
.panel-basico4Oscuro > .panel-heading {
    border-color: rgb(185,89,21);
    color: #fff;
    background-color: rgb(185,89,21);
}
.panel-basico4Oscuro a { color: rgb(185,89,21); }
.panel-basico4Oscuro a:hover { color: rgb(185,89,21); }

.panel-fondo1 { border-color: rgb(18,111,183); }
.panel-fondo1 > .panel-heading {
    border-color: rgb(18,111,183);
    color: #fff;
    background-color: rgb(18,111,183);
}
.panel-fondo1 a { color: rgb(18,111,183); }
.panel-fondo1 a:hover { color: rgb(18,111,183); }

.panel-fondo2 { border-color: rgb(0,67,118); }
.panel-fondo2 > .panel-heading {
    border-color: rgb(0,67,118);
    color: #fff;
    background-color: rgb(0,67,118);
}
.panel-fondo2 a { color: rgb(0,67,118); }
.panel-fondo2 a:hover { color: rgb(0,67,118); }

.btn-fondo1 {
  color: #ffffff;
  background-color: #126fb7;
  border-color: #1061a0;
}
.btn-fondo1:hover,.btn-fondo1:focus,.btn-fondo1:active,.btn-fondo1.active,.open .dropdown-toggle.btn-fondo1 {
  color: #ffffff;
  background-color: #0e5892;
  border-color: #0a3f68;
}
.btn-fondo1:active,.btn-fondo1.active,.open .dropdown-toggle.btn-fondo1 {
  background-image: none;
}
.btn-fondo1.disabled,.btn-fondo1[disabled],fieldset[disabled] .btn-fondo1,.btn-fondo1.disabled:hover,.btn-fondo1[disabled]:hover,fieldset[disabled] .btn-fondo1:hover,
.btn-fondo1.disabled:focus,.btn-fondo1[disabled]:focus,fieldset[disabled] .btn-fondo1:focus,.btn-fondo1.disabled:active,.btn-fondo1[disabled]:active,
fieldset[disabled] .btn-fondo1:active,.btn-fondo1.disabled.active,.btn-fondo1[disabled].active,fieldset[disabled] .btn-fondo1.active {
  background-color: #126fb7;
  border-color: #1061a0;
}
.btn-fondo1 .badge {
  color: #126fb7;
  background-color: #ffffff;
}

.btn-fondo2 {
  color: #ffffff;
  background-color: #004376;
  border-color: #00355d;
}
.btn-fondo2:hover,.btn-fondo2:focus,.btn-fondo2:active,.btn-fondo2.active,.open .dropdown-toggle.btn-fondo2 {
  color: #ffffff;
  background-color: #002c4d;
  border-color: #00121f;
}
.btn-fondo2:active,.btn-fondo2.active,.open .dropdown-toggle.btn-fondo2 {
  background-image: none;
}
.btn-fondo2.disabled,.btn-fondo2[disabled],fieldset[disabled] .btn-fondo2,.btn-fondo2.disabled:hover,.btn-fondo2[disabled]:hover,fieldset[disabled] .btn-fondo2:hover,
.btn-fondo2.disabled:focus,.btn-fondo2[disabled]:focus,fieldset[disabled] .btn-fondo2:focus,.btn-fondo2.disabled:active,.btn-fondo2[disabled]:active,
fieldset[disabled] .btn-fondo2:active,.btn-fondo2.disabled.active,.btn-fondo2[disabled].active,fieldset[disabled] .btn-fondo2.active {
  background-color: #004376;
  border-color: #00355d;
}
.btn-fondo2 .badge {
  color: #004376;
  background-color: #ffffff;
}

.modal-header-fondo1 {
    color:#fff;
    padding: 15px;
    border-bottom: 1px solid rgb(18,111,183); 
    background-color: rgb(18,111,183);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-footer-fondo1 {
  padding: 15px;
  text-align: right;
  border-top: 1px solid rgb(18,111,183);
}

.modal-header-fondo2 {
    color:#fff;
    padding: 15px;
    border-bottom: 1px solid rgb(0,67,118);
    background-color: rgb(0,67,118);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-footer-fondo2 {
  padding: 15px;
  text-align: right;
  border-top: 1px solid rgb(0,67,118);
}

/*----------------------------------------------------------
CSS OUTLINE BUTTON
----------------------------------------------------------*/
.btn-outline { background-color: transparent; color: inherit; transition: all .5s; }
.btn-primary.btn-outline { color: #428bca; }
.btn-success.btn-outline { color: #5cb85c; }
.btn-info.btn-outline { color: #5bc0de; }
.btn-warning.btn-outline { color: #f0ad4e; }
.btn-danger.btn-outline { color: #d9534f; }

.btn-basico1.btn-outline { color: rgb(141,198,63); }
.btn-basico2.btn-outline { color: rgb(0,167,225); }
.btn-basico3.btn-outline { color: rgb(238,61,150); }
.btn-basico4.btn-outline { color: rgb(243,115,33); }

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover { color: #fff; }

.btn-basico1.btn-outline:hover,
.btn-basico2.btn-outline:hover,
.btn-basico3.btn-outline:hover,
.btn-basico4.btn-outline:hover{ color: #fff; }

/*----------------------------------------------------------
CSS INPUT SOLO NÚMEROS
----------------------------------------------------------*/
input#importe.form-control.solonumeros::-webkit-outer-spin-button,
input#importe.form-control.solonumeros::-webkit-inner-spin-button,
input#clabeBanc.form-control.solonumeros::-webkit-outer-spin-button,
input#clabeBanc.form-control.solonumeros::-webkit-inner-spin-button,
input#cantidad.form-control.solonumeros::-webkit-outer-spin-button,
input#cantidad.form-control.solonumeros::-webkit-inner-spin-button
{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input#importe.form-control.solonumeros[type=number],
input#clabeBanc.form-control.solonumeros[type=number],
input#cantidad.form-control.solonumeros[type=number] {
    -moz-appearance:textfield;
}

/*----------------------------------------------------------
CSS MEDIA QUERIES
----------------------------------------------------------*/
@media (min-width: 1190px){
    #myCarousel { width:720px; }
}

@media (max-width: 767px) {
    .mobile-align {
        text-align:center
    }
    .logo-resp {
        width: 90px;
        height: 72px;
    }
}
@media (min-width: 467px){
    .font-titulo {
        font-size: 1.125em;   
    }
}
@media (max-width: 466px) {
    .font-titulo {
        font-size: 1em;
    }
}
@media (max-width: 429px) {
    .font-titulo {
        font-size: 0.88em;
    }
}
@media (max-width: 394px) {
    .font-titulo {
        font-size: 0.78em;
    }
}
@media (max-width: 367px) {
    .font-titulo {
        font-size: 0.78em;
    }
}
@media (max-width: 364px) {
    .font-titulo {
        font-size: 0.64em;
    }
}
@media (max-width: 323px) {
    .font-titulo {
        font-size: 0.62em;
    }
}

@media (min-width: 363px){
    .font-titulo-login {
        font-size: 1.125em;   
    }

    #menu_asegurados{
        width: 100%; 
        height: 28em; 
        overflow: auto;
    }
}

@media (max-width: 385px) {
    .dataTables_filter input { width: 80% }
}

@media (max-width: 325px) {
    .font-titulo-login {
        font-size: 0.95em;
    }

    #menu_asegurados{
        width: 100%; 
        height: 25em; 
        overflow: auto;
    }
}

@media (min-width: 360px){    
    #menu_asegurados{
        width: 100%; 
        height: 29em; 
        overflow: auto;
    }
}

@media (min-width: 420px){    
    #menu_asegurados{
        width: 100%; 
        height: 34em; 
        overflow: auto;
    }
}

@media (min-width: 1000px){
    #menu_asegurados{
        width: 100%; 
        height: 36em; 
        overflow: auto;
    }
}

@media (min-width: 1280px){    
    #menu_asegurados{
        width: 100%; 
        height: 44em; 
        overflow: auto;
    }
}

@media (min-width: 1900px){    
    #menu_asegurados{
        width: 100%; 
        height: 60em; 
        overflow: auto;
    }
}

/* iPad portrait */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    #menu_asegurados{
        width: 100%; 
        height: 55em; 
        overflow: auto;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
    #menu_asegurados{
        width: 100%; 
        height: 55em; 
        overflow: auto;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) { 
    #menu_asegurados{
        width: 100%; 
        height: 55em; 
        overflow: auto;
    }
}

/* iPad Pro portrait */ 
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    #menu_asegurados{
        width: 100%; 
        height: 60em; 
        overflow: auto;
    }
}

/*----------------------------------------------------------
CSS CARRUSEL
----------------------------------------------------------*/

.carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control .fa-angle-left, .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .fa-angle-right, .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px;
}