/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 5, 2021 */@font-face {
font-family:overpassbold;
src:url(font/overpass-bold-webfont.woff2) format("woff2"),url(font/overpass-bold-webfont.woff) format("woff");
font-weight:400;
font-style:normal
}
@font-face {
font-family:overpassbold_italic;
src:url(font/overpass-bolditalic-webfont.woff2) format("woff2"),url(font/overpass-bolditalic-webfont.woff) format("woff");
font-weight:400;
font-style:normal
}
@font-face {
font-family:overpasslight;
src:url(font/overpass-light-webfont.woff2) format("woff2"),url(font/overpass-light-webfont.woff) format("woff");
font-weight:400;
font-style:normal
}
@font-face {
font-family:overpasslight_italic;
src:url(font/overpass-lightitalic-webfont.woff2) format("woff2"),url(font/overpass-lightitalic-webfont.woff) format("woff");
font-weight:400;
font-style:normal
}
@font-face {
font-family:overpassregular;
src:url(font/overpass-regular-webfont.woff2) format("woff2"),url(font/overpass-regular-webfont.woff) format("woff");
font-weight:400;
font-style:normal
}
@font-face {
font-family:overpasssemibold;
src:url(font/overpass-semibold-webfont.woff2) format("woff2"),url(font/overpass-semibold-webfont.woff) format("woff");
font-weight:400;
font-style:normal
}
@font-face {
font-family:overpasssemibold_italic;
src:url(font/overpass-semibolditalic-webfont.woff2) format("woff2"),url(font/overpass-semibolditalic-webfont.woff) format("woff");
font-weight:400;
font-style:normal
}
.bci-icon {
display:inline-block;
margin:0;
width:22px;
background:center center no-repeat;
background-size:100% auto;
height:22px;
opacity:.5;
filter:grayscale(100%);
-webkit-filter:grayscale(100%)
}
.bci-icon.original {
opacity:1!important;
filter:grayscale(0);
-webkit-filter:grayscale(0)
}
.bci-icon.blancos {
filter:brightness(400%);
-webkit-filter:brightness(400%)
}
.bci-icon.color {
opacity:1;
filter:grayscale(0)
}
.bci-icon.bg-celeste {
background-color:#0071ce
}
.bci-icon.bg-amarillo {
background-color:gold
}
.bci-icon.bg-mostaza {
background-color:#d7b401
}
.bci-icon.bg-verde {
background-color:#00953a
}
.bci-icon.bg-gris {
background-color:#aeb2af
}
.bci-icon.bg-naranjo {
background-color:#f58a27
}
.bci-icon.bg-rosado {
background-color:#f25774
}
.bci-icon.bg-morado {
background-color:#9c67d2
}
.bci-icon.bg-rojo {
background-color:#ef3742
}
.bci-icon.bg-azul {
background-color:#006fb9
}
    .bci-icon.vertical {
        contenedor-banner-capsula background-size:auto 100%
    }
.bci-icon.cotizar {
background-image:url(../img/svg/_express_cotizar.svg)
}
.bci-icon.produccion {
background-image:url(../img/svg/_express_produccion.svg)
}
.bci-icon.cotizaauto {
background-image:url(../img/svg/_express_cotizaauto.svg)
}
.bci-icon.pendientes {
background-image:url(../img/svg/_express_pendientes.svg)
}
.bci-icon.perfil {
background-image:url(../img/svg/_express_perfil.svg)
}
.bci-icon.operaciones {
background-image:url(../img/svg/operaciones.svg)
}
.bci-icon.endosar {
background-image:url(../img/svg/_express_endosar.svg)
}
.bci-icon.proponer {
background-image:url(../img/svg/_express_proponer.svg)
}
.bci-icon.reservar {
background-image:url(../img/svg/_express_renovar.svg)
}
.bci-icon.solicitar {
background-image:url(../img/svg/_express_solicitar.svg)
}
.bci-icon.pagar {
background-image:url(../img/svg/_express_pagar.svg)
}
.bci-icon.comision {
background-image:url(../img/svg/_express_comision.svg)
}
.bci-icon.soporte {
background-image:url(../img/svg/_lite_support.svg)
}
.bci-icon.ejecutivo {
background-image:url(../img/svg/_lite_ejecutivo.svg)
}
.bci-icon.operadora {
background-image:url(../img/svg/_lite_operadora.svg)
}
.bci-icon.avisos {
background-image:url(../img/svg/_express_avisos.svg)
}
.bci-icon.contacto {
background-image:url(../img/svg/_express_contactar.svg)
}
.bci-icon.cobranza {
background-image:url(../img/svg/_express_cobranza.svg)
}
.bci-icon.cobranzas {
background-image:url(../img/svg/cobranza.svg)
}
.bci-icon.cumple {
background-image:url(../img/svg/eventos.svg)
}
.bci-icon.portal {
background-image:url(../img/svg/_bold_portal.svg)
}
.bci-icon.gestion {
background-image:url(../img/svg/_bold_gestion.svg)
}
.bci-icon.noticias {
background-image:url(../img/svg/_bold_noticias.svg)
}
.bci-icon.noticias-lite {
background-image:url(../img/svg/_lite_noticias.svg)
}
.bci-icon.info {
background-image:url(../img/svg/_bold_info.svg)
}
.bci-icon.admin {
background-image:url(../img/svg/_bold_admin.svg)
}
.bci-icon.otros {
background-image:url(../img/svg/_bold_otros.svg)
}
.bci-icon.ayuda {
background-image:url(../img/svg/_bold_ayuda.svg)
}
.bci-icon.auto {
background-image:url(../img/svg/_bold_auto.svg)
}
.bci-icon.hogar_menu {
background-image:url(../img/svg/_bold_hogar_menu.svg)
}
.bci-icon.hogar {
background-image:url(../img/svg/_bold_hogar.svg)
}
.bci-icon.tarjeta {
background-image:url(../img/svg/_bold_multi.svg)
}
.bci-icon.escudo {
background-image:url(../img/svg/_bold_otros_1.svg)
}
.bci-icon.search {
background-image:url(../img/svg/_lite_search.svg)
}
.bci-icon.expandir {
background-image:url(../img/svg/_lite_expand.svg)
}
.bci-icon.mail {
background-image:url(../img/svg/_lite_mail.svg)
}
.bci-icon.mail2 {
background-image:url(../img/svg/_lite_mail2.svg)
}
.bci-icon.hacer {
background-image:url(../img/svg/_lite_list.svg)
}
.bci-icon.alarma {
background-image:url(../img/svg/_lite_alarm.svg)
}
.bci-icon.rut {
background-image:url(../img/svg/_lite_user.svg)
}
.bci-icon.password {
background-image:url(../img/svg/_lite_pass.svg)
}
.bci-icon.view {
background-image:url(../img/svg/_lite_view.svg)
}
.bci-icon.seguimiento {
background-image:url(../img/svg/_lite_seguimiento.svg)
}
.bci-icon.descargar {
background-image:url(../img/svg/_lite_descargar.svg)
}
.bci-icon.descarga {
background-image:url(../img/svg/_lite_descarga.svg)
}
.bci-icon.descargar-2 {
background-image:url(../img/svg/descargar-2.svg);
background-size:auto 14px!important
}
.bci-icon.descargar-pdf {
background-image:url(../img/svg/icon_pdf-color.svg);
background-size:auto 24px!important
}
.bci-icon.notas {
background-image:url(../img/svg/_lite_notas.svg)
}
.bci-icon.descargar_small {
background-image:url(../img/svg/_lite_descargar_small.svg)
}
.bci-icon.cerrar {
background-image:url(../img/svg/_lite_cerrar.svg)
}
.bci-icon.cerrar_2 {
background-image:url(../img/svg/_lite_cerrar_gris.svg)
}
.bci-icon.volver {
background-image:url(../img/svg/_lite_volver.svg)
}
.bci-icon.alerta {
background-image:url(../img/svg/_lite_alerta.svg)
}
.bci-icon.tooltip {
background-image:url(../img/svg/tooltip.svg)
}
.bci-icon.alertaroja {
background-image:url(../img/svg/_lite_alerta_red.svg)
}
.bci-icon.alertaamarilla {
background-image:url(../img/svg/alertaAmarilla.svg)
}
.bci-icon.ver-detalle {
background-image:url(../img/svg/_lite_ver_usuario.svg)
}
.bci-icon.editar-usuario_2 {
background-image:url(../img/svg/_lite_editar_usuario_2.svg)
}
.bci-icon.editar-usuario {
background-image:url(../img/svg/_lite_editar_usuario.svg)
}
.bci-icon.status-ok {
background-image:url(../img/svg/_lite_check.svg)
}
.bci-icon.check_verde {
background-image:url(../img/svg/aceptar.svg)
}
.bci-icon.status-off {
background-image:url(../img/svg/_lite_error.svg)
}
.bci-icon.status-more {
background-image:url(../img/svg/_lite_plus.svg)
}
.bci-icon.asociar-usuario {
background-image:url(../img/svg/_lite_asociar.svg)
}
.bci-icon.editar-sucursal {
background-image:url(../img/svg/_lite_sucursal.svg)
}
.bci-icon.editar-comision {
background-image:url(../img/svg/_lite_comision.svg)
}
.bci-icon.eliminar,.bci-icon.eliminar-usuario {
background-image:url(../img/svg/_lite_eliminar_usuario.svg)
}
.bci-icon.emitir-poliza {
background-image:url(../img/svg/_lite_emitir_poliza.svg)
}
.bci-icon.clave-usuario {
background-image:url(../img/svg/_lite_clave_usuario.svg)
}
.bci-icon.usuario {
background-image:url(../img/svg/_lite_user_white.svg)
}
.bci-icon.menumobile {
background-image:url(../img/svg/_lite_menu.svg)
}
.bci-icon.logout_2 {
background-image:url(../img/svg/cerrarsesion.svg)
}
.bci-icon.logout {
background-image:url(../img/svg/_bold_logout.svg)
}
.bci-icon.vigencia {
background-image:url(../img/svg/_lite_vigencia.svg)
}
.bci-icon.contratar {
background-image:url(../img/svg/_lite_contratos.svg)
}
.bci-icon.informaciones {
background-image:url(../img/svg/_bold_informaciones.svg)
}
.bci-icon.verdetalles {
background-image:url(../img/svg/_lite_ver_detalle.svg)
}
.bci-icon.buscar {
background-image:url(../img/svg/_bold_buscar.svg)
}
.bci-icon.buscarcliente {
background-image:url(../img/svg/_bold_buscuarusuario.svg)
}
.bci-icon.carpetas {
background-image:url(../img/svg/_bold_documentos_carpeta.svg)
}
.bci-icon.documentos {
background-image:url(../img/svg/_bold_documentos.svg)
}
.bci-icon.checklist {
background-image:url(../img/svg/_bold_cotizar.svg)
}
.bci-icon.automovil {
background-image:url(../img/svg/_bold_leytransito.svg)
}
.bci-icon.siniestros {
background-image:url(../img/svg/_bold_siniestro.svg)
}
.bci-icon.usuario-agregar {
background-image:url(../img/svg/_bold_usuario_agregar.svg)
}
.bci-icon.siguiente {
background-image:url(../img/svg/_lite_next_arrow.svg)
}
.bci-icon.opciones {
background-image:url(../img/svg/_bold_ajustes.svg)
}
.bci-icon.continuar {
background-image:url(../img/svg/_bold_play.svg)
}
.bci-icon.pausar {
background-image:url(../img/svg/_bold_pausa.svg)
}
.bci-icon.pausaActiva {
background-image:url(../img/svg/_bold_pausaActiva.svg)
}
.bci-icon.errores {
background-image:url(../img/svg/_bold_errores.svg)
}
.bci-icon.hogar_express {
background-image:url(../img/svg/_express_hogar.svg)
}
.bci-icon.flotas {
background-image:url(../img/svg/_express_flotas.svg)
}
.bci-icon.pymes {
background-image:url(../img/svg/_express_pymes.svg)
}
.bci-icon.condominio {
background-image:url(../img/svg/_express_condominio.svg)
}
.bci-icon.proteccion {
background-image:url(../img/svg/_express_proteccion.svg)
}
.bci-icon.empresa {
background-image:url(../img/svg/_express_empresa.svg)
}
.bci-icon.avion {
background-image:url(../img/svg/_express_avion.svg)
}
.bci-icon.casa {
background-image:url(../img/svg/_lite_depto.svg)
}
.bci-icon.depto {
background-image:url(../img/svg/_lite_casa.svg)
}
.bci-icon.alerta_roja {
background-image:url(../img/svg/alerta_roja.svg)
}
.bci-icon.alerta_amarilla {
background-image:url(../img/svg/warning_amarillo.svg)
}
.bci-icon.icon_xls {
background-image:url(../img/svg/icon_xls.svg)
}
.bci-icon.icon_print {
background-image:url(../img/svg/icon_print.svg);
background-size:auto 55%!important
}
.bci-icon.icon_pdf {
background-image:url(../img/svg/icon_pdf.svg)
}
.bci-icon.file_doc {
background-image:url(../img/svg/_file_doc.svg)
}
.bci-icon.file_txt {
background-image:url(../img/svg/_file_txt.svg)
}
.bci-icon.file_xls {
background-image:url(../img/svg/_file_xls.svg)
}
.bci-icon.file_pdf {
background-image:url(../img/svg/_file_pdf.svg)
}
.bci-icon.icon_print {
background-image:url(../img/svg/icon_print.svg)
}
.bci-icon.bloque_aceptar {
background-image:url(../img/svg/block_aceptar.svg)
}
.bci-icon.bloque_cancelar {
background-image:url(../img/svg/block_cancelar.svg)
}
.bci-icon.head_buscador {
background-image:url(../img/svg/buscador.svg)
}
.bci-icon.head_notificaciones {
background-image:url(../img/svg/notificacion.svg)
}
.bci-icon.head_accesos {
background-image:url(../img/svg/accesos.svg)
}
.bci-icon.tutorial {
background-image:url(../img/svg/tutorial.svg)
}
.bci-icon.head_roles {
background-image:url(../img/svg/oficina-roles.svg)
}
.bci-icon.cartera {
background-image:url(../img/svg/icono-cartera.svg);
background-size:60% auto!important
}
.bci-icon.ventas {
background-image:url(../img/svg/icono-ventas.svg)
}
.bci-icon.stats {
background-image:url(../img/svg/icono-sistemas.svg)
}
.bci-icon.endosos {
background-image:url(../img/svg/icono-endosos.svg)
}
.bci-icon.busquedas {
background-image:url(../img/svg/iconos_busqueda.svg);
background-size:60% auto!important
}
.bci-icon.bcichat {
background-image:url(../img/svg/iconos-bcichat.svg);
background-size:60% auto!important
}
.bci-icon.torta {
background-image:url(../img/svg/icono-cumple.svg);
background-size:60% auto!important
}
.bci-icon.contactos {
background-image:url(../img/svg/_bold2_email.svg);
background-size:88% auto!important
}
.bci-icon.noticias_2 {
background-image:url(../img/svg/icono-noticias.svg)
}
.bci-icon.ajustes {
background-image:url(../img/svg/_lite_ajustes.svg)
}
.bci-icon.criterio {
background-image:url(../img/svg/_lite_criterio.svg)
}
.bci-icon.ramo-auto {
background-image:url(../img/svg/ramo-auto.svg)
}
.bci-icon.ramo-salud {
background-image:url(../img/svg/ramo-salud.svg)
}
.bci-icon.ramo-otros {
background-image:url(../img/svg/ramo-otros.svg)
}
.bci-icon.ramo-fraude {
background-image:url(../img/svg/ramo-fraude.svg)
}
.bci-icon.ramo-hogar {
background-image:url(../img/svg/ramo-hogar.svg)
}
.bci-icon.reloj-azul {
background-image:url(../img/svg/reloj-azul.svg)
}
.bci-icon.reloj-rojo {
background-image:url(../img/svg/reloj-rojo.svg)
}
.bci-icon.warning-gris {
background-image:url(../img/svg/alerta-gris.svg)
}
.bci-icon.warning-grisoscuro {
background-image:url(../img/svg/alerta-grisoscuro.svg)
}
.bci-icon.warning-amarillo {
background-image:url(../img/svg/alerta-amarilla.svg)
}
.bci-icon.enviar-proceso {
background-image:url(../img/svg/enviar-proceso.svg)
}
.bci-icon.enviar-proceso-ok {
background-image:url(../img/svg/enviar-proceso-ok.svg)
}

.bci-icon.informaciones_2 {
    background-image: url(../img/svg/_lite_info_blue.svg);
    width: 42px;
    height: 42px;
    margin-left: 235px; /* Mueve 50px a la derecha */
    margin-top: 10px; /* Separa 10px de arriba */
}

.bci-icon.informaciones_3 {
    background-image: url(../img/svg/_lite_info_blue.svg);
    width: 42px;
    height: 42px;
    margin-left: 330px; /* Mueve 50px a la derecha */
    margin-top: 10px; /* Separa 10px de arriba */
}

@media only screen and (max-width :430px) {
    .bci-icon.informaciones_2 {
        margin-left: 170px;
    }
}

@media only screen and (max-width :380px) {
    .bci-icon.informaciones_2 {
        margin-left: 150px;
    }
}

@media only screen and (max-width :430px) {
    .bci-icon.informaciones_3 {
        margin-left: 170px;
    }
}

@media only screen and (max-width :380px) {
    .bci-icon.informaciones_3 {
        margin-left: 150px;
    }
}

#wrapper {
display:flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:center;
align-items:stretch;
height:100%;
width:100%;
position:absolute;
left:0;
top:0;
overflow-x:hidden;
overflow-y:auto
}
#wrapper.raw {
background-color:#404141
}
#wrapper .login-lateral {
justify-content:flex-end;
align-items:center
}
#wrapper .login-especial {
display:flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:space-around;
align-items:center;
width:100%;
max-width:1280px
}
#wrapper .login-especial img {
flex:0 0 20%;
height:auto
}
#wrapper .login-especial .card {
flex:0 0 400px
}
#wrapper .floating,#wrapper .login {
display:flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
-webkit-align-content:center;
-moz-align-content:center;
-ms-align-content:center;
max-width:400px;
width:98%;
position:relative
}
#wrapper .floating img,#wrapper .login img {
width:100%
}
#wrapper .floating .alert,#wrapper .login .alert {
position:absolute;
top:103%
}
#wrapper #content-wrapper {
position:relative;
flex:1 1 60%;
overflow-x:hidden;
overflow-y:auto;
width:100%;
padding-top:1rem;
padding-bottom:30px;
background-color:#f2f2f2;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
display:flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:center;
align-items:center
}
#wrapper #content-wrapper.raw {
background-color:#404141
}
#wrapper #content-wrapper.error404 {
background-color:#f8f8f8!important
}
#wrapper #content-wrapper.interior {
justify-content:space-between;
align-items:stretch;
padding:0;
background-color:#f2f2f2
}
@media only screen and (max-width :800px) {
#wrapper #content-wrapper {
    justify-content:center;
    align-items:flex-start;
    align-content:flex-start;
    -webkit-align-content:flex-start;
    -moz-align-content:flex-start;
    -ms-align-content:flex-start
}
}
@media only screen and (max-width :800px) {
#wrapper #content-wrapper {
    position:absolute;
    top:0;
    left:0;
    height:100%
}
#wrapper #content-wrapper>.separador {
    display:none
}
}
#wrapper.interior-secciones {
justify-content:center;
align-items:flex-start;
align-content:flex-start;
-webkit-align-content:flex-start;
-moz-align-content:flex-start;
-ms-align-content:flex-start
}
#wrapper.interior {
justify-content:space-between;
align-items:stretch
}
@media only screen and (max-width :800px) {
#wrapper.interior {
    height:100%;
    position:absolute;
    top:56px
}
}
h1,h2,h3,h4,h5,p {
font-family:overpassregular,sans-serif
}
h1 {
font-size:1rem;
color:#595b5a;
text-transform:uppercase;
font-family:overpasslight,sans-serif;
padding:0 3px;
margin:3px 3px 10px 0;
width:auto;
display:block;
position:relative
}
h1 u {
text-decoration:none!important
}
.card-header>h1,.resultados-busqueda h1 {
font-size:1.4rem
}
.card-header>h1::after,.resultados-busqueda h1::after {
content:" ";
display:block;
height:6px;
width:30px;
background:#e5e5e5
}
h1.pasos {
color:#006fb9;
border-bottom:3px solid rgba(174,178,175,.3);
padding-bottom:5px;
margin-bottom:5px
}
h1.pasos::before {
content:attr(data-ref) "  ↘";
display:block;
font-size:.7rem;
font-family:overpassbold,sans-serif;
color:#595b5a
}
h1.importante::after {
background:#006fb9
}
.card-header h1.importante {
font-size:1.7rem
}
@media only screen and (max-width :576px) {
.card-header h1.importante {
    font-size:1.1rem
}
.card-header h1.importante::after {
    width:10px;
    height:3px
}
}
@media only screen and (max-width :800px) {
h1 {
    font-size:.9rem
}
}
@media only screen and (max-width :576px) {
h1 {
    font-size:.8rem
}
}
@media only screen and (max-width :576px) {
.card-header h1 {
    font-size:.8rem
}
}
h2 {
font-size:1.1rem;
padding:0 3px;
margin:3px 0 6px 5px;
display:block;
color:#00953a;
font-style:normal;
font-family:overpassregular,sans-serif;
border-left:3px solid #00953a;
padding-left:9px
}
h2.empty {
display:block;
border-left:3px solid transparent
}
.dummy h2 {
border:none;
height:20px;
width:130px;
background-color:#f2f2f2;
display:inline-block
}
.col-12>h2 {
margin-top:20px
}
h2.compacto {
font-size:.9rem;
padding:0 2px 0 10px;
margin:7px 0 3px 5px;
width:100%
}
h2.normal {
font-style:normal
}
h2.azul {
color:#006fb9;
border-left:3px solid #006fb9
}
h2.rojo {
color:#ef3742;
border-left:3px solid #ef3742
}
h2.verde {
color:#00953a;
border-left:3px solid #00953a
}
@media only screen and (max-width :800px) {
h2 {
    font-size:1rem
}
}
@media only screen and (max-width :576px) {
h2 {
    font-size:.9rem
}
}
h2.in-modal {
border:none;
color:#595b5a;
padding:0
}
h3 {
font-size:1rem;
padding:0 3px;
margin:3px 0 6px;
font-family:overpassregular,sans-serif;
color:#595b5a
}
h3.activo {
font-family:overpassbold,sans-serif;
text-transform:uppercase;
position:relative;
font-size:.9rem;
text-align:center;
width:auto;
background-color:#e5e5e5;
color:#006fb9;
padding:5px 3px;
border-radius:5px
}
.dummy h3 {
height:20px;
width:120px;
background-color:#f2f2f2;
display:inline-block
}
@media only screen and (max-width :800px) {
h3 {
    font-size:.9rem
}
}
@media only screen and (max-width :576px) {
h3 {
    font-size:.8rem
}
}
h3.perfil-title {
color:#006fb9;
font-weight:700
}
.modal-body>h3 {
font-size:1.5rem;
padding:0;
font-family:overpassregular,sans-serif;
color:#595b5a
}
.card-body>h3,.formulario-area>h3,.formulario-bloque>h3 {
font-size:.9rem;
font-family:overpassbold,sans-serif;
padding:0
}
h4 {
color:#595b5a;
font-size:.8rem;
padding:0 3px;
margin:3px 0 6px;
font-family:overpassbold,sans-serif
}
.dummy h4 {
height:17px;
width:100px;
background-color:#f5f5f5;
display:inline-block
}
h4.compacto {
font-size:.9rem;
padding:0 2px 0 13px;
margin:7px 0 3px 5px;
width:100%
}
h5 {
font-size:.9rem;
color:#595b5a;
padding:0 3px;
margin:3px 0 6px;
font-style:italic
}
@media only screen and (max-width :800px) {
h5 {
    font-size:.8rem
}
}
.card-footer>h5 {
flex:1 1 50%;
text-align:left
}
@media only screen and (max-width :576px) {
.card-footer>h5 {
    flex:1 1 100%;
    text-align:center
}
}
h5.aviso {
position:relative;
width:100%;
font-size:.6rem;
height:24px;
line-height:24px;
text-indent:20px
}
h5.aviso.rojo {
color:#ef3742
}
h5.aviso .bci-icon {
display:block;
position:absolute;
width:18px;
height:18px;
top:3px;
left:0
}
.titular {
font-family:overpassbold,sans-serif;
font-size:1.1rem
}
p {
font-family:Arial,sans-serif;
color:#595b5a;
font-size:.8rem
}
@media only screen and (max-width :800px) {
p {
    font-size:.85rem
}
}
p.data_general {
color:#666867
}
.checkbox-unitario-set {
margin:0;
padding:0;
position:relative
}
.checkbox-unitario-set .checkbox-unitario {
visibility:hidden;
position:absolute;
top:0;
left:0
}
.checkbox-unitario-set .checkbox-unitario+label {
margin:0;
padding:0 10px;
height:20px;
line-height:20px;
pointer-events:auto;
height:20px;
color:#fff;
width:auto;
width:90px;
display:inline-block;
background-color:#ef3742;
position:static;
border-radius:2px;
text-transform:uppercase;
font-size:.7rem;
text-align:center;
cursor:pointer
}
.checkbox-unitario-set .checkbox-unitario+label:after {
content:attr(data-off);
display:block
}
.checkbox-unitario-set .checkbox-unitario:checked+label {
background-color:#006fb9
}
.checkbox-unitario-set .checkbox-unitario:checked+label:after {
content:attr(data-on)
}
.formulario-area {
margin:8px;
width:auto;
padding:10px;
display:block;
background-color:#f2f2f2
}
.accordion .formulario-area {
margin:0
}
.modal-body>.formulario-area {
margin:2px;
padding:2px
}
.formulario-bloque {
padding-bottom:5px
}
.formularios {
position:relative;
padding:0;
margin:0 0 10px;
display:inline-block;
text-align:left;
width:100%
}
.formularios.max-0 {
width:0;
flex:0 0 0px!important
}
.formularios.max-0.mobile {
width:100%
}
.formularios.max-10 {
width:10px;
flex:0 0 10px!important
}
.formularios.max-10.mobile {
width:100%
}
.formularios.max-20 {
width:20px;
flex:0 0 20px!important
}
.formularios.max-20.mobile {
width:100%
}
.formularios.max-30 {
width:30px;
flex:0 0 30px!important
}
.formularios.max-30.mobile {
width:100%
}
.formularios.max-40 {
width:40px;
flex:0 0 40px!important
}
.formularios.max-40.mobile {
width:100%
}
.formularios.max-50 {
width:50px;
flex:0 0 50px!important
}
.formularios.max-50.mobile {
width:100%
}
.formularios.max-60 {
width:60px;
flex:0 0 60px!important
}
.formularios.max-60.mobile {
width:100%
}
.formularios.max-70 {
width:70px;
flex:0 0 70px!important
}
.formularios.max-70.mobile {
width:100%
}
.formularios.max-80 {
width:80px;
flex:0 0 80px!important
}
.formularios.max-80.mobile {
width:100%
}
.formularios.max-90 {
width:90px;
flex:0 0 90px!important
}
.formularios.max-90.mobile {
width:100%
}
.formularios.max-100 {
width:100px;
flex:0 0 100px!important
}
.formularios.max-100.mobile {
width:100%
}
.formularios.max-110 {
width:110px;
flex:0 0 110px!important
}
.formularios.max-110.mobile {
width:100%
}
.formularios.max-120 {
width:120px;
flex:0 0 120px!important
}
.formularios.max-120.mobile {
width:100%
}
.formularios.max-130 {
width:130px;
flex:0 0 130px!important
}
.formularios.max-130.mobile {
width:100%
}
.formularios.max-140 {
width:140px;
flex:0 0 140px!important
}
.formularios.max-140.mobile {
width:100%
}
.formularios.max-150 {
width:150px;
flex:0 0 150px!important
}
.formularios.max-150.mobile {
width:100%
}
.formularios.max-160 {
width:160px;
flex:0 0 160px!important
}
.formularios.max-160.mobile {
width:100%
}
.formularios.max-170 {
width:170px;
flex:0 0 170px!important
}
.formularios.max-170.mobile {
width:100%
}
.formularios.max-180 {
width:180px;
flex:0 0 180px!important
}
.formularios.max-180.mobile {
width:100%
}
.formularios.max-190 {
width:190px;
flex:0 0 190px!important
}
.formularios.max-190.mobile {
width:100%
}
.formularios.max-200 {
width:200px;
flex:0 0 200px!important
}
.formularios.max-200.mobile {
width:100%
}
.formularios.max-210 {
width:210px;
flex:0 0 210px!important
}
.formularios.max-210.mobile {
width:100%
}
.formularios.max-220 {
width:220px;
flex:0 0 220px!important
}
.formularios.max-220.mobile {
width:100%
}
.formularios.max-230 {
width:230px;
flex:0 0 230px!important
}
.formularios.max-230.mobile {
width:100%
}
.formularios.max-240 {
width:240px;
flex:0 0 240px!important
}
.formularios.max-240.mobile {
width:100%
}
.formularios.max-250 {
width:250px;
flex:0 0 250px!important
}
.formularios.max-250.mobile {
width:100%
}
.formularios.max-260 {
width:260px;
flex:0 0 260px!important
}
.formularios.max-260.mobile {
width:100%
}
.formularios.max-270 {
width:270px;
flex:0 0 270px!important
}
.formularios.max-270.mobile {
width:100%
}
.formularios.max-280 {
width:280px;
flex:0 0 280px!important
}
.formularios.max-280.mobile {
width:100%
}
.formularios.max-290 {
width:290px;
flex:0 0 290px!important
}
.formularios.max-290.mobile {
width:100%
}
.formularios.max-300 {
width:300px;
flex:0 0 300px!important
}
.formularios.max-300.mobile {
width:100%
}
.formularios input+label {
pointer-events:stroke
}
.formularios.compacto {
min-width:0;
width:90%;
padding:0 3px;
margin:0;
margin-top:0!important
}
.formularios.compacto input[type=number],.formularios.compacto input[type=text],.formularios.compacto select {
margin:0;
padding:0 3px!important;
height:25px;
line-height:22px;
font-size:.75rem
}
.formularios.compacto input[type=radio] {
margin-right:5px
}
.formularios.compacto input[type=radio]+label {
font-family:overpasslight,sans-serif;
font-size:.7rem
}
.formularios.compacto .validator {
right:2px;
background:#006fb9;
width:5px;
height:25px;
bottom:4px;
border-radius:0 3px 3px 0
}
.formularios.compacto .validator.error {
background:#ef3742
}
.formularios.compacto input[type=checkbox] {
margin:0;
padding:0
}
.formularios.lateral {
display:flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:space-between;
align-items:center
}
.formularios.lateral label {
flex:1 1 40%;
-moz-flex:1 1 40%;
flex:1 1 40%;
-webkit-flex:1 1 40%;
-moz-flex:1 1 40%;
-ms-flex:1 1 40%;
position:relative;
display:inline-block;
margin:0 15px 0 0;
padding:0;
text-align:right
}
.formularios.lateral label+input {
flex:1 1 40%;
-moz-flex:1 1 40%;
flex:1 1 40%;
-webkit-flex:1 1 40%;
-moz-flex:1 1 40%;
-ms-flex:1 1 40%;
display:inline-block
}
.formularios.pequeno input {
height:24px;
line-height:1;
padding:0
}
.formularios .validator {
height:40px;
display:block;
position:absolute;
bottom:2px;
right:0;
width:30px;
background-image:url(../img/svg/_lite_check.svg);
background-position:left 100px;
background-repeat:no-repeat;
transition:all .3s linear
}
.formularios .validator.active {
background-position:left bottom
}
.formularios .validator.error {
background-position:left bottom;
background-image:url(../img/svg/_lite_error.svg)
}
@media only screen and (max-width :800px) {
.formularios .validator {
    width:4px;
    border-radius:0 2px 2px 0;
    bottom:0;
    right:0;
    height:38px
}
.formularios .validator.active {
    background:#006fb9
}
.formularios .validator.error {
    background:#ef3742
}
}
.formularios.archivo {
position:relative;
width:100%
}
.formulario-bloque .formularios.archivo {
width:100%
}
.formulario-bloque .formularios.archivo .despliegue {
color:#595b5a;
font-size:.85rem
}
.formularios.archivo input,.formularios.archivo select {
width:100%;
height:38px!important
}
.formularios.archivo label.boton {
pointer-events:auto
}
.formularios.archivo input[type=file] {
position:absolute;
top:0;
right:0;
margin:0;
padding:0;
font-size:0;
cursor:pointer;
opacity:0
}
.formularios.archivo input.despliegue {
font-family:overpassbold,sans-serif;
background:#fff
}
.formularios.archivo input.icono {
padding-left:22px;
background-repeat:no-repeat;
background-position:3px 75%;
background-size:auto 25px;
background-image:url(../img/svg/_file_default.svg)
}
.formularios.archivo input.icono.tipo_pdf {
background-image:url(../img/svg/_file_pdf.svg)
}
.formularios.archivo input.icono.tipo_PDF {
background-image:url(../img/svg/_file_pdf.svg)
}
.formularios.archivo input.icono.tipo_php {
background-image:url(../img/svg/_file_code.svg)
}
.formularios.archivo input.icono.tipo_html {
background-image:url(../img/svg/_file_code.svg)
}
.formularios.archivo input.icono.tipo_doc {
background-image:url(../img/svg/_file_doc.svg)
}
.formularios.archivo input.icono.tipo_docx {
background-image:url(../img/svg/_file_doc.svg)
}
.formularios.archivo input.icono.tipo_DOC {
background-image:url(../img/svg/_file_doc.svg)
}
.formularios.archivo input.icono.tipo_DOCX {
background-image:url(../img/svg/_file_doc.svg)
}
.formularios.archivo input.icono.tipo_JPG {
background-image:url(../img/svg/_file_image.svg)
}
.formularios.archivo input.icono.tipo_jpg {
background-image:url(../img/svg/_file_image.svg)
}
.formularios.archivo input.icono.tipo_PNG {
background-image:url(../img/svg/_file_image.svg)
}
.formularios.archivo input.icono.tipo_png {
background-image:url(../img/svg/_file_image.svg)
}
.formularios.archivo input.icono.tipo_svg {
background-image:url(../img/svg/_file_vector.svg)
}
.formularios.archivo input.icono.tipo_ai {
background-image:url(../img/svg/_file_vector.svg)
}
.formularios.archivo input.icono.tipo_txt {
background-image:url(../img/svg/_file_txt.svg)
}
.formularios.archivo input.icono.tipo_xls {
background-image:url(../img/svg/_file_xls.svg)
}
.formularios.archivo input.icono.tipo_xlsx {
background-image:url(../img/svg/_file_xls.svg)
}
.formularios.archivo input.icono.tipo_eps {
background-image:url(../img/svg/_file_vector.svg)
}
.formularios.archivo input.icono.tipo_csv {
background-image:url(../img/svg/_file_csv.svg)
}
.formularios.archivo input.icono.tipo_CSV {
background-image:url(../img/svg/_file_csv.svg)
}
.formulario-bloque .formularios.archivo input.icono {
background-position:3px 50%
}
.formularios.archivo .secundaria {
padding-right:135px
}
.formularios.archivo .boton {
position:absolute;
top:inherit;
left:inherit;
right:130px;
bottom:0;
display:block;
padding:0 5px;
min-width:0;
height:32px;
line-height:95%;
min-width:1%;
width:130px!important;
margin:3px!important;
font-size:.8rem;
display:flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:center;
align-items:center
}
@media only screen and (max-width :576px) {
.formularios.archivo .boton {
    right:50px;
    width:50px!important;
    min-width:50px;
    text-indent:-9990px;
    overflow:hidden;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 80%;
    background-image:url(../img/svg/_lite_search.svg)
}
}
.formularios.archivo .boton.subir {
right:0;
margin:0!important;
height:38px;
border-radius:0 4px 4px 0
}
@media only screen and (max-width :576px) {
.formularios.archivo .boton.subir {
    background-image:url(../img/svg/_lite_carga.svg)
}
}
.formularios.archivo.pequeno input,.formularios.archivo.pequeno select {
height:24px!important
}
.formularios.archivo.pequeno .boton {
right:80px;
height:20px;
width:80px!important;
bottom:-2px;
font-size:.6rem
}
.formularios.archivo.pequeno .boton.subir {
bottom:0;
right:0;
margin:0!important;
height:24px;
border-radius:0 4px 4px 0
}
.formularios.list-group {
width:100%
}
.formularios.list-group input[type=checkbox] {
min-width:20px;
height:20px;
box-shadow:none!important;
display:inline-block
}
.formularios.list-group input+label {
line-height:1rem
}
.formularios.list-group label {
position:static;
display:inline-block;
font-size:1rem;
text-transform:capitalize;
font-family:overpassregular,sans-serif;
margin:0 10px
}
.formularios input,.formularios select,.formularios textarea {
width:100%;
min-width:20px;
display:inline-block;
padding:0;
position:relative;
text-indent:0;
font-size:.8rem;
color:#595b5a;
padding-top:7px;
height:38px;
outline:0;
border:none;
box-shadow:0 1px 2px 0 rgba(0,0,0,.15);
-ms-box-shadow:0 1px 2px 0 rgba(0,0,0,.15)
}
.formularios input:-webkit-autofill,.formularios select:-webkit-autofill,.formularios textarea:-webkit-autofill {
background:#fff!important
}
.formularios select~select {
margin-top:5px
}
.formularios textarea {
width:100%;
overflow-y:auto;
overflow-x:hidden;
color:#595b5a;
font-size:.9rem;
padding:3px 7px;
resize:none
}
.formularios textarea[readonly] {
font-size:.8rem;
box-shadow:none!important;
border-bottom:none;
opacity:1;
color:#595b5a
}
.formularios textarea[readonly]:focus {
box-shadow:none!important;
border-bottom:none
}
.formularios select {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC)!important;
background-repeat:no-repeat!important;
background-position:98% center!important;
background-size:10px 10px!important;
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
text-indent:7px;
color:#595b5a!important;
padding-right:20px
}
.formularios select::-ms-expand {
display:none
}
.formularios select option {
color:#595b5a;
line-height:3;
font-family:overpassregular,sans-serif;
font-size:1rem;
height:20px;
padding:3px 4px!important
}
.formularios select option:checked,.formularios select option:hover {
background:#006fb9!important;
color:#fff!important
}
.formularios.datepicks {
display:inline-block
}
.formularios.datepicks input {
background-image:url(../img/svg/_express_renovar.svg);
background-repeat:no-repeat;
background-size:auto 36px;
background-position:98% center
}
.formularios.datepicks input .form-control[readonly] {
color:#595b5a!important
}
@media only screen and (max-width :1185px) {
.formularios.datepicks input {
    background-size:auto 28px
}
}
@media only screen and (max-width :800px) {
.formularios.datepicks input {
    background:0 0
}
}
@media only screen and (max-width :1185px) {
.formularios.datepicks::after {
    right:2px;
    background-size:auto 100%
}
}
@media only screen and (max-width :800px) {
.formularios.datepicks::after {
    display:none
}
}
.formularios input[type=number],.formularios input[type=text] {
font-family:overpassregular,sans-serif
}
.formularios input[type=number]::-webkit-input-placeholder,.formularios input[type=text]::-webkit-input-placeholder {
font-size:.8rem;
color:#ccc!important
}
@media only screen and (max-width :576px) {
.formularios input[type=number]::-webkit-input-placeholder,.formularios input[type=text]::-webkit-input-placeholder {
    font-size:.6rem
}
}
.formularios input[type=number]:-moz-placeholder,.formularios input[type=text]:-moz-placeholder {
font-size:.8rem;
color:#ccc!important
}
@media only screen and (max-width :576px) {
.formularios input[type=number]:-moz-placeholder,.formularios input[type=text]:-moz-placeholder {
    font-size:.6rem
}
}
.formularios input[type=number]::-moz-placeholder,.formularios input[type=text]::-moz-placeholder {
font-size:.8rem;
color:#ccc!important
}
@media only screen and (max-width :576px) {
.formularios input[type=number]::-moz-placeholder,.formularios input[type=text]::-moz-placeholder {
    font-size:.6rem
}
}
.formularios input[type=number]:-ms-input-placeholder,.formularios input[type=text]:-ms-input-placeholder {
font-size:.8rem;
color:#ccc!important
}
@media only screen and (max-width :576px) {
.formularios input[type=number]:-ms-input-placeholder,.formularios input[type=text]:-ms-input-placeholder {
    font-size:.6rem
}
}
.formularios input,.formularios select {
text-indent:8px
}
.formularios input:-webkit-autofill,.formularios select:-webkit-autofill {
background:#fff!important
}
.formularios input.input-validation-error,.formularios select.input-validation-error {
border:2px solid #ef3742
}
.header-search .formularios input.input-validation-error,.header-search .formularios select.input-validation-error {
top:0
}
.formularios input[type=radio] {
box-shadow:none!important;
margin:0;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
border:5px solid #bfbfbf;
width:20px;
height:20px;
display:inline-block;
cursor:pointer;
border-radius:10px
}
.formularios input[type=radio]::-ms-check {
border:3px solid #bfbfbf
}
.formularios input[type=radio]+label {
line-height:15px!important;
margin-right:15px;
margin-left:0;
vertical-align:30%
}
.formularios input[type=radio].form-check-input.input-validation-error {
background-color:red
}
.formularios input[type=radio].form-check-input~.field-validation-error {
background-color:#ef3742;
color:#fff;
top:40%;
left:-100%;
min-width:100%;
padding:.25rem
}
.formularios input[type=radio].form-check-input~.field-validation-error::after {
content:"▶";
position:absolute;
top:50%;
left:107%;
transform:translate(-107%,-50%);
height:auto;
font-size:.7rem
}
@media only screen and (max-width :800px) {
.formularios input[type=radio].form-check-input~.field-validation-error {
    left:0;
    top:100%
}
.formularios input[type=radio].form-check-input~.field-validation-error::after {
    top:-3px;
    left:10%;
    content:"▲"
}
}
.formularios input[type=radio]::after {
content:" ";
position:absolute;
height:6px;
width:6px;
display:block;
background:#f2f2f2;
border-radius:3px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
transition:background .2s linear
}
.formularios input[type=radio]:checked {
border:5px solid #006fb9;
background-color:#f2f2f2;
position:relative
}
.formularios input[type=radio]:checked::-ms-check {
border:3px solid #006fb9;
color:#006fb9
}
.formularios input[type=radio]:checked::after {
background:#006fb9
}
.formularios input[type=radio]:checked+label {
color:#006fb9
}
@media only screen and (max-width :800px) {
.formularios input[type=radio].form-check-input {
    width:20px!important;
    height:20px!important;
    margin:12px 0 0
}
}
@media only screen and (max-width :576px) {
.formularios input[type=radio]+.form-check-label {
    font-size:.8rem;
    width:90%!important;
    height:20px;
    margin:12px 0 0 0;
    display:inline-block
}
}
.formularios label {
font-size:.5rem;
font-family:overpassbold,sans-serif;
text-transform:uppercase;
position:absolute;
color:#838885;
top:.1rem;
left:.4rem;
z-index:1;
height:15px;
pointer-events:none;
cursor:pointer
}
.formularios label>span {
padding-left:5px;
font-size:.45rem;
color:#a6a7a7
}
.formularios label>span>a {
position:relative;
margin-right:24px
}
.formularios label>span>a:hover {
opacity:.5;
text-decoration:none
}
.formularios label>span>a .bci-icon {
position:absolute;
top:-2px;
right:-22px
}
.formularios label[disabled] {
content:" - ";
color:transparent;
display:block
}
.formulario-bloque .formularios label {
line-height:20px;
height:20px;
position:relative;
font-size:.65rem;
font-family:overpassbold,sans-serif;
margin:0
}
.formularios label.form-check-label {
position:relative;
top:initial;
left:initial;
display:inline;
font-size:.9rem;
font-family:Arial,sans-serif;
text-transform:capitalize;
font-weight:400;
margin-right:10px
}
.formularios label.secundaria {
position:absolute;
height:15px;
top:105%;
font-family:Arial,sans-serif;
font-weight:700;
letter-spacing:.02rem;
font-size:.5rem;
color:#b7bab8;
opacity:1;
width:100%;
text-align:right;
padding-right:10px
}
.formulario-bloque .formularios label.secundaria {
position:absolute;
top:inherit;
bottom:-13px;
font-size:.5rem
}
.formularios textarea {
min-height:100px
}
.formularios.grande {
min-width:70%;
width:auto;
height:50px
}
.formularios.grande input {
width:100%;
height:50px;
font-size:1rem;
line-height:2rem;
padding:0;
padding-top:10px
}
.formularios.grande label {
font-size:.6rem;
left:8px
}
.formularios.autocomplete {
width:100%;
min-width:200px
}
.formulario-bloque .formularios.autocomplete {
width:70%;
min-width:200px
}
.formulario-bloque .formularios.autocomplete input {
height:calc(2.25rem + 2px)
}
.largo .formularios.autocomplete {
width:100%;
min-width:200px
}
.corto .formularios.autocomplete {
width:45%;
min-width:100px
}
.formularios.autocomplete input {
width:100%;
height:50px;
font-size:1rem;
line-height:2rem;
padding:0;
padding-top:10px
}
.formularios.autocomplete input::-webkit-input-placeholder {
font-family:overpassregular,sans-serif;
font-size:.8rem;
color:#ccc!important
}
.formularios.autocomplete input:-moz-placeholder {
font-family:overpassregular,sans-serif;
font-size:.8rem;
color:#ccc!important
}
.formularios.autocomplete input::-moz-placeholder {
font-family:overpassregular,sans-serif;
font-size:.8rem;
color:#ccc!important
}
.formularios.autocomplete input:-ms-input-placeholder {
font-family:overpassregular,sans-serif;
font-size:.8rem;
color:#ccc!important
}
.formularios.autocomplete label {
font-size:.6rem;
left:8px
}
.formularios.autocomplete select {
width:100%;
box-shadow:none!important;
height:auto
}
.formularios.autocomplete .dropdown-menu {
width:100%;
box-shadow:1px 0 15px 2px rgba(0,0,0,.2);
-ms-box-shadow:1px 0 15px 2px rgba(0,0,0,.2);
border:none;
border-radius:3px
}
.formularios.autocomplete .dropdown-menu li a {
font-family:overpassregular,sans-serif;
font-size:1rem;
line-height:1.5rem;
margin:5px 0;
color:#595b5a
}
.formularios.autocomplete .dropdown-menu li a b,.formularios.autocomplete .dropdown-menu li a strong {
color:#00953a
}
.formularios.especial {
width:100%;
display:inline-block;
display:flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:space-between;
align-items:center;
min-width:40px;
margin-bottom:20px
}
.formularios.especial .item-tooltip {
flex:0 0 34px;
margin-right:5px
}
.formularios.especial input {
flex:1 1 50%;
min-width:0;
margin-right:2%;
display:inline-block
}
.formularios.especial input~.validator {
right:-25px
}
.formularios.especial input[type=radio] {
width:auto!important
}
@media only screen and (max-width :1185px) {
.formularios.especial {
    width:100%
}
}
@media only screen and (max-width :800px) {
.formularios.especial {
    width:auto
}
}
@media only screen and (max-width :576px) {
.formularios.especial {
    width:100%
}
}
.formularios.especial input[type=text] {
-moz-text-align-last:right;
text-align-last:right;
text-align:right;
padding-right:10px
}
.formularios.especial input[type=text]::-webkit-input-placeholder {
color:#ccc!important
}
@media only screen and (max-width :800px) {
.formularios.especial input[type=text]::-webkit-input-placeholder {
    font-size:.75rem!important
}
}
@media only screen and (max-width :576px) {
.formularios.especial input[type=text]::-webkit-input-placeholder {
    font-size:.9rem!important
}
}
.formularios.especial input[type=text]:-moz-placeholder {
color:#ccc!important
}
@media only screen and (max-width :800px) {
.formularios.especial input[type=text]:-moz-placeholder {
    font-size:.75rem!important
}
}
@media only screen and (max-width :576px) {
.formularios.especial input[type=text]:-moz-placeholder {
    font-size:.9rem!important
}
}
.formularios.especial input[type=text]::-moz-placeholder {
color:#ccc!important
}
@media only screen and (max-width :800px) {
.formularios.especial input[type=text]::-moz-placeholder {
    font-size:.75rem!important
}
}
@media only screen and (max-width :576px) {
.formularios.especial input[type=text]::-moz-placeholder {
    font-size:.9rem!important
}
}
.formularios.especial input[type=text]:-ms-input-placeholder {
color:#ccc!important
}
@media only screen and (max-width :800px) {
.formularios.especial input[type=text]:-ms-input-placeholder {
    font-size:.75rem!important
}
}
@media only screen and (max-width :576px) {
.formularios.especial input[type=text]:-ms-input-placeholder {
    font-size:.9rem!important
}
}
.formularios.especial input[type=password] {
-moz-text-align-last:right;
text-align-last:right;
padding-right:10px
}
.formularios.especial input[type=password]::-webkit-input-placeholder {
color:#ccc!important
}
.formularios.especial input[type=password]:-moz-placeholder {
color:#ccc!important
}
.formularios.especial input[type=password]::-moz-placeholder {
color:#ccc!important
}
.formularios.especial input[type=password]:-ms-input-placeholder {
color:#ccc!important
}
.formularios.especial label:first-of-type {
display:block;
padding-left:40px;
height:100%;
text-transform:capitalize;
font-size:1rem;
font-family:overpassregular,sans-serif;
color:#595b5a;
display:flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:flex-start;
align-items:center
}
.formularios.especial label:first-of-type i {
margin:0;
width:40px;
height:100%;
position:absolute;
top:48%;
left:0;
transform:translate(0,-48%);
background-size:auto 34px
}
.formularios.especial.login {
margin-top:8px;
margin-bottom:8px;
width:100%
}
.formularios.especial.login input {
width:100%!important;
text-align:right
}
.formularios.especial .typehead>li {
font-family:overpassregular,sans-serif;
list-style:none;
font-size:2rem;
color:#595b5a
}
.formularios.especial .typehead>li.active,.formularios.especial .typehead>li:hover {
background-color:#00953a;
color:#fff
}
.formularios.disabled {
opacity:.5;
cursor:not-allowed
}
.formularios.disabled input,.formularios.disabled select {
cursor:not-allowed
}
.field-validation-error {
text-transform:uppercase;
position:absolute;
top:125%;
left:0;
font-family:overpassbold,sans-serif;
font-size:.6rem;
min-height:20px;
line-height:20px;
text-align:center;
color:#ef3742;
width:100%;
background:#fff;
border-radius:8px;
z-index:999;
box-shadow:0 2px 2px 0 rgba(0,0,0,.3);
-ms-box-shadow:0 2px 2px 0 rgba(0,0,0,.3)
}
.field-validation-error::after {
content:"▼";
color:#ef3742;
display:block;
width:10%;
text-align:center;
height:12px;
line-height:12px;
position:absolute;
top:-8px;
left:45%
}
.header-search .field-validation-error {
top:0;
left:105%;
min-width:100%
}
.header-search .field-validation-error::after {
content:"◀";
left:-9px;
top:35%
}
.especial .field-validation-error {
width:92%;
top:115%
}
.formulario-bloque .field-validation-error {
top:110%
}
.checkbox-simple {
position:relative
}
.checkbox-simple .separador-cs {
width:100%;
display:block;
height:28px
}
.formulario-seccion .checkbox-simple {
flex:1 1 20%;
min-width:100px
}
.checkbox-simple label {
display:inline-block;
line-height:100%;
width:auto;
font-family:overpassregular,sans-serif;
text-transform:inherit;
font-size:.6rem;
font-weight:400;
line-height:140%;
position:relative;
cursor:pointer;
padding-left:28px;
pointer-events:none
}
.checkbox-simple label span {
font-family:overpassbold,sans-serif;
display:block;
font-size:.8rem;
line-height:160%
}
.checkbox-simple label span a {
text-transform:capitalize;
color:#006fb9!important;
border-bottom:2px solid #006fb9
}
.checkbox-simple label::before {
position:absolute;
top:-4px;
left:0;
content:" ";
display:block;
width:25px;
height:25px;
box-shadow:inset 0 1px 5px 0 rgba(0,0,0,.15);
-ms-box-shadow:inset 0 1px 5px 0 rgba(0,0,0,.15);
background:#fff;
border-radius:3px;
border:1px solid #ccc
}
.checkbox-simple label+input[type=checkbox].form-control {
background-color:red
}
.checkbox-simple input[type=checkbox] {
box-shadow:none!important;
visibility:hidden;
display:none;
position:absolute;
bottom:0;
height:0;
width:0;
left:0
}
.checkbox-simple input[type=checkbox][disabled]~label {
cursor:not-allowed
}
.checkbox-simple input[type=checkbox][disabled]~label::before {
opacity:.4!important
}
.checkbox-simple input[type=checkbox]:checked~label {
color:#006fb9
}
.checkbox-simple input[type=checkbox]:checked~label::after {
position:absolute;
top:-10px;
left:0;
content:" ";
display:block;
width:35px;
height:35px;
background-image:url(../img/svg/_lite_check.svg);
background-repeat:no-repeat;
background-size:auto 100%
}
.checkbox-simple input[type=checkbox]:checked[disabled]~label::after,.checkbox-simple input[type=checkbox]:checked[readonly]~label::after {
filter:grayscale(100%);
-webkit-filter:grayscale(100%)
}
.checkbox-simple.compacto label {
padding-left:22px
}
.checkbox-simple.compacto label::before {
height:18px;
width:18px;
top:0
}
.checkbox-simple.compacto label span {
font-weight:400;
font-family:overpassbold,sans-serif;
display:block;
font-size:.8rem;
color:#595b5a;
line-height:1.5
}
.checkbox-simple.compacto label span a {
text-transform:capitalize;
color:#006fb9!important;
border-bottom:2px solid #006fb9
}
.checkbox-simple.compacto input[type=checkbox]:checked~label::after {
top:-5px;
height:24px;
width:24px
}
.formulario-bloque .checkbox-simple .checkbox {
margin-left:0;
margin-top:0
}
.checkbox-simple.complejo {
padding-left:0;
width:100%;
min-height:50px;
display:inline-block
}
.checkbox-simple.complejo label {
line-height:30px
}
.checkbox-simple.complejo label>span {
line-height:30px;
margin-bottom:5px
}
.checkbox-simple.complejo label::before {
left:0
}
.checkbox-simple.complejo label.checkbox {
position:relative;
top:inherit;
padding-left:40px;
line-height:120%;
width:100%;
display:block
}
.checkbox-simple.complejo label.checkbox span {
position:relative;
display:block;
padding:0;
line-height:120%
}
.checkbox-simple.complejo input[type=checkbox]:checked~label::after {
left:0
}
.checkbox-simple.complejo input[type=checkbox]:checked~label.checkbox span {
color:#006fb9
}
.checkbox,.switch {
position:relative;
padding:0;
width:100%
}
.checkbox .separador-cs,.switch .separador-cs {
display:block;
height:22px;
position:relative;
width:100%
}
.checkbox input[type=checkbox],.switch input[type=checkbox] {
visibility:hidden;
display:none;
position:absolute;
bottom:0;
height:0;
width:0;
left:0
}
.checkbox input[type=checkbox]:checked~label,.switch input[type=checkbox]:checked~label {
background:#006fb9
}
.checkbox input[type=checkbox]:checked~label::before,.switch input[type=checkbox]:checked~label::before {
left:40px
}
.checkbox input[type=checkbox]:checked~label::after,.switch input[type=checkbox]:checked~label::after {
content:attr(data-on)
}
.checkbox>span,.switch>span {
position:absolute;
bottom:0;
left:0
}
.checkbox label,.switch label {
display:block;
position:relative;
margin:0;
background:#bfbfbf;
width:80px;
height:30px;
border-radius:5px;
box-shadow:inset 0 1px 5px 0 rgba(0,0,0,.3);
-ms-box-shadow:inset 0 1px 5px 0 rgba(0,0,0,.3);
transition:background .2s linear;
cursor:grab
}
.formulario-bloque .checkbox label,.formulario-bloque .switch label {
height:30px
}
.checkbox label::before,.switch label::before {
border-radius:3px;
content:" ";
position:absolute;
left:2px;
display:block;
height:26px;
top:2px;
width:38px;
background:#fff;
transition:left .2s linear
}
.checkbox label::after,.switch label::after {
height:100%;
display:table-cell;
left:90px;
position:absolute;
top:0;
content:attr(data-off);
color:#595b5a;
font-size:.8rem;
vertical-align:middle;
width:120%
}
.checkbox.largo label::after,.switch.largo label::after {
min-width:300%;
line-height:23px
}
.checkbox.inverso,.switch.inverso {
display:flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:flex-end;
align-items:center
}
.checkbox.inverso label,.switch.inverso label {
margin-left:0
}
.checkbox.inverso label::after,.switch.inverso label::after {
left:-110px;
text-align:right
}
.checkbox.inverso.largo label::after,.switch.inverso.largo label::after {
min-width:100%
}
.checkbox.off label::after,.switch.off label::after {
display:none
}
.round-switch {
margin:5px 0;
width:100%;
display:flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:space-between;
align-items:center;
padding:0 10px
}
.round-switch.inverso {
flex-direction:row-reverse;
-moz-flex-direction:row-reverse
}
.round-switch label {
position:static;
color:gray;
pointer-events:auto
}
.round-switch label.item {
height:34px;
width:68px;
position:relative;
background-color:#d9d9d9;
box-shadow:inset 0 0 2px 0 rgba(0,0,0,.2);
-ms-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.2);
border-radius:18px;
cursor:pointer;
transition:all .1s linear
}
.round-switch label.item:after {
transition:all .3s linear;
content:"";
position:absolute;
top:50%;
left:8%;
transform:translate(-8%,-50%);
height:26px;
width:26px;
background-color:#fff;
border-radius:15px
}
.round-switch label.descripcion {
text-transform:inherit;
font-size:.9rem;
color:#595b5a;
cursor:pointer
}
.round-switch.pequeno label.item {
height:24px;
width:48px
}
.round-switch.pequeno label.item:after {
height:19px;
width:19px
}
.round-switch input[type=checkbox] {
visibility:hidden;
position:absolute;
top:0;
left:0
}
.round-switch input[type=checkbox]:checked~.item {
background-color:#00953a
}
.round-switch input[type=checkbox]:checked~.item:after {
position:absolute;
top:50%;
left:92%;
transform:translate(-92%,-50%)
}
.round-switch input[type=checkbox]:checked~.descripcion {
color:#00953a
}
.formulario-bloque input {
text-align:left!important;
-moz-text-align-last:left!important;
text-align-last:left!important;
text-indent:7px!important
}
.formulario-bloque.anexo .formularios.titular {
font-family:overpassbold,sans-serif;
text-transform:uppercase;
font-size:.9rem;
line-height:100%
}
.formulario-bloque .formulario-seccion.comisiones {
justify-content:space-between;
align-items:flex-start
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-info-box {
flex:0 1 34%
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-info-box select {
padding:5px;
height:313px;
background-image:none!important;
font-size:1rem;
line-height:140%;
font-family:overpassregular,sans-serif
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-info-box select option:active,.formulario-bloque .formulario-seccion.comisiones .formularios.subject-info-box select option:hover {
outline:0;
color:#fff;
background:#00953a;
border-radius:5px
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-info-box select option[disabled] {
cursor:not-allowed;
background:#fff;
color:#d9d9d9
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box {
flex:0 1 65%;
padding:10px
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos {
background-color:#fff;
display:block;
margin:0;
padding:10px;
width:100%;
border-radius:5px;
box-shadow:0 1px 2px 0 rgba(0,0,0,.15);
-ms-box-shadow:0 1px 2px 0 rgba(0,0,0,.15)
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .fixed-table-pagination {
justify-content:flex-end;
align-items:flex-start
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td {
height:45px;
vertical-align:middle;
position:relative;
background-color:#fff;
margin:0;
line-height:100%;
padding:0 3px
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td.comision,.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td.deducible,.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td:last-child {
width:80px
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td:last-child {
text-align:right;
width:40px
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td[colspan="4"] {
text-align:center;
font-size:2rem;
color:#d9d9d9;
height:100px
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td a {
background-image:url(../img/svg/_lite_editar_usuario.svg);
display:inline-block;
margin:0 auto;
background-repeat:none;
background-position:center center;
position:absolute;
top:50%;
left:80%;
transform:translate(-80%,-50%)
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td a.check {
background-image:url(../img/svg/_lite_check.svg)
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td .form-control {
max-width:80px;
position:relative;
height:29px;
color:#595b5a
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td .form-control::before {
content:"%";
position:absolute;
right:-20px;
top:0;
display:block;
color:#000
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td .form-control[disabled] {
cursor:not-allowed;
color:#f3f3f3
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td .form-control[disabled]+label {
color:#f3f3f3
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label {
font-size:.5rem;
font-family:overpassbold,sans-serif;
text-transform:uppercase;
position:absolute;
color:#838885;
top:.1rem;
left:.4rem;
z-index:1;
height:15px;
pointer-events:none;
cursor:pointer;
font-size:.7rem;
left:inherit;
right:10px;
color:#595b5a
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label>span {
padding-left:5px;
font-size:.45rem;
color:#a6a7a7
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label>span>a {
position:relative;
margin-right:24px
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label>span>a:hover {
opacity:.5;
text-decoration:none
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label>span>a .bci-icon {
position:absolute;
top:-2px;
right:-22px
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label[disabled] {
content:" - ";
color:transparent;
display:block
}
.formulario-bloque .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label {
line-height:20px;
height:20px;
position:relative;
font-size:.65rem;
font-family:overpassbold,sans-serif;
margin:0
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label.form-check-label {
position:relative;
top:initial;
left:initial;
display:inline;
font-size:.9rem;
font-family:Arial,sans-serif;
text-transform:capitalize;
font-weight:400;
margin-right:10px
}
.formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label.secundaria {
position:absolute;
height:15px;
top:105%;
font-family:Arial,sans-serif;
font-weight:700;
letter-spacing:.02rem;
font-size:.5rem;
color:#b7bab8;
opacity:1;
width:100%;
text-align:right;
padding-right:10px
}
.formulario-bloque .formulario-bloque .formulario-seccion.comisiones .formularios.subject-data-box .tablaDatos .table tbody tr td label.secundaria {
position:absolute;
top:inherit;
bottom:-13px;
font-size:.5rem
}
.formulario-bloque .formulario-lineal .col-12 {
display:flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
margin-bottom:20px
}
.formulario-bloque .formulario-lineal .col-12 h1 {
margin:0;
padding:4px;
color:#006fb9;
width:100%;
font-size:1rem;
font-family:overpassbold,sans-serif;
color:#595b5a;
background:#f2f2f2;
border-radius:4px
}
.formulario-bloque .formulario-lineal .col-12 h1::before {
content:"paso ↘";
font-size:.8rem;
color:#006fb9;
padding-right:2px;
display:block
}
.formulario-bloque .formulario-lineal .col-12>h2 {
flex:1 1 100%;
margin:0;
height:auto;
line-height:100%
}
.formulario-bloque .formulario-lineal .col-12>.formulario-seccion,.formulario-bloque .formulario-lineal .col-12>.formularios {
padding:0 10px;
flex:1 0 33%
}
.formulario-bloque .formulario-lineal .col-12>.formulario-seccion.single,.formulario-bloque .formulario-lineal .col-12>.formularios.single {
flex:1 1 100%
}
.formulario-bloque .formulario-lineal .col-12>.formulario-seccion.alto,.formulario-bloque .formulario-lineal .col-12>.formularios.alto {
flex:1 1 66%
}
.formulario-bloque .formulario-lineal .col-12>.formulario-seccion.alertas,.formulario-bloque .formulario-lineal .col-12>.formularios.alertas {
flex:1 1 100%;
position:relative;
padding-left:40px!important;
font-size:.85rem;
line-height:120%;
width:100%;
display:block;
margin:0
}
.formulario-bloque .formulario-lineal .col-12>.formulario-seccion.alertas .bci-icon,.formulario-bloque .formulario-lineal .col-12>.formularios.alertas .bci-icon {
left:0;
width:40px
}
.formulario-bloque .formulario-lineal .col-12 .dropdown-divider {
flex:1 1 100%;
margin:20px 0 5px
}
.formulario-bloque .card-body {
background:#fff!important
}
.formulario-bloque .card-body .row {
margin-top:10px
}
.formulario-bloque .card-body .row>div {
border-right:1px solid #eaeaea
}
.formulario-bloque .card-body .row>div:last-child {
border:none!important
}
@media only screen and (max-width :1185px) {
.formulario-bloque .card-body .row>div {
    border:none
}
.formulario-bloque .card-body .row>div:first-child {
    border-right:1px solid #eaeaea
}
.formulario-bloque .card-body .row>div:last-child {
    border-right:1px solid #eaeaea
}
}
@media only screen and (max-width :800px) {
.formulario-bloque .card-body .row>div {
    border:none
}
.formulario-bloque .card-body .row>div:first-child {
    border-right:1px solid #eaeaea
}
.formulario-bloque .card-body .row>div:last-child {
    border-right:1px solid #eaeaea
}
}
@media only screen and (max-width :576px) {
.formulario-bloque .card-body .row>div {
    border:none;
    border-bottom:1px solid #eaeaea
}
.formulario-bloque .card-body .row>div:first-child {
    border:none;
    border-bottom:1px solid #eaeaea
}
.formulario-bloque .card-body .row>div:last-child {
    border:none
}
}
.formulario-bloque .card-footer {
text-align:right
}
.formulario-bloque .formularios.mensaje {
font-family:overpasslight_italic,sans-serif;
width:100%;
margin-bottom:10px;
font-size:.8rem
}
.formulario-bloque .formularios.corto {
width:50%
}
.formulario-bloque .formularios.corto.adjunto {
width:100%
}
.formulario-bloque .formularios.corto.adjunto label {
width:100%
}
.formulario-bloque .formularios.corto.adjunto input {
width:60%
}
.formulario-bloque .formularios.corto.adjunto .boton {
float:right;
width:35%
}
.formulario-bloque .formularios.medio {
width:75%
}
.formulario-bloque .formularios.largo {
width:100%
}
.ie .formulario-bloque .formularios select {
padding-left:5px
}
.formulario-bloque .formularios input,.formulario-bloque .formularios select {
text-align:right;
-moz-text-align-last:right;
text-align-last:right;
padding:0 10px 0 0;
text-indent:0
}
.formulario-bloque .formularios input[disabled] {
background-color:rgba(255,255,255,.8);
opacity:1;
cursor:not-allowed;
color:#aeb2af
}
.formulario-bloque .formularios input[readonly] {
box-shadow:none!important;
border-bottom:none;
opacity:1;
color:#595b5a
}
.formulario-bloque .formularios input[readonly]:focus {
box-shadow:none!important;
border-bottom:none
}
.formulario-bloque .formularios input#telefono,.formulario-bloque .formularios input.prespan,.formulario-bloque .formularios input.telefono {
padding-left:30px
}
.formulario-bloque .formularios.list-group input[type=checkbox] {
margin:0;
padding:0;
width:30px;
box-shadow:none!important;
height:20px;
width:16px
}
.formulario-bloque .formularios.list-group input[type=checkbox]+label {
vertical-align:10%;
margin-right:1px
}
.formulario-bloque .formularios.list-group input[type=checkbox]::-ms-check {
border:none;
height:9px;
width:9px;
background:#bfbfbf;
color:#595b5a;
padding:3px;
border-radius:4px
}
.formulario-bloque .formularios.list-group input[type=checkbox]:checked::-ms-check {
background:#006fb9;
color:#fff
}
.formulario-bloque .formularios.checkbox {
height:30px;
display:flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:flex-start;
align-items:center
}
.formulario-bloque .formularios.checkbox input[type=checkbox] {
margin:0;
padding:0;
width:30px;
box-shadow:none!important
}
.formulario-bloque .formularios.checkbox input[type=checkbox]::-ms-check {
border:none;
height:10px;
width:10px;
background:#bfbfbf;
color:#595b5a;
padding:5px;
border-radius:4px
}
.formulario-bloque .formularios.checkbox input[type=checkbox]:checked::-ms-check {
background:#006fb9;
color:#fff
}
.formulario-bloque .formularios.checkbox label {
font-size:.8rem;
margin:0;
padding:0;
height:30px;
display:inline-block
}
.formulario-bloque .formularios select {
width:100%;
background:#fff;
height:38px;
position:relative;
text-indent:5px;
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
color:#ccc;
text-align:left;
-moz-text-align-last:left;
text-align-last:left
}
.formulario-bloque .formularios select::-ms-expand {
display:none
}
.formulario-bloque .formularios.compacto select {
height:25px
}
.asociaciones {
justify-content:space-between;
align-items:flex-start
}
.asociaciones .formularios {
position:relative
}
.asociaciones .formularios label {
position:relative;
font-size:.8rem
}
.asociaciones .formularios label.secundaria {
top:inherit;
bottom:-25px;
position:absolute;
font-size:.55rem
}
.asociaciones .formularios .mover {
position:absolute;
background-color:#fff;
background-repeat:no-repeat;
display:block;
height:30px;
width:30px;
border-radius:2px;
box-shadow:0 0 9px 0 rgba(0,0,0,.1);
-ms-box-shadow:0 0 9px 0 rgba(0,0,0,.1);
background-image:url(../img/svg/_lite_vigencia.svg);
z-index:100;
cursor:pointer;
transition:all .2s linear
}
.asociaciones .formularios .mover:hover {
background-color:gold
}
.asociaciones .formularios .mover:active {
background-color:#ffdf33
}
.asociaciones .formularios .mover.right {
top:38%;
right:-25px
}
.asociaciones .formularios .mover.left {
top:52%;
left:-25px;
transform:rotate(180deg)
}
.asociaciones .formularios select {
padding:5px;
height:100%;
max-height:340px;
background-image:none!important;
font-size:1rem;
line-height:140%;
font-family:overpassregular,sans-serif;
min-width:190px
}
.asociaciones .formularios select option:active,.asociaciones .formularios select option:hover {
outline:0;
color:#fff;
background:#00953a;
border-radius:5px
}
.asociaciones .formularios select option[disabled] {
cursor:not-allowed;
background:#fff;
color:#d9d9d9
}
.asociaciones.doble .formularios {
flex:0 2 48%
}
.asociaciones.doble .formularios.first-child::before {
content:"";
display:block;
position:absolute;
height:25px;
width:25px;
top:40%;
right:-27px;
background-image:url(../img/svg/_lite_vigencia.svg);
transition:all .3s linear
}
.asociaciones.doble .formularios.first-child:focus-within::before {
height:31px;
width:31px
}
.asociaciones.doble .formularios.last-child::before {
content:"";
display:block;
position:absolute;
height:25px;
width:25px;
top:50%;
left:-27px;
background-image:url(../img/svg/_lite_vigencia.svg);
transition:all .3s linear;
transform:rotate(180deg)
}
.asociaciones.doble .formularios.last-child:focus-within::before {
height:31px;
width:31px
}
.asociaciones.triple .formularios {
flex:1 1 25%;
margin-right:1%;
min-width:0
}
.asociaciones.triple .formularios:last-child {
margin-right:0
}
.formulario-seccion {
text-align: left;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
/*justify-content:space-between;*/
/*justify-content: space-evenly;*/
align-items: flex-end;
column-gap:10px;
}

.formulario-seccion .bci-icon {
height:28px
}
.formulario-seccion .form-separator {
height:20px;
display:inline-block;
width:7.5%;
display:none
}
.formulario-seccion .formularios {
text-align:left
}
.formulario-seccion .formularios .boton {
margin:6px 4px
}
.formulario-seccion .formularios.checkbox {
width:45%!important
}
.formulario-seccion .formularios.simple {
min-width:0;
display:inline-block;
width:25%!important;
max-width:300px;
flex:0 0 25%
}
@media only screen and (max-width :576px) {
.formulario-seccion .formularios.simple {
    max-width:100%;
    width:100%!important;
    flex:0 0 100%
}
}
.formulario-seccion .formularios.intermedio {
min-width:0;
width:65%!important;
max-width:300px;
flex:0 0 65%
}
@media only screen and (max-width :576px) {
.formulario-seccion .formularios.intermedio {
    max-width:100%;
    flex:0 0 100%;
    width:100%!important
}
}
.formulario-seccion .formularios.corto {
min-width: 0;
width: 23% !important;
/*max-width: 300px;*/
flex: 0 0 30%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
/*margin-right: 60px;*/
}
/*Forumario B*/
.formulario-seccion .formularios.corto-b {
min-width: 0;
width: 23% !important;
/*max-width: 300px;*/
flex: 0 0 46%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
/*right: 90px;*/
}

@media only screen and (max-width : 1735px) {
    .formulario-seccion .formularios.corto-b {
        min-width: 0;
        width: 23% !important;
        /*max-width: 300px;*/
        flex: 0 0 46%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 80px;*/
    }
}

@media only screen and (max-width : 1600px) {
    .formulario-seccion .formularios.corto-b {
        min-width: 0;
        width: 23% !important;
        /*max-width: 300px;*/
        flex: 0 0 46%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 70px;*/
    }
}

@media only screen and (max-width : 1500px) {
    .formulario-seccion .formularios.corto-b {
        min-width: 0;
        width: 23% !important;
        /*max-width: 300px;*/
        flex: 0 0 47%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 65px;*/
    }
}

@media only screen and (max-width : 1470px) {
    .formulario-seccion .formularios.corto-b {
        min-width: 0;
        width: 23% !important;
        /*max-width: 300px;*/
        flex: 0 0 47%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 65px;*/
    }
}


@media only screen and (max-width : 1366px) {
    .formulario-seccion .formularios.corto-b {
        min-width: 0;
        width: 23% !important;
        /*max-width: 300px;*/
        flex: 0 0 46%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 55px;*/
    }
}

@media only screen and (max-width : 1140px) {
    .formulario-seccion .formularios.corto-b {
        min-width: 0;
        width: 23% !important;
        /*max-width: 300px;*/
        flex: 0 0 46%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 40px;*/
    }
}

@media only screen and (max-width :576px) {
    .formulario-seccion .formularios.corto-b {
        max-width: 100%;
        flex: 0 0 95%;
        width: 100% !important;
        /*right: -4px;*/
    }
}
/*Formulario C*/
.formulario-seccion .formularios.corto-c {
    min-width: 0;
    /*width: 23% !important;*/
    /*max-width: 900px;*/
    flex: 0 0 93%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
    /*right: calc(100% - 570px);*/
}

@media only screen and (max-width : 1735px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 900px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 220px;*/
    }
}

@media only screen and (max-width : 1660px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 900px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 170px;*/
    }
}

@media only screen and (max-width : 1535px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        max-width: 900px;
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 180px;*/
    }
}

@media only screen and (max-width : 1500px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 900px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 160px;*/
    }
}

@media only screen and (max-width : 1440px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 900px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 150px;*/
    }
}

@media only screen and (max-width : 1366px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 900px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 130px;*/
    }
}

@media only screen and (max-width : 1345px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 950px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 120px;*/
    }
}

@media only screen and (max-width : 1250px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 950px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 100px;*/
    }
}

@media only screen and (max-width : 1180px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 900px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 88px;*/
    }
}

@media only screen and (max-width :1070px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 900px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 6px;*/
    }
}

@media only screen and (max-width :1024px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 800px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 40px;*/
    }
}

@media only screen and (max-width :1010px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 700px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 170px;*/
    }
}


@media only screen and (max-width :856px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 600px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 170px;*/
    }
}

@media only screen and (max-width :770px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 500px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 120px;*/
    }
}

@media only screen and (max-width :630px) {
    .formulario-seccion .formularios.corto-c {
        min-width: 0;
        /*width: 23% !important;*/
        /*max-width: 400px;*/
        flex: 0 0 94%; /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
        /*right: 50px;*/
    }
}

@media only screen and (max-width :576px) {
    .formulario-seccion .formularios.corto-c {
        max-width: 100%;
        flex: 0 0 100%;
        width: 100% !important;
        /*right: 4px;*/
    }
}
    /*@media only screen and (max-width : 1366px) {
.formulario-seccion .formularios.corto {
    min-width: 0;
    width: 23% !important;
    max-width: 300px;
    flex: 0 0 23%;*/ /*Cambios flex:0 0 100%; por flex:0 0 23%;*/
    /*}
}*/

    @media only screen and (max-width :576px) {
        .formulario-seccion .formularios.corto {
            max-width: 100%;
            flex: 0 0 100%;
            width: 100% !important
        }
    }

    @media only screen and (max-width :576px) {
        .formulario-seccion .formularios {
            flex: 1 1 100%
        }
    }

    .formulario-seccion .bci-icon {
        margin: 10px 0;
        height: 38px;
        background-position: center center;
        display: inline-block;
        width: 5.5%;
        background-size: 90% auto
    }

    @media only screen and (max-width :576px) {
        .formulario-seccion .bci-icon.vigencia {
            display: none
        }
    }

    .formulario-seccion.disabled {
        opacity: .5;
        cursor: not-allowed
    }

        .formulario-seccion.disabled input, .formulario-seccion.disabled select {
            cursor: not-allowed
        }

    .formulario-seccion .formularios.checkbox-simple > .checkbox {
        margin-top: 0
    }

    .formularios-variables section {
        display: none;
        width: 100%;
        min-width: 100%
    }

        .formularios-variables section.show {
            display: block
        }

    .prefijo {
        position: absolute;
        bottom: 2px;
        left: 2px;
        height: 34px;
        z-index: 1;
        line-height: 35px;
        background-color: #f2f2f2;
        border-right: 1px solid #fafafa;
        width: 30px;
        display: block;
        text-align: center;
        font-family: overpassbold,sans-serif;
        margin-right: 10px;
        font-size: .6rem
    }

        .prefijo .bci-icon {
            margin: 0;
            width: 100%;
            height: 34px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

        .prefijo ~ .telefono {
            padding-left: 35px;
            text-indent: 0
        }

    .formulario-bloque .prefijo ~ .telefono {
        padding-left: 30px
    }

    .formulario-seccion .prefijo ~ .telefono {
        width: 58%;
        margin-right: 30%
    }

    .corto .prefijo ~ .telefono {
        width: 100%;
        margin-right: 0
    }

    .prefijo ~ label {
        left: 35px
    }

    .formulario-bloque .prefijo ~ label {
        left: 5px
    }

    .tooltips {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        min-width: 100px
    }

        .tooltips input {
            flex: 1 1 50%;
            min-width: 50px;
            margin-right: 5px
        }

        .tooltips .item-tooltip {
            flex: 0 0 30px
        }

    .item-tooltip {
        height: 30px;
        width: 30px;
        line-height: 30px;
        cursor: pointer;
        display: block;
        border: none;
        background: #404141;
        content: "?";
        color: #fff !important;
        border-radius: calc($size/2);
        text-align: center;
        font-family: overpassregular,sans-serif;
        font-size: 1.2rem;
        position: relative
    }

        .item-tooltip > span {
            display: none;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0 -2px 1px 0 rgba(0,0,0,.2);
            -ms-box-shadow: 0 -2px 1px 0 rgba(0,0,0,.2);
            z-index: 100000;
            background-color: #404141;
            height: auto;
            position: absolute;
            top: 35px;
            width: 184px;
            left: -78px
        }

            .item-tooltip > span span {
                font-size: .8rem;
                color: #fff;
                line-height: 1;
                margin: 0;
                padding: 0;
                padding: 20px;
                min-width: 160px
            }

                .item-tooltip > span span + img {
                    margin-top: 20px;
                    padding: 5px;
                    min-width: 0
                }

            .item-tooltip > span img {
                margin: 5px
            }

                .item-tooltip > span img + span {
                    margin-top: 20px;
                    padding: 0
                }

            .item-tooltip > span::after {
                z-index: 999;
                content: "▲";
                color: #404141;
                position: absolute;
                line-height: 17px;
                height: 17px;
                top: -13px;
                left: 45%;
                width: 10%;
                text-align: center
            }

        .item-tooltip:hover {
            background-color: #00953a
        }

            .item-tooltip:hover span {
                display: block
            }

            .item-tooltip:hover::after {
                height: auto;
                padding: 5px;
                background-color: #404141;
                display: block
            }

        .item-tooltip ~ label.secundaria {
            padding-right: 60px
        }

    .filters-apply {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }

        .filters-apply .filter-chip {
            margin: 5px;
            padding: 2px 26px 2px 8px;
            border-radius: 4px;
            color: #fff;
            font-size: .78rem;
            font-family: Arial,sans-serif;
            position: relative
        }

            .filters-apply .filter-chip.rojo {
                background-color: #ef3742;
                color: #fff
            }

                .filters-apply .filter-chip.rojo:hover {
                    background-color: #a80d17;
                    color: #fff;
                    opacity: .5
                }

            .filters-apply .filter-chip.verde {
                background-color: #00953a;
                color: #fff
            }

                .filters-apply .filter-chip.verde:hover {
                    background-color: #00250e;
                    color: #fff;
                    opacity: .5
                }

            .filters-apply .filter-chip.azul {
                color: #fff;
                background-color: #006fb9
            }

                .filters-apply .filter-chip.azul:hover {
                    background-color: #002c49;
                    color: #fff;
                    opacity: .5
                }

            .filters-apply .filter-chip.gris {
                color: #fff;
                background-color: #595b5a
            }

                .filters-apply .filter-chip.gris:hover {
                    background-color: #222;
                    color: #fff;
                    opacity: .5
                }

            .filters-apply .filter-chip .bci-icon {
                position: absolute;
                right: 0;
                height: 100%;
                top: 0;
                background-size: auto 120%
            }

            .filters-apply .filter-chip:hover {
                cursor: pointer
            }

    .filters-list {
        text-align: left
    }

        .filters-list .filter-set {
            margin: 5px 10px 8px 0;
            padding-bottom: 2px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
            border-bottom: 3px solid #eaeaea
        }

            .filters-list .filter-set:last-child {
                border-bottom: none
            }

            .filters-list .filter-set p {
                flex: 1 0 100%;
                font-family: overpassbold,sans-serif;
                font-size: .65rem;
                text-transform: uppercase;
                margin: 0 10px;
                color: #a6a6a6;
                line-height: 150%
            }

            .filters-list .filter-set .filter-range {
                padding-right: 15px;
                position: relative;
                height: 31px
            }

                .filters-list .filter-set .filter-range output {
                    width: 30px;
                    text-align: center;
                    height: 30px;
                    line-height: 26px;
                    color: #fff;
                    display: block;
                    position: absolute;
                    right: 12px;
                    height: 25px;
                    top: 0;
                    vertical-align: middle;
                    padding: 0;
                    border-radius: 15px;
                    background: #595b5a
                }

    .ie .filters-list .filter-set .filter-range output {
        display: none
    }

    .filters-list .filter-set .filter-range input[type=range] {
        width: 80%;
        height: 5px;
        cursor: pointer;
        -webkit-appearance: none
    }

    .ie .filters-list .filter-set .filter-range input[type=range] {
        margin-top: 12px
    }

    .filters-list .filter-set .filter-range input[type=range]:focus {
        outline: 0
    }

    .filters-list .filter-set .filter-range input[type=range]::-webkit-slider-runnable-track, .filters-list .filter-set .filter-range input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none
    }

    .filters-list .filter-set .filter-range input[type=range]::-webkit-slider-runnable-track {
        width: 80%;
        height: 6px;
        background: #d9d9d9;
        border-radius: calc($track/2)
    }

    .filters-list .filter-set .filter-range input[type=range]::-webkit-slider-thumb {
        position: relative;
        height: 15px;
        width: 15px;
        margin-top: calc($thumb / -4);
        background: #00953a;
        border-radius: 50%
    }

        .filters-list .filter-set .filter-range input[type=range]::-webkit-slider-thumb::before {
            position: absolute;
            content: "";
            height: 6px;
            width: 500px;
            left: -502px;
            top: calc($track - 2px);
            background: #777
        }

    .filters-list .filter-set .filter-range input[type=range]::-ms-slider-runnable-track, .filters-list .filter-set .filter-range input[type=range]::-ms-slider-thumb {
        display: block;
        height: 20px
    }

    .filters-list .filter-set .filter-range input[type=range]::-ms-slider-runnable-track {
        width: 80%;
        height: 6px;
        background-color: #d9d9d9;
        border-radius: calc($track/2)
    }

    .filters-list .filter-set .filter-range input[type=range]::-ms-track {
        width: 100%;
        height: 5px;
        display: block;
        background: 0 0;
        border-color: transparent;
        border-width: 6px 0;
        color: transparent
    }

    .filters-list .filter-set .filter-range input[type=range]::-ms-fill-lower {
        background-color: #d9d9d9
    }

    .filters-list .filter-set .filter-range input[type=range]::-ms-fill-upper {
        background-color: #d9d9d9
    }

    .filters-list .filter-set .filter-range input[type=range]::-ms-thumb {
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #00953a
    }

    .filters-list .filter-set .filter-range input[type=range]:focus::-ms-fill-lower {
        background: #888
    }

    .filters-list .filter-set .filter-range input[type=range]:focus::-ms-fill-upper {
        background: #ccc
    }

    .filters-list .filter-set .filter-range datalist {
        height: auto;
        display: block
    }

        .filters-list .filter-set .filter-range datalist option {
            display: inline-block;
            border: none
        }

    .filters-list .filter-set .filter-checkbox {
        flex: 1 1 9%;
        padding: 0 5px;
        margin: 1px 2px 5px
    }

        .filters-list .filter-set .filter-checkbox input {
            display: none
        }

            .filters-list .filter-set .filter-checkbox input:checked + label {
                background-color: #006fb9;
                color: #fff
            }

        .filters-list .filter-set .filter-checkbox label {
            width: 100%;
            font-family: overpassbold,sans-serif;
            font-size: .7rem;
            text-transform: uppercase;
            color: #ccc;
            text-align: center;
            text-decoration: none;
            display: block;
            cursor: pointer;
            line-height: 100%;
            margin: 0;
            color: #595b5a;
            background-color: #f2f2f2;
            padding: 8px;
            position: relative;
            border-radius: 5px;
            background-color: rgba(0,0,0,.05)
        }

        .filters-list .filter-set .filter-checkbox.verde input:checked + label {
            background-color: #00953a
        }

    .captcha {
        margin: 0 auto;
        width: 55%;
        height: 80px;
        overflow-y: hidden;
        display: inline-block;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start
    }

        .captcha form {
            flex: 0 0 50%;
            -moz-flex: 0 0 50%;
            flex: 0 0 50%;
            -webkit-flex: 0 0 50%;
            -moz-flex: 0 0 50%;
            -ms-flex: 0 0 50%
        }

    input.mask {
        font-weight: 700
    }

    .v-select {
        position: relative;
        font-family: inherit;
        width: 100%
    }

        .v-select, .v-select * {
            box-sizing: border-box
        }

    @keyframes vSelectSpinner {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(1turn)
        }
    }

    .vs__fade-enter-active, .vs__fade-leave-active {
        pointer-events: none;
        transition: opacity .15s cubic-bezier(1,.5,.8,1)
    }

    .vs__fade-enter, .vs__fade-leave-to {
        opacity: 0
    }

    .vs--disabled .vs__clear, .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__open-indicator, .vs--disabled .vs__search, .vs--disabled .vs__selected {
        cursor: not-allowed;
        background-color: #f8f8f8
    }

    .v-select[dir=rtl] .vs__actions {
        padding: 0 3px 0 6px
    }

    .v-select[dir=rtl] .vs__clear {
        margin-left: 6px;
        margin-right: 0
    }

    .v-select[dir=rtl] .vs__deselect {
        margin-left: 0;
        margin-right: 2px
    }

    .v-select[dir=rtl] .vs__dropdown-menu {
        text-align: right
    }

    .vs__dropdown-toggle {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: flex;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        padding: 0 0 4px;
        background: 0 0;
        border-radius: 4px;
        white-space: normal;
        height: 38px;
        line-height: 38px;
        background-color: #fff;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
        -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15)
    }

        .vs__dropdown-toggle input {
            box-shadow: none !important
        }

    .vs__selected-options {
        display: flex;
        flex-basis: 100%;
        flex-grow: 1;
        flex-wrap: wrap;
        padding: 0 2px;
        position: relative
    }

    .vs__actions {
        display: flex;
        align-items: center;
        padding: 4px 6px 0 3px
    }

    .vs--searchable .vs__dropdown-toggle {
        cursor: text
    }

    .vs--unsearchable .vs__dropdown-toggle {
        cursor: pointer
    }

    .vs--open .vs__dropdown-toggle {
        border-bottom-color: transparent;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .vs__open-indicator {
        fill: rgba(60,60,60,.5);
        transform: scale(1);
        transition: transform .15s cubic-bezier(1,-.115,.975,.855);
        transition-timing-function: cubic-bezier(1,-.115,.975,.855)
    }

    .vs--open .vs__open-indicator {
        transform: rotate(180deg) scale(1)
    }

    .vs--loading .vs__open-indicator {
        opacity: 0
    }

    .vs__clear {
        fill: #ccc;
        padding: 0;
        border: 0;
        background-color: transparent;
        cursor: pointer;
        margin-right: 16px;
        position: absolute;
        left: 10px
    }

    .vs__dropdown-menu {
        display: block;
        box-sizing: border-box;
        position: absolute;
        top: calc(100% - 1px);
        left: 0;
        z-index: 1000;
        padding: 5px 0;
        margin: 0;
        width: auto;
        max-height: 350px;
        overflow-y: auto;
        border-top-style: none;
        border-radius: 0 0 4px 4px;
        text-align: left;
        list-style: none;
        background: #fff;
        box-shadow: 0 1px 12px 0 rgba(0,0,0,.15);
        -ms-box-shadow: 0 1px 12px 0 rgba(0,0,0,.15)
    }

    .vs__no-options {
        text-align: center
    }

    .vs__dropdown-option {
        line-height: 1.42857143;
        display: block;
        padding: 3px 20px;
        clear: both;
        color: #333;
        white-space: nowrap
    }

        .vs__dropdown-option:hover {
            cursor: pointer
        }

    .vs__dropdown-option--highlight {
        background: #006fb9;
        color: #fff
    }

    .vs__dropdown-option--disabled {
        background: inherit;
        color: rgba(60,60,60,.5)
    }

        .vs__dropdown-option--disabled:hover {
            cursor: inherit
        }

    .vs__selected {
        display: flex;
        align-items: center;
        background-color: #f0f0f0;
        border-radius: 4px;
        color: #595b5a;
        height: 38px;
        line-height: 38px;
        border-radius: 3px;
        margin: 0;
        padding: 0 .25rem;
        z-index: 0;
        margin-left: 20px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        overflow: hidden
    }

        .vs__selected + .vs__search {
            background: 0 0 !important;
            position: absolute;
            top: 0;
            left: 20px;
            color: #595b5a !important;
            width: 100%;
            min-width: 100%
        }

    .vs__deselect {
        display: inline-flex;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-left: 4px;
        padding: 0;
        border: 0;
        cursor: pointer;
        background: 0 0;
        fill: rgba(60,60,60,.5);
        text-shadow: 0 1px 0 #fff
    }

    .vs--single .vs__selected {
        background-color: transparent;
        border-color: transparent
    }

    .vs--single.vs--open .vs__selected {
        position: absolute;
        opacity: .4
    }

    .vs--single.vs--searching .vs__selected {
        display: none
    }

    .vs__search::-webkit-search-cancel-button {
        display: none
    }

    .vs__search::-ms-clear, .vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration {
        display: none
    }

    .vs__search, .vs__search:focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        line-height: 1.4;
        font-size: 1em;
        border-left: none;
        outline: 0;
        margin: 4px 0 0;
        padding: 0 7px;
        background: 0 0;
        box-shadow: none;
        width: 100%;
        max-width: 100%;
        flex-grow: 1;
        z-index: 10;
        color: #595b5a !important
    }

        .vs__search::-moz-placeholder {
            color: inherit
        }

        .vs__search:-ms-input-placeholder {
            color: inherit
        }

        .vs__search::placeholder {
            color: inherit
        }

    .vs--unsearchable .vs__search {
        opacity: 1
    }

    .vs--unsearchable:not(.vs--disabled) .vs__search:hover {
        cursor: pointer
    }

    .vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
        opacity: .2
    }

    .vs__spinner {
        align-self: center;
        opacity: 0;
        font-size: 5px;
        text-indent: -9999em;
        overflow: hidden;
        border-left-color: rgba(60,60,60,.45);
        transform: translateZ(0);
        animation: vSelectSpinner 1.1s linear infinite;
        transition: opacity .1s
    }

        .vs__spinner, .vs__spinner:after {
            border-radius: 50%;
            width: 5em;
            height: 5em
        }

    .vs--loading .vs__spinner {
        opacity: 1
    }

    @keyframes chartjs-render-animation {
        from {
            opacity: .99
        }

        to {
            opacity: 1
        }
    }

    .chartjs-render-monitor {
        animation: chartjs-render-animation 1ms
    }

    .chartjs-size-monitor, .chartjs-size-monitor-expand, .chartjs-size-monitor-shrink {
        position: absolute;
        direction: ltr;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        pointer-events: none;
        visibility: hidden;
        z-index: -1
    }

        .chartjs-size-monitor-expand > div {
            position: absolute;
            width: 1000000px;
            height: 1000000px;
            left: 0;
            top: 0
        }

        .chartjs-size-monitor-shrink > div {
            position: absolute;
            width: 200%;
            height: 200%;
            left: 0;
            top: 0
        }

    .outer {
        position: relative;
        width: 300px;
        height: 300px
    }

        .outer .percent {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            font-size: 2.5rem;
            z-index: 1 !important
        }

        .outer canvas {
            z-index: 200 !important
        }

    .slogan {
        position: absolute;
        bottom: 20px;
        right: 20px;
        display: block;
        height: auto
    }

        .slogan h1, .slogan h2 {
            color: #fff;
            padding: 0;
            margin: 0;
            text-indent: 0;
            text-align: right;
            font-style: normal;
            text-transform: inherit;
            border: none;
            transition: all .1s linear;
            margin: 2px;
            cursor: pointer
        }

        .slogan h1 {
            font-size: 3rem;
            font-family: overpassbold,sans-serif
        }

        .slogan h2 {
            font-family: overpasslight,sans-serif;
            font-size: 2rem
        }

    @media only screen and (max-width :1300px) {
        .slogan h1 {
            font-size: 4rem
        }

        .slogan h2 {
            font-size: 3rem
        }
    }

    @media only screen and (max-width :1185px) {
        .slogan h1 {
            font-size: 3rem
        }

        .slogan h2 {
            font-size: 2rem
        }
    }

    @media only screen and (max-width :800px) {
        .slogan h1 {
            font-size: 2.5rem
        }

        .slogan h2 {
            font-size: 1.5rem
        }
    }

    @media only screen and (max-width :576px) {
        .slogan h1 {
            font-size: 2rem
        }

        .slogan h2 {
            font-size: 1rem
        }
    }

    .separador {
        height: 60px;
        width: 100%;
        clear: both;
        display: block;
        flex: 0 0 100%
    }

        .separador.alto {
            height: 50px
        }

        .separador + .card.grande, .separador + .card.intermedia, .separador + .card.mediana, .separador + .card.pequena {
            margin-bottom: 60px
        }

            .separador + .card.grande.sin-margen, .separador + .card.intermedia.sin-margen, .separador + .card.mediana.sin-margen, .separador + .card.pequena.sin-margen {
                margin-bottom: 3px
            }

        .separador.pequeno {
            height: 15px;
            margin-bottom: 15px
        }

        .separador.linea {
            border-bottom: 1px solid rgba(89,91,90,.1)
        }

        .separador.h0 {
            margin: 0;
            padding: 0;
            height: 0
        }

        .separador.h1 {
            margin: 0;
            padding: 0;
            height: 1px
        }

        .separador.h2 {
            margin: 0;
            padding: 0;
            height: 2px
        }

        .separador.h3 {
            margin: 0;
            padding: 0;
            height: 3px
        }

        .separador.h4 {
            margin: 0;
            padding: 0;
            height: 4px
        }

        .separador.h5 {
            margin: 0;
            padding: 0;
            height: 5px
        }

        .separador.h6 {
            margin: 0;
            padding: 0;
            height: 6px
        }

        .separador.h7 {
            margin: 0;
            padding: 0;
            height: 7px
        }

        .separador.h8 {
            margin: 0;
            padding: 0;
            height: 8px
        }

        .separador.h9 {
            margin: 0;
            padding: 0;
            height: 9px
        }

        .separador.h10 {
            margin: 0;
            padding: 0;
            height: 10px
        }

        .separador.h0 {
            height: 0
        }

            .separador.h0.mobile {
                height: 0
            }

    @media only screen and (max-width :800px) {
        .separador.h0 {
            height: calc($height/2)
        }

            .separador.h0.fixed {
                height: 0
            }

            .separador.h0.mobile {
                height: 0
            }
    }

    .separador.h5 {
        height: 5px
    }

        .separador.h5.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h5 {
            height: calc($height/2)
        }

            .separador.h5.fixed {
                height: 5px
            }

            .separador.h5.mobile {
                height: 5px
            }
    }

    .separador.h10 {
        height: 10px
    }

        .separador.h10.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h10 {
            height: calc($height/2)
        }

            .separador.h10.fixed {
                height: 10px
            }

            .separador.h10.mobile {
                height: 10px
            }
    }

    .separador.h15 {
        height: 15px
    }

        .separador.h15.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h15 {
            height: calc($height/2)
        }

            .separador.h15.fixed {
                height: 15px
            }

            .separador.h15.mobile {
                height: 15px
            }
    }

    .separador.h20 {
        height: 20px
    }

        .separador.h20.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h20 {
            height: calc($height/2)
        }

            .separador.h20.fixed {
                height: 20px
            }

            .separador.h20.mobile {
                height: 20px
            }
    }

    .separador.h25 {
        height: 25px
    }

        .separador.h25.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h25 {
            height: calc($height/2)
        }

            .separador.h25.fixed {
                height: 25px
            }

            .separador.h25.mobile {
                height: 25px
            }
    }

    .separador.h30 {
        height: 30px
    }

        .separador.h30.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h30 {
            height: calc($height/2)
        }

            .separador.h30.fixed {
                height: 30px
            }

            .separador.h30.mobile {
                height: 30px
            }
    }

    .separador.h35 {
        height: 35px
    }

        .separador.h35.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h35 {
            height: calc($height/2)
        }

            .separador.h35.fixed {
                height: 35px
            }

            .separador.h35.mobile {
                height: 35px
            }
    }

    .separador.h40 {
        height: 40px
    }

        .separador.h40.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h40 {
            height: calc($height/2)
        }

            .separador.h40.fixed {
                height: 40px
            }

            .separador.h40.mobile {
                height: 40px
            }
    }

    .separador.h45 {
        height: 45px
    }

        .separador.h45.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h45 {
            height: calc($height/2)
        }

            .separador.h45.fixed {
                height: 45px
            }

            .separador.h45.mobile {
                height: 45px
            }
    }

    .separador.h50 {
        height: 50px
    }

        .separador.h50.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h50 {
            height: calc($height/2)
        }

            .separador.h50.fixed {
                height: 50px
            }

            .separador.h50.mobile {
                height: 50px
            }
    }

    .separador.h55 {
        height: 55px
    }

        .separador.h55.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h55 {
            height: calc($height/2)
        }

            .separador.h55.fixed {
                height: 55px
            }

            .separador.h55.mobile {
                height: 55px
            }
    }

    .separador.h60 {
        height: 60px
    }

        .separador.h60.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h60 {
            height: calc($height/2)
        }

            .separador.h60.fixed {
                height: 60px
            }

            .separador.h60.mobile {
                height: 60px
            }
    }

    .separador.h65 {
        height: 65px
    }

        .separador.h65.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h65 {
            height: calc($height/2)
        }

            .separador.h65.fixed {
                height: 65px
            }

            .separador.h65.mobile {
                height: 65px
            }
    }

    .separador.h70 {
        height: 70px
    }

        .separador.h70.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h70 {
            height: calc($height/2)
        }

            .separador.h70.fixed {
                height: 70px
            }

            .separador.h70.mobile {
                height: 70px
            }
    }

    .separador.h75 {
        height: 75px
    }

        .separador.h75.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h75 {
            height: calc($height/2)
        }

            .separador.h75.fixed {
                height: 75px
            }

            .separador.h75.mobile {
                height: 75px
            }
    }

    .separador.h80 {
        height: 80px
    }

        .separador.h80.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h80 {
            height: calc($height/2)
        }

            .separador.h80.fixed {
                height: 80px
            }

            .separador.h80.mobile {
                height: 80px
            }
    }

    .separador.h85 {
        height: 85px
    }

        .separador.h85.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h85 {
            height: calc($height/2)
        }

            .separador.h85.fixed {
                height: 85px
            }

            .separador.h85.mobile {
                height: 85px
            }
    }

    .separador.h90 {
        height: 90px
    }

        .separador.h90.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h90 {
            height: calc($height/2)
        }

            .separador.h90.fixed {
                height: 90px
            }

            .separador.h90.mobile {
                height: 90px
            }
    }

    .separador.h95 {
        height: 95px
    }

        .separador.h95.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h95 {
            height: calc($height/2)
        }

            .separador.h95.fixed {
                height: 95px
            }

            .separador.h95.mobile {
                height: 95px
            }
    }

    .separador.h100 {
        height: 100px
    }

        .separador.h100.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h100 {
            height: calc($height/2)
        }

            .separador.h100.fixed {
                height: 100px
            }

            .separador.h100.mobile {
                height: 100px
            }
    }

    .separador.h105 {
        height: 105px
    }

        .separador.h105.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h105 {
            height: calc($height/2)
        }

            .separador.h105.fixed {
                height: 105px
            }

            .separador.h105.mobile {
                height: 105px
            }
    }

    .separador.h110 {
        height: 110px
    }

        .separador.h110.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h110 {
            height: calc($height/2)
        }

            .separador.h110.fixed {
                height: 110px
            }

            .separador.h110.mobile {
                height: 110px
            }
    }

    .separador.h115 {
        height: 115px
    }

        .separador.h115.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h115 {
            height: calc($height/2)
        }

            .separador.h115.fixed {
                height: 115px
            }

            .separador.h115.mobile {
                height: 115px
            }
    }

    .separador.h120 {
        height: 120px
    }

        .separador.h120.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h120 {
            height: calc($height/2)
        }

            .separador.h120.fixed {
                height: 120px
            }

            .separador.h120.mobile {
                height: 120px
            }
    }

    .separador.h125 {
        height: 125px
    }

        .separador.h125.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h125 {
            height: calc($height/2)
        }

            .separador.h125.fixed {
                height: 125px
            }

            .separador.h125.mobile {
                height: 125px
            }
    }

    .separador.h130 {
        height: 130px
    }

        .separador.h130.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h130 {
            height: calc($height/2)
        }

            .separador.h130.fixed {
                height: 130px
            }

            .separador.h130.mobile {
                height: 130px
            }
    }

    .separador.h135 {
        height: 135px
    }

        .separador.h135.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h135 {
            height: calc($height/2)
        }

            .separador.h135.fixed {
                height: 135px
            }

            .separador.h135.mobile {
                height: 135px
            }
    }

    .separador.h140 {
        height: 140px
    }

        .separador.h140.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h140 {
            height: calc($height/2)
        }

            .separador.h140.fixed {
                height: 140px
            }

            .separador.h140.mobile {
                height: 140px
            }
    }

    .separador.h145 {
        height: 145px
    }

        .separador.h145.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h145 {
            height: calc($height/2)
        }

            .separador.h145.fixed {
                height: 145px
            }

            .separador.h145.mobile {
                height: 145px
            }
    }

    .separador.h150 {
        height: 150px
    }

        .separador.h150.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h150 {
            height: calc($height/2)
        }

            .separador.h150.fixed {
                height: 150px
            }

            .separador.h150.mobile {
                height: 150px
            }
    }

    .separador.h155 {
        height: 155px
    }

        .separador.h155.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h155 {
            height: calc($height/2)
        }

            .separador.h155.fixed {
                height: 155px
            }

            .separador.h155.mobile {
                height: 155px
            }
    }

    .separador.h160 {
        height: 160px
    }

        .separador.h160.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h160 {
            height: calc($height/2)
        }

            .separador.h160.fixed {
                height: 160px
            }

            .separador.h160.mobile {
                height: 160px
            }
    }

    .separador.h165 {
        height: 165px
    }

        .separador.h165.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h165 {
            height: calc($height/2)
        }

            .separador.h165.fixed {
                height: 165px
            }

            .separador.h165.mobile {
                height: 165px
            }
    }

    .separador.h170 {
        height: 170px
    }

        .separador.h170.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h170 {
            height: calc($height/2)
        }

            .separador.h170.fixed {
                height: 170px
            }

            .separador.h170.mobile {
                height: 170px
            }
    }

    .separador.h175 {
        height: 175px
    }

        .separador.h175.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h175 {
            height: calc($height/2)
        }

            .separador.h175.fixed {
                height: 175px
            }

            .separador.h175.mobile {
                height: 175px
            }
    }

    .separador.h180 {
        height: 180px
    }

        .separador.h180.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h180 {
            height: calc($height/2)
        }

            .separador.h180.fixed {
                height: 180px
            }

            .separador.h180.mobile {
                height: 180px
            }
    }

    .separador.h185 {
        height: 185px
    }

        .separador.h185.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h185 {
            height: calc($height/2)
        }

            .separador.h185.fixed {
                height: 185px
            }

            .separador.h185.mobile {
                height: 185px
            }
    }

    .separador.h190 {
        height: 190px
    }

        .separador.h190.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h190 {
            height: calc($height/2)
        }

            .separador.h190.fixed {
                height: 190px
            }

            .separador.h190.mobile {
                height: 190px
            }
    }

    .separador.h195 {
        height: 195px
    }

        .separador.h195.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h195 {
            height: calc($height/2)
        }

            .separador.h195.fixed {
                height: 195px
            }

            .separador.h195.mobile {
                height: 195px
            }
    }

    .separador.h200 {
        height: 200px
    }

        .separador.h200.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h200 {
            height: calc($height/2)
        }

            .separador.h200.fixed {
                height: 200px
            }

            .separador.h200.mobile {
                height: 200px
            }
    }

    .separador.h205 {
        height: 205px
    }

        .separador.h205.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h205 {
            height: calc($height/2)
        }

            .separador.h205.fixed {
                height: 205px
            }

            .separador.h205.mobile {
                height: 205px
            }
    }

    .separador.h210 {
        height: 210px
    }

        .separador.h210.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h210 {
            height: calc($height/2)
        }

            .separador.h210.fixed {
                height: 210px
            }

            .separador.h210.mobile {
                height: 210px
            }
    }

    .separador.h215 {
        height: 215px
    }

        .separador.h215.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h215 {
            height: calc($height/2)
        }

            .separador.h215.fixed {
                height: 215px
            }

            .separador.h215.mobile {
                height: 215px
            }
    }

    .separador.h220 {
        height: 220px
    }

        .separador.h220.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h220 {
            height: calc($height/2)
        }

            .separador.h220.fixed {
                height: 220px
            }

            .separador.h220.mobile {
                height: 220px
            }
    }

    .separador.h225 {
        height: 225px
    }

        .separador.h225.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h225 {
            height: calc($height/2)
        }

            .separador.h225.fixed {
                height: 225px
            }

            .separador.h225.mobile {
                height: 225px
            }
    }

    .separador.h230 {
        height: 230px
    }

        .separador.h230.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h230 {
            height: calc($height/2)
        }

            .separador.h230.fixed {
                height: 230px
            }

            .separador.h230.mobile {
                height: 230px
            }
    }

    .separador.h235 {
        height: 235px
    }

        .separador.h235.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h235 {
            height: calc($height/2)
        }

            .separador.h235.fixed {
                height: 235px
            }

            .separador.h235.mobile {
                height: 235px
            }
    }

    .separador.h240 {
        height: 240px
    }

        .separador.h240.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h240 {
            height: calc($height/2)
        }

            .separador.h240.fixed {
                height: 240px
            }

            .separador.h240.mobile {
                height: 240px
            }
    }

    .separador.h245 {
        height: 245px
    }

        .separador.h245.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h245 {
            height: calc($height/2)
        }

            .separador.h245.fixed {
                height: 245px
            }

            .separador.h245.mobile {
                height: 245px
            }
    }

    .separador.h250 {
        height: 250px
    }

        .separador.h250.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h250 {
            height: calc($height/2)
        }

            .separador.h250.fixed {
                height: 250px
            }

            .separador.h250.mobile {
                height: 250px
            }
    }

    .separador.h255 {
        height: 255px
    }

        .separador.h255.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h255 {
            height: calc($height/2)
        }

            .separador.h255.fixed {
                height: 255px
            }

            .separador.h255.mobile {
                height: 255px
            }
    }

    .separador.h260 {
        height: 260px
    }

        .separador.h260.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h260 {
            height: calc($height/2)
        }

            .separador.h260.fixed {
                height: 260px
            }

            .separador.h260.mobile {
                height: 260px
            }
    }

    .separador.h265 {
        height: 265px
    }

        .separador.h265.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h265 {
            height: calc($height/2)
        }

            .separador.h265.fixed {
                height: 265px
            }

            .separador.h265.mobile {
                height: 265px
            }
    }

    .separador.h270 {
        height: 270px
    }

        .separador.h270.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h270 {
            height: calc($height/2)
        }

            .separador.h270.fixed {
                height: 270px
            }

            .separador.h270.mobile {
                height: 270px
            }
    }

    .separador.h275 {
        height: 275px
    }

        .separador.h275.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h275 {
            height: calc($height/2)
        }

            .separador.h275.fixed {
                height: 275px
            }

            .separador.h275.mobile {
                height: 275px
            }
    }

    .separador.h280 {
        height: 280px
    }

        .separador.h280.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h280 {
            height: calc($height/2)
        }

            .separador.h280.fixed {
                height: 280px
            }

            .separador.h280.mobile {
                height: 280px
            }
    }

    .separador.h285 {
        height: 285px
    }

        .separador.h285.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h285 {
            height: calc($height/2)
        }

            .separador.h285.fixed {
                height: 285px
            }

            .separador.h285.mobile {
                height: 285px
            }
    }

    .separador.h290 {
        height: 290px
    }

        .separador.h290.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h290 {
            height: calc($height/2)
        }

            .separador.h290.fixed {
                height: 290px
            }

            .separador.h290.mobile {
                height: 290px
            }
    }

    .separador.h295 {
        height: 295px
    }

        .separador.h295.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h295 {
            height: calc($height/2)
        }

            .separador.h295.fixed {
                height: 295px
            }

            .separador.h295.mobile {
                height: 295px
            }
    }

    .separador.h300 {
        height: 300px
    }

        .separador.h300.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h300 {
            height: calc($height/2)
        }

            .separador.h300.fixed {
                height: 300px
            }

            .separador.h300.mobile {
                height: 300px
            }
    }

    .separador.h305 {
        height: 305px
    }

        .separador.h305.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h305 {
            height: calc($height/2)
        }

            .separador.h305.fixed {
                height: 305px
            }

            .separador.h305.mobile {
                height: 305px
            }
    }

    .separador.h310 {
        height: 310px
    }

        .separador.h310.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h310 {
            height: calc($height/2)
        }

            .separador.h310.fixed {
                height: 310px
            }

            .separador.h310.mobile {
                height: 310px
            }
    }

    .separador.h315 {
        height: 315px
    }

        .separador.h315.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h315 {
            height: calc($height/2)
        }

            .separador.h315.fixed {
                height: 315px
            }

            .separador.h315.mobile {
                height: 315px
            }
    }

    .separador.h320 {
        height: 320px
    }

        .separador.h320.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h320 {
            height: calc($height/2)
        }

            .separador.h320.fixed {
                height: 320px
            }

            .separador.h320.mobile {
                height: 320px
            }
    }

    .separador.h325 {
        height: 325px
    }

        .separador.h325.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h325 {
            height: calc($height/2)
        }

            .separador.h325.fixed {
                height: 325px
            }

            .separador.h325.mobile {
                height: 325px
            }
    }

    .separador.h330 {
        height: 330px
    }

        .separador.h330.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h330 {
            height: calc($height/2)
        }

            .separador.h330.fixed {
                height: 330px
            }

            .separador.h330.mobile {
                height: 330px
            }
    }

    .separador.h335 {
        height: 335px
    }

        .separador.h335.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h335 {
            height: calc($height/2)
        }

            .separador.h335.fixed {
                height: 335px
            }

            .separador.h335.mobile {
                height: 335px
            }
    }

    .separador.h340 {
        height: 340px
    }

        .separador.h340.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h340 {
            height: calc($height/2)
        }

            .separador.h340.fixed {
                height: 340px
            }

            .separador.h340.mobile {
                height: 340px
            }
    }

    .separador.h345 {
        height: 345px
    }

        .separador.h345.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h345 {
            height: calc($height/2)
        }

            .separador.h345.fixed {
                height: 345px
            }

            .separador.h345.mobile {
                height: 345px
            }
    }

    .separador.h350 {
        height: 350px
    }

        .separador.h350.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h350 {
            height: calc($height/2)
        }

            .separador.h350.fixed {
                height: 350px
            }

            .separador.h350.mobile {
                height: 350px
            }
    }

    .separador.h355 {
        height: 355px
    }

        .separador.h355.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h355 {
            height: calc($height/2)
        }

            .separador.h355.fixed {
                height: 355px
            }

            .separador.h355.mobile {
                height: 355px
            }
    }

    .separador.h360 {
        height: 360px
    }

        .separador.h360.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h360 {
            height: calc($height/2)
        }

            .separador.h360.fixed {
                height: 360px
            }

            .separador.h360.mobile {
                height: 360px
            }
    }

    .separador.h365 {
        height: 365px
    }

        .separador.h365.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h365 {
            height: calc($height/2)
        }

            .separador.h365.fixed {
                height: 365px
            }

            .separador.h365.mobile {
                height: 365px
            }
    }

    .separador.h370 {
        height: 370px
    }

        .separador.h370.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h370 {
            height: calc($height/2)
        }

            .separador.h370.fixed {
                height: 370px
            }

            .separador.h370.mobile {
                height: 370px
            }
    }

    .separador.h375 {
        height: 375px
    }

        .separador.h375.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h375 {
            height: calc($height/2)
        }

            .separador.h375.fixed {
                height: 375px
            }

            .separador.h375.mobile {
                height: 375px
            }
    }

    .separador.h380 {
        height: 380px
    }

        .separador.h380.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h380 {
            height: calc($height/2)
        }

            .separador.h380.fixed {
                height: 380px
            }

            .separador.h380.mobile {
                height: 380px
            }
    }

    .separador.h385 {
        height: 385px
    }

        .separador.h385.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h385 {
            height: calc($height/2)
        }

            .separador.h385.fixed {
                height: 385px
            }

            .separador.h385.mobile {
                height: 385px
            }
    }

    .separador.h390 {
        height: 390px
    }

        .separador.h390.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h390 {
            height: calc($height/2)
        }

            .separador.h390.fixed {
                height: 390px
            }

            .separador.h390.mobile {
                height: 390px
            }
    }

    .separador.h395 {
        height: 395px
    }

        .separador.h395.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h395 {
            height: calc($height/2)
        }

            .separador.h395.fixed {
                height: 395px
            }

            .separador.h395.mobile {
                height: 395px
            }
    }

    .separador.h400 {
        height: 400px
    }

        .separador.h400.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h400 {
            height: calc($height/2)
        }

            .separador.h400.fixed {
                height: 400px
            }

            .separador.h400.mobile {
                height: 400px
            }
    }

    .separador.h405 {
        height: 405px
    }

        .separador.h405.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h405 {
            height: calc($height/2)
        }

            .separador.h405.fixed {
                height: 405px
            }

            .separador.h405.mobile {
                height: 405px
            }
    }

    .separador.h410 {
        height: 410px
    }

        .separador.h410.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h410 {
            height: calc($height/2)
        }

            .separador.h410.fixed {
                height: 410px
            }

            .separador.h410.mobile {
                height: 410px
            }
    }

    .separador.h415 {
        height: 415px
    }

        .separador.h415.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h415 {
            height: calc($height/2)
        }

            .separador.h415.fixed {
                height: 415px
            }

            .separador.h415.mobile {
                height: 415px
            }
    }

    .separador.h420 {
        height: 420px
    }

        .separador.h420.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h420 {
            height: calc($height/2)
        }

            .separador.h420.fixed {
                height: 420px
            }

            .separador.h420.mobile {
                height: 420px
            }
    }

    .separador.h425 {
        height: 425px
    }

        .separador.h425.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h425 {
            height: calc($height/2)
        }

            .separador.h425.fixed {
                height: 425px
            }

            .separador.h425.mobile {
                height: 425px
            }
    }

    .separador.h430 {
        height: 430px
    }

        .separador.h430.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h430 {
            height: calc($height/2)
        }

            .separador.h430.fixed {
                height: 430px
            }

            .separador.h430.mobile {
                height: 430px
            }
    }

    .separador.h435 {
        height: 435px
    }

        .separador.h435.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h435 {
            height: calc($height/2)
        }

            .separador.h435.fixed {
                height: 435px
            }

            .separador.h435.mobile {
                height: 435px
            }
    }

    .separador.h440 {
        height: 440px
    }

        .separador.h440.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h440 {
            height: calc($height/2)
        }

            .separador.h440.fixed {
                height: 440px
            }

            .separador.h440.mobile {
                height: 440px
            }
    }

    .separador.h445 {
        height: 445px
    }

        .separador.h445.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h445 {
            height: calc($height/2)
        }

            .separador.h445.fixed {
                height: 445px
            }

            .separador.h445.mobile {
                height: 445px
            }
    }

    .separador.h450 {
        height: 450px
    }

        .separador.h450.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h450 {
            height: calc($height/2)
        }

            .separador.h450.fixed {
                height: 450px
            }

            .separador.h450.mobile {
                height: 450px
            }
    }

    .separador.h455 {
        height: 455px
    }

        .separador.h455.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h455 {
            height: calc($height/2)
        }

            .separador.h455.fixed {
                height: 455px
            }

            .separador.h455.mobile {
                height: 455px
            }
    }

    .separador.h460 {
        height: 460px
    }

        .separador.h460.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h460 {
            height: calc($height/2)
        }

            .separador.h460.fixed {
                height: 460px
            }

            .separador.h460.mobile {
                height: 460px
            }
    }

    .separador.h465 {
        height: 465px
    }

        .separador.h465.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h465 {
            height: calc($height/2)
        }

            .separador.h465.fixed {
                height: 465px
            }

            .separador.h465.mobile {
                height: 465px
            }
    }

    .separador.h470 {
        height: 470px
    }

        .separador.h470.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h470 {
            height: calc($height/2)
        }

            .separador.h470.fixed {
                height: 470px
            }

            .separador.h470.mobile {
                height: 470px
            }
    }

    .separador.h475 {
        height: 475px
    }

        .separador.h475.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h475 {
            height: calc($height/2)
        }

            .separador.h475.fixed {
                height: 475px
            }

            .separador.h475.mobile {
                height: 475px
            }
    }

    .separador.h480 {
        height: 480px
    }

        .separador.h480.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h480 {
            height: calc($height/2)
        }

            .separador.h480.fixed {
                height: 480px
            }

            .separador.h480.mobile {
                height: 480px
            }
    }

    .separador.h485 {
        height: 485px
    }

        .separador.h485.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h485 {
            height: calc($height/2)
        }

            .separador.h485.fixed {
                height: 485px
            }

            .separador.h485.mobile {
                height: 485px
            }
    }

    .separador.h490 {
        height: 490px
    }

        .separador.h490.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h490 {
            height: calc($height/2)
        }

            .separador.h490.fixed {
                height: 490px
            }

            .separador.h490.mobile {
                height: 490px
            }
    }

    .separador.h495 {
        height: 495px
    }

        .separador.h495.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h495 {
            height: calc($height/2)
        }

            .separador.h495.fixed {
                height: 495px
            }

            .separador.h495.mobile {
                height: 495px
            }
    }

    .separador.h500 {
        height: 500px
    }

        .separador.h500.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h500 {
            height: calc($height/2)
        }

            .separador.h500.fixed {
                height: 500px
            }

            .separador.h500.mobile {
                height: 500px
            }
    }

    .separador.h505 {
        height: 505px
    }

        .separador.h505.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h505 {
            height: calc($height/2)
        }

            .separador.h505.fixed {
                height: 505px
            }

            .separador.h505.mobile {
                height: 505px
            }
    }

    .separador.h510 {
        height: 510px
    }

        .separador.h510.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h510 {
            height: calc($height/2)
        }

            .separador.h510.fixed {
                height: 510px
            }

            .separador.h510.mobile {
                height: 510px
            }
    }

    .separador.h515 {
        height: 515px
    }

        .separador.h515.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h515 {
            height: calc($height/2)
        }

            .separador.h515.fixed {
                height: 515px
            }

            .separador.h515.mobile {
                height: 515px
            }
    }

    .separador.h520 {
        height: 520px
    }

        .separador.h520.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h520 {
            height: calc($height/2)
        }

            .separador.h520.fixed {
                height: 520px
            }

            .separador.h520.mobile {
                height: 520px
            }
    }

    .separador.h525 {
        height: 525px
    }

        .separador.h525.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h525 {
            height: calc($height/2)
        }

            .separador.h525.fixed {
                height: 525px
            }

            .separador.h525.mobile {
                height: 525px
            }
    }

    .separador.h530 {
        height: 530px
    }

        .separador.h530.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h530 {
            height: calc($height/2)
        }

            .separador.h530.fixed {
                height: 530px
            }

            .separador.h530.mobile {
                height: 530px
            }
    }

    .separador.h535 {
        height: 535px
    }

        .separador.h535.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h535 {
            height: calc($height/2)
        }

            .separador.h535.fixed {
                height: 535px
            }

            .separador.h535.mobile {
                height: 535px
            }
    }

    .separador.h540 {
        height: 540px
    }

        .separador.h540.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h540 {
            height: calc($height/2)
        }

            .separador.h540.fixed {
                height: 540px
            }

            .separador.h540.mobile {
                height: 540px
            }
    }

    .separador.h545 {
        height: 545px
    }

        .separador.h545.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h545 {
            height: calc($height/2)
        }

            .separador.h545.fixed {
                height: 545px
            }

            .separador.h545.mobile {
                height: 545px
            }
    }

    .separador.h550 {
        height: 550px
    }

        .separador.h550.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h550 {
            height: calc($height/2)
        }

            .separador.h550.fixed {
                height: 550px
            }

            .separador.h550.mobile {
                height: 550px
            }
    }

    .separador.h555 {
        height: 555px
    }

        .separador.h555.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h555 {
            height: calc($height/2)
        }

            .separador.h555.fixed {
                height: 555px
            }

            .separador.h555.mobile {
                height: 555px
            }
    }

    .separador.h560 {
        height: 560px
    }

        .separador.h560.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h560 {
            height: calc($height/2)
        }

            .separador.h560.fixed {
                height: 560px
            }

            .separador.h560.mobile {
                height: 560px
            }
    }

    .separador.h565 {
        height: 565px
    }

        .separador.h565.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h565 {
            height: calc($height/2)
        }

            .separador.h565.fixed {
                height: 565px
            }

            .separador.h565.mobile {
                height: 565px
            }
    }

    .separador.h570 {
        height: 570px
    }

        .separador.h570.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h570 {
            height: calc($height/2)
        }

            .separador.h570.fixed {
                height: 570px
            }

            .separador.h570.mobile {
                height: 570px
            }
    }

    .separador.h575 {
        height: 575px
    }

        .separador.h575.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h575 {
            height: calc($height/2)
        }

            .separador.h575.fixed {
                height: 575px
            }

            .separador.h575.mobile {
                height: 575px
            }
    }

    .separador.h580 {
        height: 580px
    }

        .separador.h580.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h580 {
            height: calc($height/2)
        }

            .separador.h580.fixed {
                height: 580px
            }

            .separador.h580.mobile {
                height: 580px
            }
    }

    .separador.h585 {
        height: 585px
    }

        .separador.h585.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h585 {
            height: calc($height/2)
        }

            .separador.h585.fixed {
                height: 585px
            }

            .separador.h585.mobile {
                height: 585px
            }
    }

    .separador.h590 {
        height: 590px
    }

        .separador.h590.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h590 {
            height: calc($height/2)
        }

            .separador.h590.fixed {
                height: 590px
            }

            .separador.h590.mobile {
                height: 590px
            }
    }

    .separador.h595 {
        height: 595px
    }

        .separador.h595.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h595 {
            height: calc($height/2)
        }

            .separador.h595.fixed {
                height: 595px
            }

            .separador.h595.mobile {
                height: 595px
            }
    }

    .separador.h600 {
        height: 600px
    }

        .separador.h600.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h600 {
            height: calc($height/2)
        }

            .separador.h600.fixed {
                height: 600px
            }

            .separador.h600.mobile {
                height: 600px
            }
    }

    .separador.h605 {
        height: 605px
    }

        .separador.h605.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h605 {
            height: calc($height/2)
        }

            .separador.h605.fixed {
                height: 605px
            }

            .separador.h605.mobile {
                height: 605px
            }
    }

    .separador.h610 {
        height: 610px
    }

        .separador.h610.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h610 {
            height: calc($height/2)
        }

            .separador.h610.fixed {
                height: 610px
            }

            .separador.h610.mobile {
                height: 610px
            }
    }

    .separador.h615 {
        height: 615px
    }

        .separador.h615.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h615 {
            height: calc($height/2)
        }

            .separador.h615.fixed {
                height: 615px
            }

            .separador.h615.mobile {
                height: 615px
            }
    }

    .separador.h620 {
        height: 620px
    }

        .separador.h620.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h620 {
            height: calc($height/2)
        }

            .separador.h620.fixed {
                height: 620px
            }

            .separador.h620.mobile {
                height: 620px
            }
    }

    .separador.h625 {
        height: 625px
    }

        .separador.h625.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h625 {
            height: calc($height/2)
        }

            .separador.h625.fixed {
                height: 625px
            }

            .separador.h625.mobile {
                height: 625px
            }
    }

    .separador.h630 {
        height: 630px
    }

        .separador.h630.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h630 {
            height: calc($height/2)
        }

            .separador.h630.fixed {
                height: 630px
            }

            .separador.h630.mobile {
                height: 630px
            }
    }

    .separador.h635 {
        height: 635px
    }

        .separador.h635.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h635 {
            height: calc($height/2)
        }

            .separador.h635.fixed {
                height: 635px
            }

            .separador.h635.mobile {
                height: 635px
            }
    }

    .separador.h640 {
        height: 640px
    }

        .separador.h640.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h640 {
            height: calc($height/2)
        }

            .separador.h640.fixed {
                height: 640px
            }

            .separador.h640.mobile {
                height: 640px
            }
    }

    .separador.h645 {
        height: 645px
    }

        .separador.h645.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h645 {
            height: calc($height/2)
        }

            .separador.h645.fixed {
                height: 645px
            }

            .separador.h645.mobile {
                height: 645px
            }
    }

    .separador.h650 {
        height: 650px
    }

        .separador.h650.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h650 {
            height: calc($height/2)
        }

            .separador.h650.fixed {
                height: 650px
            }

            .separador.h650.mobile {
                height: 650px
            }
    }

    .separador.h655 {
        height: 655px
    }

        .separador.h655.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h655 {
            height: calc($height/2)
        }

            .separador.h655.fixed {
                height: 655px
            }

            .separador.h655.mobile {
                height: 655px
            }
    }

    .separador.h660 {
        height: 660px
    }

        .separador.h660.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h660 {
            height: calc($height/2)
        }

            .separador.h660.fixed {
                height: 660px
            }

            .separador.h660.mobile {
                height: 660px
            }
    }

    .separador.h665 {
        height: 665px
    }

        .separador.h665.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h665 {
            height: calc($height/2)
        }

            .separador.h665.fixed {
                height: 665px
            }

            .separador.h665.mobile {
                height: 665px
            }
    }

    .separador.h670 {
        height: 670px
    }

        .separador.h670.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h670 {
            height: calc($height/2)
        }

            .separador.h670.fixed {
                height: 670px
            }

            .separador.h670.mobile {
                height: 670px
            }
    }

    .separador.h675 {
        height: 675px
    }

        .separador.h675.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h675 {
            height: calc($height/2)
        }

            .separador.h675.fixed {
                height: 675px
            }

            .separador.h675.mobile {
                height: 675px
            }
    }

    .separador.h680 {
        height: 680px
    }

        .separador.h680.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h680 {
            height: calc($height/2)
        }

            .separador.h680.fixed {
                height: 680px
            }

            .separador.h680.mobile {
                height: 680px
            }
    }

    .separador.h685 {
        height: 685px
    }

        .separador.h685.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h685 {
            height: calc($height/2)
        }

            .separador.h685.fixed {
                height: 685px
            }

            .separador.h685.mobile {
                height: 685px
            }
    }

    .separador.h690 {
        height: 690px
    }

        .separador.h690.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h690 {
            height: calc($height/2)
        }

            .separador.h690.fixed {
                height: 690px
            }

            .separador.h690.mobile {
                height: 690px
            }
    }

    .separador.h695 {
        height: 695px
    }

        .separador.h695.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h695 {
            height: calc($height/2)
        }

            .separador.h695.fixed {
                height: 695px
            }

            .separador.h695.mobile {
                height: 695px
            }
    }

    .separador.h700 {
        height: 700px
    }

        .separador.h700.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h700 {
            height: calc($height/2)
        }

            .separador.h700.fixed {
                height: 700px
            }

            .separador.h700.mobile {
                height: 700px
            }
    }

    .separador.h705 {
        height: 705px
    }

        .separador.h705.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h705 {
            height: calc($height/2)
        }

            .separador.h705.fixed {
                height: 705px
            }

            .separador.h705.mobile {
                height: 705px
            }
    }

    .separador.h710 {
        height: 710px
    }

        .separador.h710.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h710 {
            height: calc($height/2)
        }

            .separador.h710.fixed {
                height: 710px
            }

            .separador.h710.mobile {
                height: 710px
            }
    }

    .separador.h715 {
        height: 715px
    }

        .separador.h715.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h715 {
            height: calc($height/2)
        }

            .separador.h715.fixed {
                height: 715px
            }

            .separador.h715.mobile {
                height: 715px
            }
    }

    .separador.h720 {
        height: 720px
    }

        .separador.h720.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h720 {
            height: calc($height/2)
        }

            .separador.h720.fixed {
                height: 720px
            }

            .separador.h720.mobile {
                height: 720px
            }
    }

    .separador.h725 {
        height: 725px
    }

        .separador.h725.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h725 {
            height: calc($height/2)
        }

            .separador.h725.fixed {
                height: 725px
            }

            .separador.h725.mobile {
                height: 725px
            }
    }

    .separador.h730 {
        height: 730px
    }

        .separador.h730.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h730 {
            height: calc($height/2)
        }

            .separador.h730.fixed {
                height: 730px
            }

            .separador.h730.mobile {
                height: 730px
            }
    }

    .separador.h735 {
        height: 735px
    }

        .separador.h735.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h735 {
            height: calc($height/2)
        }

            .separador.h735.fixed {
                height: 735px
            }

            .separador.h735.mobile {
                height: 735px
            }
    }

    .separador.h740 {
        height: 740px
    }

        .separador.h740.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h740 {
            height: calc($height/2)
        }

            .separador.h740.fixed {
                height: 740px
            }

            .separador.h740.mobile {
                height: 740px
            }
    }

    .separador.h745 {
        height: 745px
    }

        .separador.h745.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h745 {
            height: calc($height/2)
        }

            .separador.h745.fixed {
                height: 745px
            }

            .separador.h745.mobile {
                height: 745px
            }
    }

    .separador.h750 {
        height: 750px
    }

        .separador.h750.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h750 {
            height: calc($height/2)
        }

            .separador.h750.fixed {
                height: 750px
            }

            .separador.h750.mobile {
                height: 750px
            }
    }

    .separador.h755 {
        height: 755px
    }

        .separador.h755.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h755 {
            height: calc($height/2)
        }

            .separador.h755.fixed {
                height: 755px
            }

            .separador.h755.mobile {
                height: 755px
            }
    }

    .separador.h760 {
        height: 760px
    }

        .separador.h760.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h760 {
            height: calc($height/2)
        }

            .separador.h760.fixed {
                height: 760px
            }

            .separador.h760.mobile {
                height: 760px
            }
    }

    .separador.h765 {
        height: 765px
    }

        .separador.h765.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h765 {
            height: calc($height/2)
        }

            .separador.h765.fixed {
                height: 765px
            }

            .separador.h765.mobile {
                height: 765px
            }
    }

    .separador.h770 {
        height: 770px
    }

        .separador.h770.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h770 {
            height: calc($height/2)
        }

            .separador.h770.fixed {
                height: 770px
            }

            .separador.h770.mobile {
                height: 770px
            }
    }

    .separador.h775 {
        height: 775px
    }

        .separador.h775.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h775 {
            height: calc($height/2)
        }

            .separador.h775.fixed {
                height: 775px
            }

            .separador.h775.mobile {
                height: 775px
            }
    }

    .separador.h780 {
        height: 780px
    }

        .separador.h780.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h780 {
            height: calc($height/2)
        }

            .separador.h780.fixed {
                height: 780px
            }

            .separador.h780.mobile {
                height: 780px
            }
    }

    .separador.h785 {
        height: 785px
    }

        .separador.h785.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h785 {
            height: calc($height/2)
        }

            .separador.h785.fixed {
                height: 785px
            }

            .separador.h785.mobile {
                height: 785px
            }
    }

    .separador.h790 {
        height: 790px
    }

        .separador.h790.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h790 {
            height: calc($height/2)
        }

            .separador.h790.fixed {
                height: 790px
            }

            .separador.h790.mobile {
                height: 790px
            }
    }

    .separador.h795 {
        height: 795px
    }

        .separador.h795.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h795 {
            height: calc($height/2)
        }

            .separador.h795.fixed {
                height: 795px
            }

            .separador.h795.mobile {
                height: 795px
            }
    }

    .separador.h800 {
        height: 800px
    }

        .separador.h800.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h800 {
            height: calc($height/2)
        }

            .separador.h800.fixed {
                height: 800px
            }

            .separador.h800.mobile {
                height: 800px
            }
    }

    .separador.h805 {
        height: 805px
    }

        .separador.h805.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h805 {
            height: calc($height/2)
        }

            .separador.h805.fixed {
                height: 805px
            }

            .separador.h805.mobile {
                height: 805px
            }
    }

    .separador.h810 {
        height: 810px
    }

        .separador.h810.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h810 {
            height: calc($height/2)
        }

            .separador.h810.fixed {
                height: 810px
            }

            .separador.h810.mobile {
                height: 810px
            }
    }

    .separador.h815 {
        height: 815px
    }

        .separador.h815.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h815 {
            height: calc($height/2)
        }

            .separador.h815.fixed {
                height: 815px
            }

            .separador.h815.mobile {
                height: 815px
            }
    }

    .separador.h820 {
        height: 820px
    }

        .separador.h820.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h820 {
            height: calc($height/2)
        }

            .separador.h820.fixed {
                height: 820px
            }

            .separador.h820.mobile {
                height: 820px
            }
    }

    .separador.h825 {
        height: 825px
    }

        .separador.h825.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h825 {
            height: calc($height/2)
        }

            .separador.h825.fixed {
                height: 825px
            }

            .separador.h825.mobile {
                height: 825px
            }
    }

    .separador.h830 {
        height: 830px
    }

        .separador.h830.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h830 {
            height: calc($height/2)
        }

            .separador.h830.fixed {
                height: 830px
            }

            .separador.h830.mobile {
                height: 830px
            }
    }

    .separador.h835 {
        height: 835px
    }

        .separador.h835.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h835 {
            height: calc($height/2)
        }

            .separador.h835.fixed {
                height: 835px
            }

            .separador.h835.mobile {
                height: 835px
            }
    }

    .separador.h840 {
        height: 840px
    }

        .separador.h840.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h840 {
            height: calc($height/2)
        }

            .separador.h840.fixed {
                height: 840px
            }

            .separador.h840.mobile {
                height: 840px
            }
    }

    .separador.h845 {
        height: 845px
    }

        .separador.h845.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h845 {
            height: calc($height/2)
        }

            .separador.h845.fixed {
                height: 845px
            }

            .separador.h845.mobile {
                height: 845px
            }
    }

    .separador.h850 {
        height: 850px
    }

        .separador.h850.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h850 {
            height: calc($height/2)
        }

            .separador.h850.fixed {
                height: 850px
            }

            .separador.h850.mobile {
                height: 850px
            }
    }

    .separador.h855 {
        height: 855px
    }

        .separador.h855.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h855 {
            height: calc($height/2)
        }

            .separador.h855.fixed {
                height: 855px
            }

            .separador.h855.mobile {
                height: 855px
            }
    }

    .separador.h860 {
        height: 860px
    }

        .separador.h860.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h860 {
            height: calc($height/2)
        }

            .separador.h860.fixed {
                height: 860px
            }

            .separador.h860.mobile {
                height: 860px
            }
    }

    .separador.h865 {
        height: 865px
    }

        .separador.h865.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h865 {
            height: calc($height/2)
        }

            .separador.h865.fixed {
                height: 865px
            }

            .separador.h865.mobile {
                height: 865px
            }
    }

    .separador.h870 {
        height: 870px
    }

        .separador.h870.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h870 {
            height: calc($height/2)
        }

            .separador.h870.fixed {
                height: 870px
            }

            .separador.h870.mobile {
                height: 870px
            }
    }

    .separador.h875 {
        height: 875px
    }

        .separador.h875.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h875 {
            height: calc($height/2)
        }

            .separador.h875.fixed {
                height: 875px
            }

            .separador.h875.mobile {
                height: 875px
            }
    }

    .separador.h880 {
        height: 880px
    }

        .separador.h880.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h880 {
            height: calc($height/2)
        }

            .separador.h880.fixed {
                height: 880px
            }

            .separador.h880.mobile {
                height: 880px
            }
    }

    .separador.h885 {
        height: 885px
    }

        .separador.h885.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h885 {
            height: calc($height/2)
        }

            .separador.h885.fixed {
                height: 885px
            }

            .separador.h885.mobile {
                height: 885px
            }
    }

    .separador.h890 {
        height: 890px
    }

        .separador.h890.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h890 {
            height: calc($height/2)
        }

            .separador.h890.fixed {
                height: 890px
            }

            .separador.h890.mobile {
                height: 890px
            }
    }

    .separador.h895 {
        height: 895px
    }

        .separador.h895.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h895 {
            height: calc($height/2)
        }

            .separador.h895.fixed {
                height: 895px
            }

            .separador.h895.mobile {
                height: 895px
            }
    }

    .separador.h900 {
        height: 900px
    }

        .separador.h900.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h900 {
            height: calc($height/2)
        }

            .separador.h900.fixed {
                height: 900px
            }

            .separador.h900.mobile {
                height: 900px
            }
    }

    .separador.h905 {
        height: 905px
    }

        .separador.h905.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h905 {
            height: calc($height/2)
        }

            .separador.h905.fixed {
                height: 905px
            }

            .separador.h905.mobile {
                height: 905px
            }
    }

    .separador.h910 {
        height: 910px
    }

        .separador.h910.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h910 {
            height: calc($height/2)
        }

            .separador.h910.fixed {
                height: 910px
            }

            .separador.h910.mobile {
                height: 910px
            }
    }

    .separador.h915 {
        height: 915px
    }

        .separador.h915.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h915 {
            height: calc($height/2)
        }

            .separador.h915.fixed {
                height: 915px
            }

            .separador.h915.mobile {
                height: 915px
            }
    }

    .separador.h920 {
        height: 920px
    }

        .separador.h920.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h920 {
            height: calc($height/2)
        }

            .separador.h920.fixed {
                height: 920px
            }

            .separador.h920.mobile {
                height: 920px
            }
    }

    .separador.h925 {
        height: 925px
    }

        .separador.h925.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h925 {
            height: calc($height/2)
        }

            .separador.h925.fixed {
                height: 925px
            }

            .separador.h925.mobile {
                height: 925px
            }
    }

    .separador.h930 {
        height: 930px
    }

        .separador.h930.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h930 {
            height: calc($height/2)
        }

            .separador.h930.fixed {
                height: 930px
            }

            .separador.h930.mobile {
                height: 930px
            }
    }

    .separador.h935 {
        height: 935px
    }

        .separador.h935.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h935 {
            height: calc($height/2)
        }

            .separador.h935.fixed {
                height: 935px
            }

            .separador.h935.mobile {
                height: 935px
            }
    }

    .separador.h940 {
        height: 940px
    }

        .separador.h940.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h940 {
            height: calc($height/2)
        }

            .separador.h940.fixed {
                height: 940px
            }

            .separador.h940.mobile {
                height: 940px
            }
    }

    .separador.h945 {
        height: 945px
    }

        .separador.h945.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h945 {
            height: calc($height/2)
        }

            .separador.h945.fixed {
                height: 945px
            }

            .separador.h945.mobile {
                height: 945px
            }
    }

    .separador.h950 {
        height: 950px
    }

        .separador.h950.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h950 {
            height: calc($height/2)
        }

            .separador.h950.fixed {
                height: 950px
            }

            .separador.h950.mobile {
                height: 950px
            }
    }

    .separador.h955 {
        height: 955px
    }

        .separador.h955.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h955 {
            height: calc($height/2)
        }

            .separador.h955.fixed {
                height: 955px
            }

            .separador.h955.mobile {
                height: 955px
            }
    }

    .separador.h960 {
        height: 960px
    }

        .separador.h960.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h960 {
            height: calc($height/2)
        }

            .separador.h960.fixed {
                height: 960px
            }

            .separador.h960.mobile {
                height: 960px
            }
    }

    .separador.h965 {
        height: 965px
    }

        .separador.h965.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h965 {
            height: calc($height/2)
        }

            .separador.h965.fixed {
                height: 965px
            }

            .separador.h965.mobile {
                height: 965px
            }
    }

    .separador.h970 {
        height: 970px
    }

        .separador.h970.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h970 {
            height: calc($height/2)
        }

            .separador.h970.fixed {
                height: 970px
            }

            .separador.h970.mobile {
                height: 970px
            }
    }

    .separador.h975 {
        height: 975px
    }

        .separador.h975.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h975 {
            height: calc($height/2)
        }

            .separador.h975.fixed {
                height: 975px
            }

            .separador.h975.mobile {
                height: 975px
            }
    }

    .separador.h980 {
        height: 980px
    }

        .separador.h980.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h980 {
            height: calc($height/2)
        }

            .separador.h980.fixed {
                height: 980px
            }

            .separador.h980.mobile {
                height: 980px
            }
    }

    .separador.h985 {
        height: 985px
    }

        .separador.h985.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h985 {
            height: calc($height/2)
        }

            .separador.h985.fixed {
                height: 985px
            }

            .separador.h985.mobile {
                height: 985px
            }
    }

    .separador.h990 {
        height: 990px
    }

        .separador.h990.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h990 {
            height: calc($height/2)
        }

            .separador.h990.fixed {
                height: 990px
            }

            .separador.h990.mobile {
                height: 990px
            }
    }

    .separador.h995 {
        height: 995px
    }

        .separador.h995.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h995 {
            height: calc($height/2)
        }

            .separador.h995.fixed {
                height: 995px
            }

            .separador.h995.mobile {
                height: 995px
            }
    }

    .separador.h1000 {
        height: 1000px
    }

        .separador.h1000.mobile {
            height: 0
        }

    @media only screen and (max-width :800px) {
        .separador.h1000 {
            height: calc($height/2)
        }

            .separador.h1000.fixed {
                height: 1000px
            }

            .separador.h1000.mobile {
                height: 1000px
            }
    }

    .separador.lineal {
        position: relative;
        margin: 5px 0
    }

        .separador.lineal:after {
            display: block;
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
            background-color: #595b5a
        }

        .separador.lineal.gris:after {
            background-color: rgba(0,0,0,.1)
        }

        .separador.lineal.grismasclaro:after {
            background-color: #f2f2f2
        }

        .separador.lineal.grisclaro:after {
            background-color: #d8d8d8
        }

        .separador.lineal.rojo:after {
            background-color: #ef3742
        }

        .separador.lineal.azul:after {
            background-color: #006fb9
        }

        .separador.lineal.verde:after {
            background-color: #00953a
        }

        .separador.lineal.amarillo:after {
            background-color: gold
        }

        .separador.lineal.th-1:after {
            border-radius: calc($height/2);
            height: 1px !important
        }

        .separador.lineal.th-2:after {
            border-radius: calc($height/2);
            height: 2px !important
        }

        .separador.lineal.th-3:after {
            border-radius: calc($height/2);
            height: 3px !important
        }

        .separador.lineal.th-4:after {
            border-radius: calc($height/2);
            height: 4px !important
        }

        .separador.lineal.th-5:after {
            border-radius: calc($height/2);
            height: 5px !important
        }

        .separador.lineal.th-6:after {
            border-radius: calc($height/2);
            height: 6px !important
        }

        .separador.lineal.th-7:after {
            border-radius: calc($height/2);
            height: 7px !important
        }

        .separador.lineal.th-8:after {
            border-radius: calc($height/2);
            height: 8px !important
        }

        .separador.lineal.th-9:after {
            border-radius: calc($height/2);
            height: 9px !important
        }

        .separador.lineal.th-10:after {
            border-radius: calc($height/2);
            height: 10px !important
        }

    body {
        height: 100%;
        width: 100%;
        background-color: #f2f2f2;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat
    }

        body.raw {
            background-color: #404141
        }

    html {
        position: relative;
        min-height: 100%
    }

    .logotipoBciBlanco {
        background-image: url(../img/logoBciSeguros_blanco.svg);
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center center
    }

    .scroll-to-top {
        position: fixed;
        right: -10px;
        bottom: 10px;
        display: none;
        width: 50px;
        height: 40px;
        text-align: center;
        color: #fff;
        background: rgba(242,242,242,.6);
        z-index: 100000;
        transition: all .1s linear;
        line-height: 46px;
        background-image: url(../img/svg/_bold_up.svg);
        background-repeat: no-repeat;
        border-radius: 20px 0 0 20px;
        box-shadow: 0 0 8px 0 rgba(0,0,0,.3);
        -ms-box-shadow: 0 0 8px 0 rgba(0,0,0,.3)
    }

        .scroll-to-top:focus, .scroll-to-top:hover {
            color: #fff;
            right: 0
        }

        .scroll-to-top:hover {
            background-color: rgba(255,255,255,.8);
            background-image: url(../img/svg/_bold_up.svg)
        }

        .scroll-to-top i {
            font-family: overpassbold,sans-serif
        }

    .btn-seguimiento {
        width: 100%;
        min-width: 116px;
        height: 20px;
        background-color: #e6e6e6;
        line-height: 20px !important;
        padding: 0 2px !important;
        margin: 5px 0 0 0 !important;
        display: inline-block;
        text-align: left;
        position: relative;
        color: #006fb9 !important;
        text-transform: uppercase;
        font-family: overpassregular,sans-serif;
        font-size: .7rem;
        overflow-x: hidden;
        border-radius: 10px;
        transition: all .1s linear;
        cursor: pointer
    }

        .btn-seguimiento .bci-icon {
            transition: all .1s linear;
            position: absolute;
            top: 0;
            right: 5px;
            height: 20px;
            background-size: auto 150%;
            opacity: 1 !important;
            filter: grayscale(0);
            -webkit-filter: grayscale(0)
        }

        .btn-seguimiento:hover {
            text-align: center;
            background-color: #006fb9;
            color: #fff !important
        }

            .btn-seguimiento:hover .bci-icon {
                right: -25px
            }

    .boton-seguimiento {
        width: 100%;
        height: 30px;
        background-color: #e6e6e6;
        line-height: 30px !important;
        padding: 0 10px !important;
        margin: 0 !important;
        display: inline-block;
        text-align: left;
        position: relative;
        color: #006fb9 !important;
        text-transform: uppercase;
        font-family: overpassregular,sans-serif,sans-serif;
        font-size: .7rem;
        overflow-x: hidden;
        border-radius: 20px;
        transition: all .1s linear;
        cursor: pointer
    }

        .boton-seguimiento .bci-icon {
            transition: all .1s linear;
            position: absolute;
            top: 0;
            width: 40px;
            right: 5px;
            height: 30px;
            background-size: auto 150%;
            opacity: 1 !important;
            filter: grayscale(0);
            -webkit-filter: grayscale(0)
        }

        .boton-seguimiento:hover {
            text-align: center;
            background-color: #006fb9;
            color: #fff !important
        }

            .boton-seguimiento:hover .bci-icon {
                right: -25px
            }

    a.action {
        cursor: pointer;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-size: auto 90%;
        background-position: center;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        position: relative
    }

        a.action .bci-icon {
            opacity: .7
        }

            a.action .bci-icon.color {
                opacity: 1
            }

        a.action:hover .bci-icon {
            opacity: .5
        }

        a.action.tool-tips[data-tooltip=ok] {
            cursor: pointer;
            z-index: 10001101
        }

            a.action.tool-tips[data-tooltip=ok]:hover:after {
                content: "";
                position: absolute;
                bottom: -10px;
                right: 40px;
                width: 450px;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                font-size: .9rem;
                line-height: 1.2;
                height: 40px;
                text-align: center;
                background: #3a3a3a;
                color: #fff;
                content: attr(data-message);
                padding: 3px;
                font-family: Arial,sans-serif;
                border-radius: 4px;
                z-index: 10001101;
                font-weight: 300
            }

            a.action.tool-tips[data-tooltip=ok]:hover:before {
                content: "";
                z-index: 100001;
                position: absolute;
                display: block;
                width: 15px;
                bottom: -10px;
                height: 40px;
                right: 30px;
                background-repeat: no-repeat;
                background-size: 100% auto;
                background-position: center center;
                background-image: url(../img/sidetooltip_left.svg);
                filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .1))
            }

    .boton {
        border-radius: 2px;
        font-family: overpassregular,sans-serif;
        text-transform: uppercase;
        color: #ccc;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: .9rem;
        cursor: pointer;
        background-color: #fafafa;
        padding: 5px 20px;
        position: relative;
        max-width: 250px;
        min-width: 100px;
        margin: 5px 5px;
        height: auto;
        border: none
    }

    .win .boton {
        padding: 7px 20px 4px
    }

    .boton.ajustado {
        font-size: .85rem;
        line-height: .9;
        max-width: 145px
    }

    .boton:active, .boton:focus, .boton:hover {
        opacity: .8;
        color: #fff;
        text-decoration: none
    }

    @media only screen and (max-width :800px) {
        .boton {
            font-size: .9rem
        }
    }

    @media only screen and (max-width :576px) {
        .boton {
            font-size: .8rem;
            min-width: 170px;
            padding: 4px 20px
        }
    }

    .boton.flotante {
        position: fixed;
        bottom: 10px;
        right: 10px
    }

    @media only screen and (max-width :576px) {
        .boton.descargar {
            display: none
        }
    }

    .boton.icono {
        min-width: 30px;
        max-width: 30px;
        height: 30px;
        padding: 0
    }

        .boton.icono .bci-icon {
            width: 30px;
            height: 30px;
            opacity: 1;
            filter: grayscale(100%) brightness(30%);
            -webkit-filter: grayscale(100%) brightness(300%);
            -ms-filter: grayscale(100%) brightness(300%)
        }

        .boton.icono.chico {
            height: 24px;
            line-height: 24px;
            font-size: .7rem
        }

    .boton.eliminar {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        color: #ef3742
    }

        .boton.eliminar .bci-icon {
            margin-right: 5px
        }

        .boton.eliminar:hover {
            color: #595b5a
        }

            .boton.eliminar:hover .bci-icon {
                filter: grayscale(100%);
                -webkit-filter: grayscale(100%)
            }

    .boton.chico, .boton.small {
        font-size: .7rem;
        margin: 4px 0;
        display: inline-block
    }

        .boton.chico.icon, .boton.small.icon {
            padding-left: 40px
        }

            .boton.chico.icon .bci-icon, .boton.small.icon .bci-icon {
                opacity: 1;
                filter: grayscale(0) brightness(400%);
                -webkit-filter: grayscale(0) brightness(400%);
                -ms-filter: grayscale(0) brightness(400%);
                position: absolute;
                left: 4px;
                top: -1px;
                height: 100%;
                width: 30px;
                background-size: auto 85%
            }

    @media only screen and (max-width :800px) {
        .boton.chico, .boton.small {
            padding: 4px 7px;
            min-width: 10px
        }
    }

    .boton.grande {
        font-size: 1rem;
        padding: 6px 12px 6px 12px;
        min-width: 130px;
        max-width: 300px;
        text-align: center
    }

        .boton.grande.icon {
            padding-left: 30px
        }

            .boton.grande.icon .bci-icon {
                opacity: 1;
                filter: grayscale(0) brightness(400%);
                -webkit-filter: grayscale(0) brightness(400%);
                position: absolute;
                left: 5px;
                top: -1px;
                height: 100%;
                width: 20px;
                background-position: center center;
                background-size: auto 98%
            }

    @media only screen and (max-width :576px) {
        .boton.grande {
            min-width: 100px;
            max-width: inherit
        }

            .boton.grande i {
                display: none
            }

        .card-footer .boton.grande {
            padding: 6px !important;
            font-size: .65rem;
            text-align: center
        }
    }

    .boton.texto {
        color: #006fb9;
        font-size: .9rem;
        text-decoration: underline !important;
        text-align: left;
        text-transform: capitalize;
        width: auto;
        max-width: 100%;
        padding: 0 0 0 12px;
        margin: 0 0 0 5px;
        height: 20px;
        background-color: transparent;
        background-image: url(../img/svg/bulletarrow.svg);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: auto 8px;
        transition: all .1s linear
    }

        .boton.texto:hover {
            color: #595b5a;
            background-position: 4px center
        }

        .boton.texto.azul {
            color: #006fb9 !important;
            background-image: url(../img/svg/bulletarrow.svg)
        }

        .boton.texto.verde {
            color: #00953a !important;
            background-image: url(../img/svg/bulletarrow_verde.svg)
        }

        .boton.texto.blanco {
            color: #f2f2f2 !important;
            background-image: url(../img/svg/bulletarrow.svg)
        }

    .modulos-cobertura .boton.texto {
        font-size: .8rem;
        color: #fff !important;
        background-image: url(../img/svg/bulletarrow_blanco.svg) !important
    }

    .boton.simple {
        background: 0 0;
        box-shadow: none !important;
        text-transform: inherit;
        color: #006fb9 !important;
        position: relative;
        float: left
    }

        .boton.simple::after {
            transition: all .1s linear;
            content: " ";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #595b5a;
            opacity: .05;
            border-radius: 3px
        }

        .boton.simple::before {
            transition: all .1s linear;
            content: " ";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            background: #006fb9;
            z-index: 10;
            border-radius: 2px
        }

        .boton.simple:hover::after {
            height: 0
        }

        .boton.simple:hover::before {
            height: 6px
        }

        .boton.simple.bg-rojo {
            color: #ef3742 !important
        }

            .boton.simple.bg-rojo::before {
                background: #ef3742
            }

        .boton.simple.bg-azul {
            color: #006fb9 !important
        }

            .boton.simple.bg-azul::before {
                background: #006fb9
            }

        .boton.simple.bg-verde {
            color: #00953a !important
        }

            .boton.simple.bg-verde::before {
                background: #00953a
            }

        .boton.simple.bg-gris {
            color: #595b5a !important
        }

            .boton.simple.bg-gris::before {
                background: #595b5a
            }

    .boton.volver {
        box-shadow: none !important;
        color: #595b5a;
        position: relative;
        max-width: 120px
    }

    .card-footer > .boton.volver, .modal-footer > .boton.volver {
        position: absolute;
        top: .75rem;
        left: 1.25rem
    }

    @media only screen and (max-width :800px) {
        .card-footer > .boton.volver, .modal-footer > .boton.volver {
            min-width: 34px;
            overflow: hidden;
            text-indent: -999px;
            width: 35px;
            left: .5rem
        }

            .card-footer > .boton.volver::before, .modal-footer > .boton.volver::before {
                left: 0
            }
    }

    .boton.volver::before {
        content: "";
        display: block;
        position: absolute;
        left: -2px;
        top: 0;
        height: 100%;
        width: 20px;
        background: no-repeat center center url(../img/svg/_lite_back_arrow.svg);
        background-size: auto 60%
    }

    .boton.expandable {
        width: 120px;
        position: absolute;
        top: 0;
        right: 1%;
        font-size: .6rem;
        line-height: .7rem;
        text-align: left;
        padding: 7px 20px 7px 30px;
        text-indent: 0;
        z-index: 999
    }

        .boton.expandable .bci-icon {
            position: absolute;
            top: 0;
            height: 100%;
            left: 3px
        }

    @media only screen and (max-width :576px) {
        .boton.expandable {
            display: block;
            width: 100%;
            position: relative;
            max-width: 100%;
            margin: 10px
        }
    }

    .boton.expandable[aria-expanded=false] .on {
        display: none
    }

    .boton.expandable[aria-expanded=false] .off {
        display: inline-block
    }

    .boton.expandable[aria-expanded=false] .bci-icon {
        opacity: 1
    }

        .boton.expandable[aria-expanded=false] .bci-icon.expand {
            background-image: url(../img/svg/_lite_expand.svg)
        }

    .boton.expandable[aria-expanded=true] {
        box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.2);
        -ms-box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.2);
        background-color: #595b5a
    }

        .boton.expandable[aria-expanded=true] .off {
            display: none
        }

        .boton.expandable[aria-expanded=true] .on {
            display: inline-block
        }

        .boton.expandable[aria-expanded=true] .bci-icon {
            opacity: 1
        }

            .boton.expandable[aria-expanded=true] .bci-icon.expand {
                background-image: url(../img/svg/_lite_contract.svg)
            }

    .boton.bg-negro {
        background-color: #000 !important;
        color: #f2f2f2 !important
    }

    .boton.bg-gris {
        background-color: #aeb2af;
        color: #fafafa !important
    }

    .boton.bg-blanco {
        background-color: #fafafa;
        color: #595b5a !important
    }

    .boton.bg-rojo {
        background-color: #ef3742;
        color: #fff !important
    }

    .boton.bg-azul {
        background-color: #006fb9;
        color: #fff !important
    }

    .boton.bg-verde {
        background-color: #00953a;
        color: #fff !important
    }

    .boton.bg-disabled {
        background-color: #ccc;
        color: #f2f2f2 !important;
        width: auto;
        cursor: not-allowed
    }

    .boton.borde {
        background: 0 0 !important;
        border: none;
        outline: #f2f2f2 3px solid;
        font-size: .8rem;
        padding: 0 10px;
        min-width: 100px !important;
        width: auto;
        line-height: 30px;
        height: 30px
    }

        .boton.borde.bg-negro {
            outline-color: #272727 !important;
            color: #272727 !important
        }

        .boton.borde.bg-gris {
            outline-color: #a6a7a7 !important;
            color: #a6a7a7 !important
        }

        .boton.borde.bg-grisoscuro {
            outline-color: #727574 !important;
            color: #727574 !important
        }

        .boton.borde.bg-negro {
            outline-color: #595b5a !important;
            color: #595b5a !important
        }

        .boton.borde.bg-rojo {
            outline-color: #ef3742 !important;
            color: #ef3742 !important
        }

        .boton.borde.bg-azul {
            outline-color: #006fb9 !important;
            color: #006fb9 !important
        }

        .boton.borde.bg-verde {
            outline-color: #00953a !important;
            color: #00953a !important
        }

        .boton.borde.icono {
            min-width: 200px;
            max-width: 500px;
            padding-right: 5px;
            padding-left: 30px
        }

            .boton.borde.icono .bci-icon {
                opacity: .7;
                filter: brightness(100%);
                -webkit-filter: brightness(100%);
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 30px;
                margin: 0;
                background-size: auto 70%
            }

    a.text-link {
        color: #595b5a;
        text-decoration: none;
        font-size: .8rem;
        font-family: overpassregular,sans-serif,sans-serif;
        line-height: 35px;
        cursor: pointer
    }

        a.text-link.icon {
            position: relative;
            padding-left: 30px
        }

            a.text-link.icon:active, a.text-link.icon:focus, a.text-link.icon:hover {
                color: #006fb9 !important;
                opacity: .5
            }

            a.text-link.icon i {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                margin: 0;
                padding: 0;
                background-size: auto 150%
            }

        a.text-link u {
            text-decoration: none;
            border-bottom: 3px solid #595b5a
        }

        a.text-link:active, a.text-link:focus, a.text-link:hover {
            color: #006fb9;
            text-decoration: none
        }

            a.text-link:active u, a.text-link:focus u, a.text-link:hover u {
                border-bottom: 3px solid #006fb9
            }

    @media only screen and (max-width :800px) {
        a.text-link {
            font-size: .8rem;
            display: block;
            margin: 0 10px
        }
    }

    @media only screen and (max-width :576px) {
        a.text-link {
            font-size: .75rem
        }
    }

    .solo-descargar {
        position: absolute;
        top: 0;
        text-align: right;
        width: 82px;
        display: block;
        line-height: 1;
        padding-right: 22px;
        color: #aeb2af !important
    }

        .solo-descargar:hover {
            color: #595b5a !important
        }

            .solo-descargar:hover .bci-icon {
                opacity: 1
            }

        .solo-descargar .bci-icon {
            position: absolute;
            top: 0;
            right: 0
        }

    .solo-icono {
        padding: 0 5px;
        margin: 0 5px;
        height: 25px;
        min-width: 25px;
        width: 25px;
        display: inline-block;
        box-shadow: none !important;
        position: relative
    }

    @media only screen and (max-width :800px) {
        .solo-icono {
            margin: 0 2px;
            padding: 0 2px;
            height: 20px;
            min-width: 20px;
            width: 20px
        }
    }

    .solo-icono.disabled {
        cursor: not-allowed !important
    }

        .solo-icono.disabled .bci-icon {
            opacity: .15 !important
        }

    .solo-icono .dato-flotante {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        background-color: #006fb9;
        top: -4px;
        color: #fff;
        height: 10px;
        font-size: .5rem;
        padding: 1px 5px;
        line-height: 9px;
        border-radius: 5px
    }

        .solo-icono .dato-flotante.block {
            background-color: #ef3742
        }

    .solo-icono[data-tooltip=ok] {
        cursor: pointer
    }

        .solo-icono[data-tooltip=ok]:hover:after {
            content: "";
            position: absolute;
            bottom: -15px;
            right: 40px;
            width: 200px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            font-size: .9rem;
            line-height: 1.2;
            height: 60px;
            text-align: center;
            background: #3a3a3a;
            color: #fff;
            content: attr(data-tooltiptext);
            padding: 10px;
            font-family: Arial,sans-serif;
            border-radius: 4px;
            z-index: 100001
        }

        .solo-icono[data-tooltip=ok]:hover:before {
            content: "";
            z-index: 100001;
            position: absolute;
            display: block;
            width: 20px;
            bottom: 0;
            height: 30px;
            right: 24px;
            background-repeat: no-repeat;
            background-size: auto 100%;
            background-position: center top;
            background-image: url(../img/sidetooltip_left.svg);
            filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .1))
        }

    .solo-icono .bci-icon {
        position: relative;
        height: 25px;
        width: 25px;
        display: inline-block;
        opacity: .5;
        background-size: 120% auto
    }

        .solo-icono .bci-icon:hover {
            opacity: 1;
            filter: grayscale(0);
            -webkit-filter: grayscale(0)
        }

    @media only screen and (max-width :800px) {
        .solo-icono .bci-icon {
            height: 20px;
            width: 20px
        }
    }

    .datos-in-line {
        position: relative;
        border: none;
        min-height: 150px;
        max-width: 1000px;
        width: 100%;
        padding: 10px;
        margin: 5px auto;
        border-top: 2px solid #dedede;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start
    }

        .datos-in-line .info-deck {
            margin-right: 20px
        }

            .datos-in-line .info-deck.full {
                flex: 0 0 100%
            }

    @media only screen and (max-width :800px) {
        .datos-in-line .info-deck {
            flex: 0 0 100%
        }
    }

    .datos-in-line h2 {
        border: none;
        text-indent: 0;
        padding: 0;
        margin: 0;
        color: #595b5a;
        text-transform: uppercase;
        font-size: .6rem;
        line-height: 18px
    }

    .datos-in-line p {
        font-size: .85rem;
        font-family: overpassbold,sans-serif
    }

        .datos-in-line p .destacado {
            font-size: .6rem;
            background: #595b5a;
            color: #fff;
            padding: 1px 3px;
            border-radius: 2px
        }

    .card {
        position: relative;
        margin-top: 5px;
        margin-bottom: 5px;
        border: none;
        min-height: 150px;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
        -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
        min-width: 300px;
        max-width: 600px;
        width: 100%;
        background: 0 0
    }

    @media only screen and (max-width :576px) {
        .card {
            width: 98%
        }
    }

    .row .card {
        min-width: 100%;
        max-width: 100%
    }

    .card.pequena {
        min-width: 310px;
        max-width: 400px
    }

    .card.mediana {
        min-width: 450px;
        max-width: 450px
    }

    @media only screen and (max-width :800px) {
        .card.mediana {
            width: 98%;
            min-width: 400px
        }
    }

    .card.normal {
        min-width: 600px;
        width: 98%;
        max-width: 600px
    }

    @media only screen and (max-width :800px) {
        .card.normal {
            width: 98%
        }
    }

    .card.intermedia {
        min-width: 890px;
        width: 98%;
        max-width: 890px
    }

    @media only screen and (max-width :1185px) {
        .card.intermedia {
            min-width: 768px;
            width: 98%
        }
    }

    @media only screen and (max-width :800px) {
        .card.intermedia {
            min-width: 600px;
            width: 98%
        }
    }

    .card.grande {
        min-width: 900px;
        width: 98%;
        max-width: 1280px
    }

    @media only screen and (max-width :1185px) {
        .card.grande {
            min-width: 768px;
            width: 98%
        }
    }

    @media only screen and (max-width :800px) {
        .card.grande {
            min-width: 600px;
            width: 98%
        }
    }

    .card.extensa {
        min-width: 1000px;
        width: 98%;
        max-width: 1440px
    }

    @media only screen and (max-width :800px) {
        .card.extensa {
            min-width: 600px;
            width: 98%
        }
    }

    @media only screen and (max-width :576px) {
        .card.extensa, .card.grande, .card.intermedia, .card.mediana, .card.normal, .card.pequena {
            min-width: 290px;
            width: 98%
        }
    }

    .card > .card-header {
        background-color: #fff;
        position: relative;
        border-bottom: 1px solid #f2f2f2;
        text-transform: uppercase;
        color: #595b5a;
        font-size: .8rem;
        font-family: overpassbold,sans-serif
    }

        .card > .card-header.bg-azul {
            background-color: #006fb9
        }

            .card > .card-header.bg-azul h1, .card > .card-header.bg-azul h2, .card > .card-header.bg-azul h3, .card > .card-header.bg-azul h4, .card > .card-header.bg-azul h5 {
                color: #fff
            }

        .card > .card-header.bg-verde {
            background-color: #00953a
        }

            .card > .card-header.bg-verde h1, .card > .card-header.bg-verde h2, .card > .card-header.bg-verde h3, .card > .card-header.bg-verde h4, .card > .card-header.bg-verde h5 {
                color: #fff
            }

    .card > .card-body {
        background-color: #f2f2f2;
        height: auto
    }

    .ie .card > .card-body {
        background-color: #e5e5e5
    }

    .card > .card-body.scroll {
        max-height: 200px;
        overflow-y: scroll
    }

    .card > .card-body > .formulario-bloque {
        padding-bottom: 2px
    }

    .card > .card-footer {
        background-color: #fff;
        border-top: 1px solid #f2f2f2;
        height: auto;
        min-height: 60px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center
    }

    @media only screen and (max-width :800px) {
        .card > .card-footer {
            justify-content: center;
            align-items: center
        }
    }

    .card > .card-footer > .anexo {
        flex: 1 1 50%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

        .card > .card-footer > .anexo > * {
            flex: 1 1 32%
        }

        .card > .card-footer > .anexo .alerta {
            flex: 1 1 58%
        }

    .card > .card-footer .alert {
        position: absolute;
        right: 0;
        bottom: -70px
    }

    .card > .card-footer.flotante {
        background: #595b5a;
        width: 100%;
        padding: 0;
        position: absolute;
        top: 105%;
        border: none;
        left: 0;
        border-radius: 0 0 5px 5px
    }

        .card > .card-footer.flotante h3 {
            width: 100%;
            text-align: left;
            font-size: 1.1rem;
            flex: 100%;
            color: #fff
        }

        .card > .card-footer.flotante .content {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: center;
            align-items: center
        }

            .card > .card-footer.flotante .content h3 {
                flex: 0 0 50%
            }

            .card > .card-footer.flotante .content .boton {
                flex: 0 0 50%
            }

    .card.login {
        max-width: 500px;
        width: 98%;
        display: block
    }

    .card.tablaDatos {
        border: none;
        background: 0 0;
        box-shadow: none !important
    }

        .card.tablaDatos .card-footer {
            background: #f2f2f2;
            margin: 0;
            padding: 10px 0;
            text-align: right
        }

            .card.tablaDatos .card-footer .pagination {
                margin: 0;
                padding: 0
            }

    .card.simple {
        padding: 5px 5px 10px;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
        -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2)
    }

    .card .card-deck {
        margin-bottom: 15px;
        margin-top: 0
    }

    .card.dummy {
        opacity: .4
    }

        .card.dummy .tablaDatos {
            width: 100%
        }

            .card.dummy .tablaDatos table {
                width: 100%
            }

                .card.dummy .tablaDatos table .dummy-image {
                    width: 90%;
                    opacity: .5
                }

                .card.dummy .tablaDatos table tr td {
                    color: transparent !important
                }

    td.modulo-modal-bitacora {
        padding: 4px 0;
        border-top: none
    }

        td.modulo-modal-bitacora article {
            background-color: #fff;
            width: 100%;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: stretch;
            align-content: stretch;
            -webkit-align-content: stretch;
            -moz-align-content: stretch;
            -ms-align-content: stretch;
            padding-left: 40px
        }

            td.modulo-modal-bitacora article figure {
                vertical-align: middle;
                display: grid;
                margin: 0 !important;
                flex: 0 0 90px;
                text-align: center;
                place-items: center
            }

                td.modulo-modal-bitacora article figure img {
                    height: 50px;
                    width: auto
                }

            td.modulo-modal-bitacora article section.numero {
                position: absolute;
                top: 0;
                left: 0;
                width: 36px;
                background-color: #eaeaea;
                display: grid;
                place-items: center;
                font-family: overpassbold;
                font-size: 1rem;
                height: 100%
            }

            td.modulo-modal-bitacora article section.solicitud {
                flex: 2;
                margin: 6px;
                padding: 0 6px;
                border-left: 3px solid #eaeaea;
                border-right: 3px solid #eaeaea;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
                align-content: center;
                -webkit-align-content: center;
                -moz-align-content: center;
                -ms-align-content: center;
                max-width: 220px
            }

                td.modulo-modal-bitacora article section.solicitud h2 {
                    border: none;
                    color: #006fb9;
                    font-size: .85rem;
                    padding: 0;
                    font-family: overpassbold
                }

            td.modulo-modal-bitacora article section.detalle {
                margin: 8px;
                flex: 3
            }

                td.modulo-modal-bitacora article section.detalle > div {
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: flex-start;
                    align-items: flex-start;
                    align-content: flex-start;
                    -webkit-align-content: flex-start;
                    -moz-align-content: flex-start;
                    -ms-align-content: flex-start;
                    min-height: 24px
                }

                    td.modulo-modal-bitacora article section.detalle > div p, td.modulo-modal-bitacora article section.detalle > div span {
                        line-height: 1rem
                    }

                    td.modulo-modal-bitacora article section.detalle > div span {
                        font-size: .7rem;
                        flex: 1;
                        text-transform: uppercase;
                        color: #8f8f8f
                    }

                    td.modulo-modal-bitacora article section.detalle > div p {
                        margin: 0 0 0 10px;
                        font-size: .8rem;
                        flex: 2;
                        color: #8f8f8f
                    }

    tr.data-table-activate {
        display: none
    }

        tr.data-table-activate.active {
            display: table-row
        }

    .span-vigencia i.bci-icon {
        display: inline-block;
        width: 20px;
        height: 10px
    }

    .table-content {
        width: 100%
    }

        .table-content h3 {
            text-align: left;
            font-weight: 700;
            margin-top: 10px;
            margin-bottom: 10px
        }

        .table-content .datos {
            margin-bottom: 10px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            align-content: flex-start;
            -webkit-align-content: flex-start;
            -moz-align-content: flex-start;
            -ms-align-content: flex-start;
            border-bottom: 1px solid #eee
        }

            .table-content .datos:last-child {
                border: none
            }

            .table-content .datos h5 {
                flex: 0 0 30px;
                height: 20px;
                font-family: overpassbold,sans-serif;
                margin-right: 10px;
                font-style: normal
            }

            .table-content .datos p {
                flex: 1;
                font-size: .9rem;
                line-height: 1.5;
                text-align: left !important
            }

    .tablas {
        background-color: #fff;
        padding: 5px;
        margin: 5px 5px 15px 5px
    }

        .tablas.no-margin {
            margin: 1px 5px 1px 5px !important
        }

            .tablas.no-margin table {
                margin-bottom: 1px
            }

        .tablas .content-fixer {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            align-content: center;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center
        }

        .tablas.nobg {
            background-color: transparent
        }

            .tablas.nobg .tablaDatos {
                background-color: transparent
            }

                .tablas.nobg .tablaDatos td {
                    background-color: #fff
                }

        .tablas .totales {
            margin: 0
        }

            .tablas .totales thead tr th {
                color: #fff !important;
                background-color: #006fb9 !important
            }

                .tablas .totales thead tr th .th-inner {
                    line-height: 2rem
                }

                    .tablas .totales thead tr th .th-inner.total {
                        font-size: 1rem !important
                    }

    .resultados-datos .tablas {
        background-color: rgba(0,0,0,0);
        padding: 0;
        margin: 0
    }

    .tablas .tablaDatos {
        margin: 5px;
        padding: 5px;
        background: #fff;
        min-width: 0;
        max-width: 100%
    }

    .resultados-datos .tablas .tablaDatos {
        padding: 0;
        margin: 0;
        background-color: rgba(0,0,0,0)
    }

    @media only screen and (max-width :800px) {
        .tablas .tablaDatos {
            overflow: hidden;
            overflow-x: auto
        }

            .tablas .tablaDatos .no-records-found td {
                text-align: left !important;
                text-indent: 10px
            }
    }

    .tablas .tablaDatos .inline-href {
        text-decoration: underline;
        color: #006fb9
    }

    .tablas .tablaDatos .floating-href {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        height: 100%;
        width: 100%;
        display: block
    }

    .tablas .tablaDatos table tr.data-switching {
        display: none !important
    }

        .tablas .tablaDatos table tr.data-switching.active {
            width: 100%;
            display: table-row !important
        }

    .tablas .tablaDatos table tr.compacta {
        height: 12px;
        padding: 0 2px 0 4px
    }

        .tablas .tablaDatos table tr.compacta td, .tablas .tablaDatos table tr.compacta th {
            height: 12px;
            padding: 0 2px 0 4px !important
        }

    .tablas .tablaDatos table tr td, .tablas .tablaDatos table tr th {
        padding: 2px 2px 2px 2px;
        text-indent: 0;
        position: relative
    }

        .tablas .tablaDatos table tr td:last-child, .tablas .tablaDatos table tr th:last-child {
            border: none;
            max-width: 160px;
            width: auto;
            text-align: right;
            padding-right: 10px
        }

    @media only screen and (max-width :1185px) {
        .tablas .tablaDatos table tr td:last-child, .tablas .tablaDatos table tr th:last-child {
            min-width: 90px
        }
    }

    .tablas .tablaDatos table tr td.inner-datos.datos-padre, .tablas .tablaDatos table tr th.inner-datos.datos-padre {
        height: 15px;
        background-color: #f8f8f8
    }

        .tablas .tablaDatos table tr td.inner-datos.datos-padre.destacado, .tablas .tablaDatos table tr th.inner-datos.datos-padre.destacado {
            background-color: #ebebeb;
            font-size: .8rem
        }

    .tablas .tablaDatos table tr td.inner-datos.datos-hijos, .tablas .tablaDatos table tr th.inner-datos.datos-hijos {
        font-family: overpasslight,sans-serif;
        color: #aeb2af;
        background-color: #f8f8f8
    }

    .tablas .tablaDatos table tr td.inner-datos.datos-relacionado, .tablas .tablaDatos table tr th.inner-datos.datos-relacionado {
        border-left: 2px solid #f2f2f2 !important;
        border-right: 2px solid #f2f2f2 !important
    }

    .tablas .tablaDatos table tr td.width_auto {
        max-width: inherit
    }

    .tablas .tablaDatos table tr td.izquierda {
        text-align: left !important
    }

    .tablas .tablaDatos table tr td.central {
        text-align: center !important
    }

    .tablas .tablaDatos table tr td.derecha {
        text-align: right !important
    }

    .tablas .tablaDatos table thead tr {
        border-bottom: 5px solid #f2f2f2
    }

        .tablas .tablaDatos table thead tr th {
            border: none;
            font-family: overpassbold,sans-serif;
            font-size: .75rem;
            line-height: 1;
            color: #006fb9
        }

            .tablas .tablaDatos table thead tr th.width_auto {
                max-width: inherit
            }

            .tablas .tablaDatos table thead tr th.izquierda {
                text-align: left !important
            }

            .tablas .tablaDatos table thead tr th.central {
                text-align: center !important
            }

            .tablas .tablaDatos table thead tr th.derecha {
                text-align: right !important
            }

    @media only screen and (min-width :1201px) {
        .tablas .tablaDatos table thead tr th {
            font-size: .85rem
        }
    }

    @media only screen and (max-width :1300px) {
        .tablas .tablaDatos table thead tr th {
            font-size: .75rem
        }
    }

    @media only screen and (max-width :1185px) {
        .tablas .tablaDatos table thead tr th {
            font-size: .7rem
        }
    }

    @media only screen and (max-width :800px) {
        .tablas .tablaDatos table thead tr th {
            font-size: .6rem
        }
    }

    @media only screen and (max-width :576px) {
        .tablas .tablaDatos table thead tr th {
            font-size: .8rem
        }
    }

    .tablas .tablaDatos table tbody tr {
        border-bottom: 5px solid #f2f2f2
    }

        .tablas .tablaDatos table tbody tr.separador-tabla {
            background: 0 0 !important
        }

            .tablas .tablaDatos table tbody tr.separador-tabla td {
                height: 10px;
                margin: 0
            }

        .tablas .tablaDatos table tbody tr.total {
            background: #f2f2f2
        }

            .tablas .tablaDatos table tbody tr.total td {
                background: #e5e5e5;
                border: none !important;
                font-family: overpassbold,sans-serif
            }

        .tablas .tablaDatos table tbody tr td {
            border-left: 2px solid rgba(242,242,242,.2) !important;
            line-height: 1.1
        }

            .tablas .tablaDatos table tbody tr td:first-child {
                border: none !important
            }

    .resultados-datos .tablas .tablaDatos table tbody tr {
        border: none;
        background: #fff;
        border-bottom: 5px solid #f1f1f1
    }

        .resultados-datos .tablas .tablaDatos table tbody tr:hover {
            background: #f7f7f7
        }

    .tablas .tablaDatos table tbody tr.editar .status {
        background-color: #006fb9
    }

    .tablas .tablaDatos table tbody tr.editar td {
        background-color: #ecf5ff
    }

        .tablas .tablaDatos table tbody tr.editar td .action {
            position: absolute;
            top: 3%;
            left: 50%;
            transform: translate(-50%,-3%)
        }

    .tablas .tablaDatos table tbody tr.block .status {
        background-color: #ef3742
    }

    .tablas .tablaDatos table tbody tr.block td {
        background-color: #fff5f5
    }

    .tablas .tablaDatos table tbody tr.warning .status {
        background-color: gold
    }

    .tablas .tablaDatos table tbody tr.warning td {
        background-color: #fffbe8
    }

    .tablas .tablaDatos table tbody tr td {
        min-height: 30px;
        font-family: overpassregular,sans-serif;
        color: #484848;
        font-size: .75rem;
        vertical-align: middle
    }

        .tablas .tablaDatos table tbody tr td.icono-solo {
            width: 24px;
            position: relative
        }

            .tablas .tablaDatos table tbody tr td.icono-solo .bci-icon {
                height: 26px;
                position: absolute;
                top: 40%;
                left: 50%;
                transform: translate(-50%,-40%)
            }

        .tablas .tablaDatos table tbody tr td.lupa {
            width: 30px;
            text-indent: 0
        }

        .tablas .tablaDatos table tbody tr td.valores {
            text-indent: 0;
            border-right: 2px solid #f2f2f2 !important
        }

            .tablas .tablaDatos table tbody tr td.valores .bci-icon {
                opacity: 1;
                background-size: auto 22px
            }

        .tablas .tablaDatos table tbody tr td.estados {
            border-right: 2px solid #f2f2f2 !important;
            border-left: 2px solid #f2f2f2 !important;
            max-width: 90px;
            padding-left: 5px;
            text-indent: 0;
            line-height: 1 !important
        }

            .tablas .tablaDatos table tbody tr td.estados.borderless {
                border: none !important
            }

            .tablas .tablaDatos table tbody tr td.estados .estado-setup {
                font-size: .8rem;
                font-family: overpassregular,sans-serif;
                position: relative;
                text-indent: 0;
                display: inline-block;
                padding-left: 12px
            }

                .tablas .tablaDatos table tbody tr td.estados .estado-setup:after {
                    width: 8px;
                    height: 8px;
                    display: block;
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translate(0,-50%);
                    border-radius: 8px
                }

                .tablas .tablaDatos table tbody tr td.estados .estado-setup.verde:after {
                    background-color: #00953a
                }

                .tablas .tablaDatos table tbody tr td.estados .estado-setup.azul:after {
                    background-color: #006fb9
                }

                .tablas .tablaDatos table tbody tr td.estados .estado-setup.amarillo:after {
                    background-color: gold
                }

                .tablas .tablaDatos table tbody tr td.estados .estado-setup.rojo:after {
                    background-color: #ef3742
                }

                .tablas .tablaDatos table tbody tr td.estados .estado-setup.celeste:after {
                    background-color: #0071ce
                }

                .tablas .tablaDatos table tbody tr td.estados .estado-setup.rosado:after {
                    background-color: #f25774
                }

                .tablas .tablaDatos table tbody tr td.estados .estado-setup.grisaseo:after {
                    background-color: #acacac
                }

                .tablas .tablaDatos table tbody tr td.estados .estado-setup.morado:after {
                    background-color: #9c67d2
                }

                .tablas .tablaDatos table tbody tr td.estados .estado-setup.mostaza:after {
                    background-color: #d7b401
                }

                .tablas .tablaDatos table tbody tr td.estados .estado-setup.verdeclarooscuro:after {
                    background-color: #028b38
                }

                .tablas .tablaDatos table tbody tr td.estados .estado-setup.verdeOscuro:after {
                    background-color: #02742f
                }

        .tablas .tablaDatos table tbody tr td .corredorIcono {
            padding: 0;
            margin: 0 5px 0 0;
            width: 16px;
            height: 16px;
            line-height: 16px;
            text-indent: 2px;
            text-align: center
        }

        .tablas .tablaDatos table tbody tr td.FC {
            width: 22px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            align-content: center;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center
        }

            .tablas .tablaDatos table tbody tr td.FC .FC-setup {
                font-weight: bolder;
                height: 12px;
                background-color: #595b5a;
                color: #fff;
                display: inline-block;
                font-size: .6rem;
                line-height: 12px;
                text-align: left;
                border-radius: 6px;
                padding: 0 7px 0 6px;
                width: 100%;
                text-indent: 0;
                margin: 1px;
                opacity: .2
            }

                .tablas .tablaDatos table tbody tr td.FC .FC-setup.active {
                    opacity: 1
                }

        .tablas .tablaDatos table tbody tr td .original {
            height: 30px;
            width: 30px;
            background-size: auto 100%;
            margin: 0 10px 0 0
        }

        .tablas .tablaDatos table tbody tr td a {
            cursor: pointer
        }

            .tablas .tablaDatos table tbody tr td a:hover .original {
                opacity: .6
            }

    @media only screen and (min-width :1201px) {
        .tablas .tablaDatos table tbody tr td {
            font-size: .85rem
        }
    }

    @media only screen and (max-width :1300px) {
        .tablas .tablaDatos table tbody tr td {
            font-size: .75rem
        }
    }

    @media only screen and (max-width :1185px) {
        .tablas .tablaDatos table tbody tr td {
            font-size: .7rem
        }
    }

    .tablas .tablaDatos table tbody tr td.estado-on {
        color: #00953a
    }

    .tablas .tablaDatos table tbody tr td.estado-off {
        color: #bfbfbf
    }

    .resultados-datos .tablas .tablaDatos table tbody tr td {
        border: none
    }

    .tablas .tablaDatos table tbody tr.no-records-found td {
        text-align: center;
        font-family: overpassbold,sans-serif;
        font-size: 1rem
    }

    .tablas .tablaDatos.pequena table thead th {
        font-size: .65rem
    }

    .tablas .tablaDatos.pequena table tbody tr {
        background-color: #fcfcfc;
        border: 5px solid #f2f2f2;
        line-height: 1.4rem
    }

        .tablas .tablaDatos.pequena table tbody tr td {
            font-size: .65rem
        }

    .archivos-lista {
        width: 100%
    }

        .archivos-lista .fixed-file-modules {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
            align-content: flex-start;
            -webkit-align-content: flex-start;
            -moz-align-content: flex-start;
            -ms-align-content: flex-start
        }

            .archivos-lista .fixed-file-modules .modulo-archivo {
                overflow: hidden;
                flex: 0 1 23%;
                background: #fff;
                padding: 5px;
                margin: 1%;
                min-height: 140px;
                position: relative;
                border-radius: 5px;
                box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);
                -ms-box-shadow: 0 1px 5px 0 rgba(0,0,0,.15)
            }

    @media only screen and (max-width :1185px) {
        .archivos-lista .fixed-file-modules .modulo-archivo {
            flex: 0 1 31%;
            margin: .5%
        }
    }

    .archivos-lista .fixed-file-modules .modulo-archivo article {
        padding: 5px
    }

        .archivos-lista .fixed-file-modules .modulo-archivo article h3 {
            padding: 0
        }

        .archivos-lista .fixed-file-modules .modulo-archivo article p {
            color: #aeb2af
        }

        .archivos-lista .fixed-file-modules .modulo-archivo article span {
            display: block;
            height: 40px;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            color: #aeb2af;
            font-size: .8rem;
            padding-left: 30px;
            line-height: 40px;
            font-family: overpassbold,sans-serif
        }

            .archivos-lista .fixed-file-modules .modulo-archivo article span .icono {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                height: 40px;
                width: 40px;
                background-repeat: no-repeat;
                background-position: 3px 75%;
                background-size: auto 25px;
                background-image: url(../img/svg/_file_default.svg)
            }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_pdf {
                    background-image: url(../img/svg/_file_pdf.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_PDF {
                    background-image: url(../img/svg/_file_pdf.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_php {
                    background-image: url(../img/svg/_file_code.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_html {
                    background-image: url(../img/svg/_file_code.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_doc {
                    background-image: url(../img/svg/_file_doc.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_docx {
                    background-image: url(../img/svg/_file_doc.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_DOC {
                    background-image: url(../img/svg/_file_doc.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_DOCX {
                    background-image: url(../img/svg/_file_doc.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_JPG {
                    background-image: url(../img/svg/_file_image.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_jpg {
                    background-image: url(../img/svg/_file_image.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_PNG {
                    background-image: url(../img/svg/_file_image.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_png {
                    background-image: url(../img/svg/_file_image.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_svg {
                    background-image: url(../img/svg/_file_vector.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_ai {
                    background-image: url(../img/svg/_file_vector.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_txt {
                    background-image: url(../img/svg/_file_txt.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_xls {
                    background-image: url(../img/svg/_file_xls.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_xlsx {
                    background-image: url(../img/svg/_file_xls.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_eps {
                    background-image: url(../img/svg/_file_vector.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_csv {
                    background-image: url(../img/svg/_file_csv.svg)
                }

                .archivos-lista .fixed-file-modules .modulo-archivo article span .icono.tipo_CSV {
                    background-image: url(../img/svg/_file_csv.svg)
                }

    .formulario-bloque .archivos-lista .fixed-file-modules .modulo-archivo article span .icono {
        background-position: 3px 50%
    }

    .archivos-lista .fixed-file-modules .modulo-archivo article .tipoarchivo {
        position: absolute;
        display: block;
        bottom: -1px;
        right: -1px;
        border-radius: 20px 0 0 0;
        height: 40px;
        width: 40px;
        background: #fff;
        background-image: url(../img/svg/_bold_download.svg);
        background-size: 90%;
        background-position: center;
        background-repeat: center center
    }

        .archivos-lista .fixed-file-modules .modulo-archivo article .tipoarchivo:hover {
            opacity: .5
        }

    .pagination-detail {
        width: 50%;
        height: 30px;
        display: block;
        text-align: left
    }

    @media only screen and (max-width :576px) {
        .pagination-detail {
            display: none
        }
    }

    .pagination-detail .page-list, .pagination-detail .pagination-info {
        height: 35px;
        font-size: 1rem !important;
        font-family: overpasslight,sans-serif;
        color: #595b5a;
        display: inline-block;
        line-height: 35px
    }

    @media only screen and (max-width :576px) {
        .pagination-detail .page-list, .pagination-detail .pagination-info {
            font-size: .7rem !important
        }
    }

    .pagination-detail .page-list .btn-group, .pagination-detail .page-list .dropup, .pagination-detail .pagination-info .btn-group, .pagination-detail .pagination-info .dropup {
        height: 30px;
        margin: 0;
        padding: 0;
        line-height: 35px;
        vertical-align: top;
        display: inline
    }

        .pagination-detail .page-list .btn-group button, .pagination-detail .page-list .dropup button, .pagination-detail .pagination-info .btn-group button, .pagination-detail .pagination-info .dropup button {
            font-size: 1rem !important;
            font-family: overpassbold,sans-serif;
            color: #595b5a;
            padding: 0;
            line-height: 25px;
            height: 25px;
            margin: 0;
            display: inline-block;
            width: 50px;
            background: #eaeaea;
            border-radius: 2px
        }

            .pagination-detail .page-list .btn-group button.btn-secondary, .pagination-detail .page-list .dropup button.btn-secondary, .pagination-detail .pagination-info .btn-group button.btn-secondary, .pagination-detail .pagination-info .dropup button.btn-secondary {
                border: none;
                margin: 0 5px
            }

            .pagination-detail .page-list .btn-group button .page-size, .pagination-detail .page-list .dropup button .page-size, .pagination-detail .pagination-info .btn-group button .page-size, .pagination-detail .pagination-info .dropup button .page-size {
                display: inline-block;
                width: auto;
                margin: 0;
                padding: 0
            }

            .pagination-detail .page-list .btn-group button .caret, .pagination-detail .page-list .dropup button .caret, .pagination-detail .pagination-info .btn-group button .caret, .pagination-detail .pagination-info .dropup button .caret {
                margin: 0;
                display: inline-block;
                padding: 0;
                font-size: .7rem !important
            }

    @media only screen and (max-width :800px) {
        .pagination-detail .pagination-info {
            display: none
        }
    }

    .pagination-detail .dropdown-menu {
        width: 50px;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
        -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
        border-radius: 5px;
        border: none;
        padding: 5px
    }

        .pagination-detail .dropdown-menu a, .pagination-detail .dropdown-menu li {
            text-align: center
        }

            .pagination-detail .dropdown-menu a:hover, .pagination-detail .dropdown-menu li:hover {
                background-color: #f2f2f2
            }

            .pagination-detail .dropdown-menu a.active, .pagination-detail .dropdown-menu li.active {
                background-color: #006fb9;
                color: #fff
            }

                .pagination-detail .dropdown-menu a.active:hover, .pagination-detail .dropdown-menu li.active:hover {
                    background-color: #006fb9;
                    color: #fff
                }

        .pagination-detail .dropdown-menu a {
            font-size: 1.2rem !important;
            font-family: overpasslight,sans-serif;
            color: #595b5a;
            text-align: center;
            cursor: pointer;
            text-decoration: none
        }

            .pagination-detail .dropdown-menu a:hover {
                color: #006fb9
            }

    .fixed-table-pagination {
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
        width: 100%
    }

        .fixed-table-pagination .boton {
            width: 10%
        }

    @media only screen and (max-width :1185px) {
        .fixed-table-pagination .pagination-detail {
            display: none
        }
    }

    .fixed-table-pagination .pagination, .fixed-table-pagination .pagination-detail {
        flex: 1 1 49%
    }

    @media only screen and (max-width :800px) {
        .fixed-table-pagination {
            justify-content: center;
            align-items: center
        }
    }

    .fixed-table-loading {
        font-size: 1rem !important;
        color: #595b5a;
        line-height: 5rem;
        font-family: overpassbold,sans-serif
    }

    .pagination {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center
    }

        .pagination ul.pagination {
            margin: 0
        }

    @media only screen and (max-width :1185px) {
        .pagination {
            justify-content: center;
            align-items: center;
            width: 100%
        }
    }

    .pagination .page-first, .pagination .page-first-separator, .pagination .page-last, .pagination .page-last-separator, .pagination .page-next, .pagination .page-number, .pagination .page-pre {
        padding: 8px 0
    }

        .pagination .page-first-separator.disabled a, .pagination .page-first.disabled a, .pagination .page-last-separator.disabled a, .pagination .page-last.disabled a, .pagination .page-next.disabled a, .pagination .page-number.disabled a, .pagination .page-pre.disabled a {
            cursor: auto;
            background: 0 0 !important;
            color: #b7bab8
        }

            .pagination .page-first-separator.disabled a:active, .pagination .page-first-separator.disabled a:focus, .pagination .page-first-separator.disabled a:hover, .pagination .page-first.disabled a:active, .pagination .page-first.disabled a:focus, .pagination .page-first.disabled a:hover, .pagination .page-last-separator.disabled a:active, .pagination .page-last-separator.disabled a:focus, .pagination .page-last-separator.disabled a:hover, .pagination .page-last.disabled a:active, .pagination .page-last.disabled a:focus, .pagination .page-last.disabled a:hover, .pagination .page-next.disabled a:active, .pagination .page-next.disabled a:focus, .pagination .page-next.disabled a:hover, .pagination .page-number.disabled a:active, .pagination .page-number.disabled a:focus, .pagination .page-number.disabled a:hover, .pagination .page-pre.disabled a:active, .pagination .page-pre.disabled a:focus, .pagination .page-pre.disabled a:hover {
                cursor: auto;
                background: 0 0 !important;
                color: #b7bab8
            }

        .pagination .page-first a, .pagination .page-first-separator a, .pagination .page-last a, .pagination .page-last-separator a, .pagination .page-next a, .pagination .page-number a, .pagination .page-pre a {
            background: 0 0;
            border: none;
            margin-left: 1px;
            margin-right: 1px;
            color: #595b5a;
            font-family: overpasslight,sans-serif;
            padding: 8px 15px;
            text-decoration: none
        }

            .pagination .page-first a:active, .pagination .page-first a:focus, .pagination .page-first a:hover, .pagination .page-first-separator a:active, .pagination .page-first-separator a:focus, .pagination .page-first-separator a:hover, .pagination .page-last a:active, .pagination .page-last a:focus, .pagination .page-last a:hover, .pagination .page-last-separator a:active, .pagination .page-last-separator a:focus, .pagination .page-last-separator a:hover, .pagination .page-next a:active, .pagination .page-next a:focus, .pagination .page-next a:hover, .pagination .page-number a:active, .pagination .page-number a:focus, .pagination .page-number a:hover, .pagination .page-pre a:active, .pagination .page-pre a:focus, .pagination .page-pre a:hover {
                text-decoration: none
            }

    @media only screen and (max-width :800px) {
        .pagination .page-first a, .pagination .page-first-separator a, .pagination .page-last a, .pagination .page-last-separator a, .pagination .page-next a, .pagination .page-number a, .pagination .page-pre a {
            margin: 0;
            font-size: .8rem;
            padding: 8px
        }
    }

    @media only screen and (max-width :576px) {
        .pagination .page-first a, .pagination .page-first-separator a, .pagination .page-last a, .pagination .page-last-separator a, .pagination .page-next a, .pagination .page-number a, .pagination .page-pre a {
            padding: 8px 5px
        }
    }

    .pagination .page-first-separator.active a, .pagination .page-first.active a, .pagination .page-last-separator.active a, .pagination .page-last.active a, .pagination .page-next.active a, .pagination .page-number.active a, .pagination .page-pre.active a {
        color: #fff;
        background: #00953a;
        border-radius: 35px;
        font-family: overpassbold,sans-serif
    }

        .pagination .page-first-separator.active a:active, .pagination .page-first-separator.active a:focus, .pagination .page-first-separator.active a:hover, .pagination .page-first.active a:active, .pagination .page-first.active a:focus, .pagination .page-first.active a:hover, .pagination .page-last-separator.active a:active, .pagination .page-last-separator.active a:focus, .pagination .page-last-separator.active a:hover, .pagination .page-last.active a:active, .pagination .page-last.active a:focus, .pagination .page-last.active a:hover, .pagination .page-next.active a:active, .pagination .page-next.active a:focus, .pagination .page-next.active a:hover, .pagination .page-number.active a:active, .pagination .page-number.active a:focus, .pagination .page-number.active a:hover, .pagination .page-pre.active a:active, .pagination .page-pre.active a:focus, .pagination .page-pre.active a:hover {
            color: #fff
        }

    .pagination .page-first a:focus, .pagination .page-first a:hover, .pagination .page-last a:focus, .pagination .page-last a:hover, .pagination .page-next a:focus, .pagination .page-next a:hover, .pagination .page-number a:focus, .pagination .page-number a:hover, .pagination .page-pre a:focus, .pagination .page-pre a:hover {
        color: #595b5a;
        background: #ccc;
        border-radius: 35px
    }

    .pagination .page-first a:active, .pagination .page-last a:active, .pagination .page-next a:active, .pagination .page-number a:active, .pagination .page-pre a:active {
        background: #000;
        color: #fff
    }

    .pagination .page-first.active a, .pagination .page-last.active a, .pagination .page-next.active a, .pagination .page-number.active a, .pagination .page-pre.active a {
        background: #00953a
    }

    .pagination .page-next a, .pagination .page-pre a {
        font-family: overpassbold,sans-serif
    }

    .pagination li .page-link {
        background: 0 0;
        border: none;
        margin-left: 5px;
        margin-right: 5px;
        color: #595b5a;
        font-family: overpasslight,sans-serif;
        padding: 8px 15px
    }

        .pagination li .page-link:active, .pagination li .page-link:focus, .pagination li .page-link:hover {
            color: #595b5a;
            background: #ccc;
            border-radius: 35px
        }

        .pagination li .page-link:active {
            color: #fff;
            background: #000
        }

    @media only screen and (max-width :800px) {
        .pagination li .page-link {
            margin: 0;
            font-size: .8rem;
            padding: 8px
        }
    }

    @media only screen and (max-width :576px) {
        .pagination li .page-link {
            padding: 8px 5px
        }
    }

    .pagination li:first-child .page-link {
        font-family: overpassbold,sans-serif
    }

    .pagination li:last-child .page-link {
        font-family: overpassbold,sans-serif
    }

    .pagination li.disabled .page-link {
        background: 0 0;
        color: #b7bab8
    }

    .pagination li.active .page-link {
        background: #00953a;
        border-radius: 35px;
        font-family: overpassbold,sans-serif
    }

        .pagination li.active .page-link:active, .pagination li.active .page-link:focus, .pagination li.active .page-link:hover {
            color: #fff
        }

    .tabla-seleccionable {
        width: 100%;
        max-height: 300px;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #f2f2f2;
        padding: 4px
    }

    @media only screen and (max-width :576px) {
        .tabla-seleccionable {
            max-height: 280px
        }
    }

    .tabla-seleccionable > ul {
        margin: 0 0;
        padding: 0
    }

        .tabla-seleccionable > ul > li {
            position: relative;
            height: 105px;
            list-style: none;
            margin: 0;
            padding: 5px 1px;
            border-bottom: 1px solid #eaeaea;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: stretch;
            align-content: stretch;
            -webkit-align-content: stretch;
            -moz-align-content: stretch;
            -ms-align-content: stretch
        }

    @media only screen and (max-width :576px) {
        .tabla-seleccionable > ul > li {
            height: 115px
        }
    }

    .tabla-seleccionable > ul > li.active {
        position: relative
    }

        .tabla-seleccionable > ul > li.active a.switch {
            cursor: default;
            background: #006fb9
        }

            .tabla-seleccionable > ul > li.active a.switch .bci-icon {
                opacity: 1;
                filter: grayscale(0) brightness(500%);
                -webkit-filter: grayscale(0) brightness(500%)
            }

    .tabla-seleccionable > ul > li:last-child {
        border-bottom: none
    }

    .tabla-seleccionable a.switch {
        z-index: 100;
        display: block;
        cursor: pointer;
        position: absolute;
        top: 5px;
        right: 8px;
        height: 44px;
        width: 44px;
        background: #eaeaea;
        border-radius: 100%
    }

        .tabla-seleccionable a.switch:hover {
            background: #ddd
        }

        .tabla-seleccionable a.switch .bci-icon {
            opacity: .2;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            height: 28px;
            width: 28px
        }

    @media only screen and (max-width :576px) {
        .tabla-seleccionable a.switch {
            height: 30px;
            width: 30px
        }

            .tabla-seleccionable a.switch .bci-icon {
                height: 30px;
                width: 25px
            }
    }

    .tabla-seleccionable a.descarga {
        position: absolute;
        bottom: 5px;
        right: 8px;
        background: #f2f2f2;
        height: 44px;
        width: 44px;
        border-radius: 100%;
        text-align: center
    }

        .tabla-seleccionable a.descarga .bci-icon {
            opacity: 1;
            height: 44px;
            width: 32px
        }

        .tabla-seleccionable a.descarga:hover {
            background: #fff
        }

            .tabla-seleccionable a.descarga:hover .bci-icon {
                filter: grayscale(0)
            }

    @media only screen and (max-width :576px) {
        .tabla-seleccionable a.descarga {
            height: 30px;
            width: 30px
        }

            .tabla-seleccionable a.descarga .bci-icon {
                height: 30px;
                width: 25px
            }
    }

    .tabla-seleccionable section.superior {
        position: relative;
        flex: 0 0 100%;
        padding-left: 5%;
        margin-bottom: 4px
    }

    @media only screen and (max-width :576px) {
        .tabla-seleccionable section.superior {
            padding-left: 35px
        }
    }

    .tabla-seleccionable section.superior .bci-icon {
        position: absolute;
        left: 0;
        top: 0;
        height: 30px;
        width: 40px;
        opacity: 1;
        margin: 0;
        filter: grayscale(0)
    }

    @media only screen and (max-width :576px) {
        .tabla-seleccionable section.superior .bci-icon {
            width: 37px;
            height: 35px;
            left: -5px
        }
    }

    .tabla-seleccionable section.superior h1, .tabla-seleccionable section.superior p {
        margin: 0;
        padding: 0
    }

    .tabla-seleccionable section.superior h1 {
        color: #006fb9;
        font-size: 1.2rem
    }

    @media only screen and (max-width :576px) {
        .tabla-seleccionable section.superior h1 {
            font-size: .8rem
        }
    }

    .tabla-seleccionable section.superior p {
        font-family: overpassbold,sans-serif
    }

    @media only screen and (max-width :576px) {
        .tabla-seleccionable section.superior p {
            font-size: .8rem !important
        }
    }

    .tabla-seleccionable section.inferior {
        flex: 0 0 100%;
        padding-left: 5%
    }

    @media only screen and (max-width :576px) {
        .tabla-seleccionable section.inferior {
            flex: 1 0 90%;
            padding-left: 0
        }
    }

    .tabla-seleccionable section.inferior ul {
        margin: 0;
        padding: 0;
        width: 98%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

        .tabla-seleccionable section.inferior ul li {
            flex: 1 1 15%;
            margin: 0;
            padding: 0;
            list-style: none;
            display: inline-block;
            font-size: .6rem;
            font-family: overpassregular,sans-serif;
            border-left: 1px solid rgba(174,178,175,.6);
            padding-left: 5px;
            color: #aeb2af
        }

    @media only screen and (max-width :576px) {
        .tabla-seleccionable section.inferior ul li {
            font-size: .4rem;
            flex: 1 1 5%
        }

            .tabla-seleccionable section.inferior ul li:nth-child(4), .tabla-seleccionable section.inferior ul li:nth-child(5) {
                display: none
            }
    }

    .tabla-seleccionable section.inferior ul li span {
        font-family: overpassbold,sans-serif;
        color: #595b5a;
        display: block;
        font-size: .8rem
    }

        .tabla-seleccionable section.inferior ul li span small {
            font-family: overpassregular,sans-serif
        }

    .card.formulario-bloque {
        box-shadow: none !important
    }

    .card.datos-generales {
        width: 100% !important;
        min-height: 0;
        border: none;
        background: 0 0;
        box-shadow: none !important
    }

        .card.datos-generales .down-data, .card.datos-generales .side-data {
            width: 100%;
            max-width: 100%;
            min-width: 0;
            min-height: 0;
            margin-left: 5px;
            margin-right: 5px
        }

            .card.datos-generales .down-data .bci-icon, .card.datos-generales .side-data .bci-icon {
                width: 20px;
                height: 10px;
                margin: 0;
                padding: 0;
                margin-right: 3px
            }

            .card.datos-generales .down-data.data-switching, .card.datos-generales .side-data.data-switching {
                position: relative;
                display: none
            }

                .card.datos-generales .down-data.data-switching.active, .card.datos-generales .side-data.data-switching.active {
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap
                }

                .card.datos-generales .down-data.data-switching .formularios, .card.datos-generales .side-data.data-switching .formularios {
                    width: 100%
                }

            .card.datos-generales .down-data .action, .card.datos-generales .side-data .action {
                position: absolute;
                bottom: 5px;
                right: 0;
                display: block;
                cursor: pointer;
                z-index: 1000
            }

                .card.datos-generales .down-data .action .bci-icon, .card.datos-generales .side-data .action .bci-icon {
                    height: 18px;
                    width: 18px
                }

                .card.datos-generales .down-data .action.aceptar, .card.datos-generales .down-data .action.cancelar, .card.datos-generales .side-data .action.aceptar, .card.datos-generales .side-data .action.cancelar {
                    bottom: -26px
                }

                    .card.datos-generales .down-data .action.aceptar .bci-icon, .card.datos-generales .side-data .action.aceptar .bci-icon {
                        background-size: auto 12px
                    }

                .card.datos-generales .down-data .action.cancelar, .card.datos-generales .side-data .action.cancelar {
                    right: 22px
                }

        .card.datos-generales .card-body {
            background: 0 0;
            padding: 5px
        }

    @media only screen and (max-width :576px) {
        .card.datos-generales .card-body {
            margin: 0;
            padding: 5px
        }
    }

    .card.datos-generales .card-deck {
        margin: 0 0 5px 0
    }

    .card.datos-generales .interior {
        border: none;
        width: 100% !important;
        box-shadow: none !important
    }

        .card.datos-generales .interior h2 {
            margin-bottom: 10px
        }

        .card.datos-generales .interior .card-deck {
            width: 100%;
            flex-direction: row;
            -moz-flex-direction: row
        }

    @media only screen and (max-width :576px) {
        .card.datos-generales .interior .card-deck {
            flex-direction: column;
            -moz-flex-direction: column
        }
    }

    .card.datos-generales .interior .card-deck .checkbox-simple {
        flex-basis: 50%;
        margin: 0 0 5px 0 !important;
        padding: 0;
        height: auto
    }

        .card.datos-generales .interior .card-deck .checkbox-simple label span {
            font-size: .8rem;
            line-height: 28px
        }

    .card.datos-generales .interior .card {
        width: 100%;
        background: 0 0;
        box-shadow: none !important
    }

        .card.datos-generales .interior .card.side-data {
            border: none;
            padding-left: 19px;
            min-width: 100px;
            max-width: 500px;
            flex: 1 1 49%;
            margin: 0
        }

            .card.datos-generales .interior .card.side-data ul {
                padding: 0
            }

                .card.datos-generales .interior .card.side-data ul li {
                    font-size: .8rem;
                    list-style: none;
                    margin: 0 0 15px 0;
                    padding: 0 0 0 15px;
                    position: relative;
                    color: #aeb2af;
                    font-family: overpassregular,sans-serif
                }

                    .card.datos-generales .interior .card.side-data ul li::before {
                        content: " ";
                        display: block;
                        height: 8px;
                        width: 8px;
                        background-color: #00953a;
                        position: absolute;
                        top: calc(50% - 8px / 2);
                        left: 0;
                        border-radius: calc($size/2)
                    }

    @media only screen and (max-width :800px) {
        .card.datos-generales .interior .card {
            margin: 0;
            padding: 0
        }

            .card.datos-generales .interior .card .card-deck {
                justify-content: flex-start;
                align-items: center
            }

            .card.datos-generales .interior .card.side-data {
                width: 50% !important;
                display: inline-block
            }

                .card.datos-generales .interior .card.side-data.card-xl {
                    width: 100% !important
                }
    }

    .card.datos-generales .card-footer {
        background: #f2f2f2;
        margin: 0;
        padding: 10px 0;
        text-align: right
    }

        .card.datos-generales .card-footer.pasos {
            position: relative;
            justify-content: flex-end;
            align-items: center
        }

            .card.datos-generales .card-footer.pasos .volver {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate(0,-50%);
                margin: 0 0 0 30px
            }

        .card.datos-generales .card-footer .pagination {
            margin: 0;
            padding: 0
        }

    .card.datos-generales.tabla-datos {
        border-radius: 10px
    }

        .card.datos-generales.tabla-datos table {
            margin: 5px
        }

            .card.datos-generales.tabla-datos table thead tr th {
                font-size: .7rem;
                font-weight: 700;
                color: #595b5a;
                font-family: Arial,sans-serif;
                height: 20px;
                padding: 0 3px 0 10px;
                vertical-align: middle
            }

            .card.datos-generales.tabla-datos table tbody tr td {
                padding: 0 3px 0 10px;
                font-size: .8rem;
                font-weight: 400;
                color: #595b5a;
                font-family: overpassregular,sans-serif;
                height: 30px;
                vertical-align: middle;
                background-color: #e0e0e0
            }

        .card.datos-generales.tabla-datos .modulo-simple {
            background-color: #e0e0e0;
            height: 30px;
            width: 100%;
            padding: 0 10px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: center
        }

            .card.datos-generales.tabla-datos .modulo-simple p {
                margin: 0;
                padding: 0;
                font-size: .7rem !important;
                line-height: 1
            }

            .card.datos-generales.tabla-datos .modulo-simple .bci-icon {
                margin: 0;
                padding: 0;
                height: 20px;
                width: 20px
            }

        .card.datos-generales.tabla-datos.light table {
            width: 100%;
            margin: 10px 0 5px 0
        }

            .card.datos-generales.tabla-datos.light table th {
                color: #006fb9
            }

            .card.datos-generales.tabla-datos.light table tbody td {
                font-family: overpassbold,sans-serif;
                padding: 3px 3px 3px 13px;
                border: 3px solid #f2f2f2;
                background-color: #fff
            }

                .card.datos-generales.tabla-datos.light table tbody td input {
                    margin: 5px 0;
                    background-color: #f2f2f2 !important
                }

    .card.down-data {
        border: none;
        background: 0 0;
        box-shadow: none !important;
        border-bottom: 3px solid #e5e5e5;
        border-radius: 0;
        padding-left: 0
    }

        .card.down-data.disabled .side-data-extended {
            color: #b2b4b3;
            cursor: not-allowed
        }

    .card.side-data {
        border: none;
        background: 0 0;
        box-shadow: none !important;
        border-left: 3px solid #e5e5e5;
        border-radius: 0;
        padding-left: 5px
    }

        .card.side-data.disabled .side-data-extended {
            color: #b2b4b3;
            cursor: not-allowed
        }

    .dummy .card.side-data {
        border-left: 3px solid #f5f5f5
    }

    .card.side-data p.side-data-extended {
        max-height: 80px;
        overflow-x: hidden;
        width: 95%;
        display: block;
        overflow-y: scroll;
        font-size: .8rem;
        padding: 3px 10px;
        background: #e5e5e5;
        border-radius: 5px;
        box-shadow: inset 0 0 12px 0 rgba(0,0,0,.05);
        -ms-box-shadow: inset 0 0 12px 0 rgba(0,0,0,.05)
    }

    @media only screen and (max-width :1185px) {
        .card.side-data h3 {
            font-size: .8rem
        }

        .card.side-data h4 {
            font-size: .7rem
        }
    }

    @media only screen and (max-width :800px) {
        .card.side-data {
            width: 100%;
            min-height: 50px
        }

            .card.side-data h3 {
                font-size: .9rem
            }

            .card.side-data h4 {
                font-size: .8rem
            }
    }

    .row.side-data {
        position: relative;
        margin-bottom: 40px
    }

    @media only screen and (max-width :576px) {
        .row.side-data {
            padding-bottom: 20px
        }
    }

    @media only screen and (max-width :800px) {
        .row.side-data .boton {
            top: initial;
            bottom: -30px
        }
    }

    @media only screen and (max-width :576px) {
        .row.side-data .boton {
            right: 15%;
            width: 70%
        }
    }

    .menu-compuesto {
        display: block;
        flex: 0 0 240px;
        width: 240px;
        box-shadow: -1px 2px 6px 1px rgba(0,0,0,.2);
        -ms-box-shadow: -1px 2px 6px 1px rgba(0,0,0,.2);
        position: fixed;
        left: 0;
        top: 60px;
        z-index: 5;
        background-color: #fff;
        min-height: calc(100vh - 56px)
    }

        .menu-compuesto ~ .interior {
            margin-left: 240px;
            justify-content: center;
            align-items: flex-start;
            align-content: flex-start;
            -webkit-align-content: flex-start;
            -moz-align-content: flex-start;
            -ms-align-content: flex-start
        }

        .menu-compuesto section#menuCabecera {
            border-bottom: 1px solid #eaeaea;
            margin-left: 20px;
            padding: 5px;
            width: calc(100% - 30px)
        }

            .menu-compuesto section#menuCabecera .volver {
                margin-left: 0
            }

            .menu-compuesto section#menuCabecera .datos {
                border-top: 1px solid #eaeaea;
                padding: 10px 0
            }

                .menu-compuesto section#menuCabecera .datos h4 {
                    color: #006fb9;
                    font-size: 1.1rem;
                    text-indent: 0;
                    padding: 0;
                    border: 0;
                    margin: 0
                }

                .menu-compuesto section#menuCabecera .datos h2 {
                    color: #006fb9;
                    font-size: 1.3rem;
                    text-indent: 0;
                    padding: 0;
                    border: 0;
                    margin: 0
                }

                .menu-compuesto section#menuCabecera .datos p {
                    margin: 10px 0 5px 0;
                    text-transform: uppercase;
                    font-size: .7rem;
                    line-height: 1
                }

                    .menu-compuesto section#menuCabecera .datos p strong {
                        display: block
                    }

                .menu-compuesto section#menuCabecera .datos .chipdata {
                    height: 20px;
                    width: 100%;
                    display: inline-block;
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: space-between;
                    align-items: center;
                    align-content: center;
                    -webkit-align-content: center;
                    -moz-align-content: center;
                    -ms-align-content: center;
                    border-radius: 10px
                }

                    .menu-compuesto section#menuCabecera .datos .chipdata span {
                        color: #fff;
                        font-size: .7rem;
                        font-family: overpassregular,sans-serif;
                        text-transform: uppercase
                    }

                        .menu-compuesto section#menuCabecera .datos .chipdata span.tiempo {
                            margin-left: 6px
                        }

                        .menu-compuesto section#menuCabecera .datos .chipdata span.dias {
                            margin-right: 6px;
                            font-family: overpassbold,sans-serif
                        }

                    .menu-compuesto section#menuCabecera .datos .chipdata.rojo {
                        background-color: #ef3742
                    }

                    .menu-compuesto section#menuCabecera .datos .chipdata.verde {
                        background-color: #00953a
                    }

                    .menu-compuesto section#menuCabecera .datos .chipdata.amarillo {
                        background-color: gold
                    }

                    .menu-compuesto section#menuCabecera .datos .chipdata.azul {
                        background-color: #006fb9
                    }

        .menu-compuesto ul#Main-menu {
            box-shadow: none !important;
            position: static;
            flex: 0 0 240px;
            width: 240px
        }

    ul#Main-menu {
        box-shadow: -1px 2px 6px 1px rgba(0,0,0,.2);
        -ms-box-shadow: -1px 2px 6px 1px rgba(0,0,0,.2);
        z-index: 5;
        width: 240px;
        flex: 0 0 200px;
        width: 200px;
        background-color: #fff;
        min-height: calc(100vh - 56px);
        padding-top: 5px;
        position: fixed;
        top: 60px
    }

        ul#Main-menu + #content-wrapper {
            margin-left: 200px
        }

    @media only screen and (max-width :800px) {
        ul#Main-menu {
            display: none;
            width: 50%
        }

            ul#Main-menu + #content-wrapper {
                margin-left: 0
            }
    }

    ul#Main-menu.fixed-top {
        top: 56px;
        height: calc(100vh - 56px);
        overflow-y: auto
    }

    ul#Main-menu > .nav-item {
        min-height: 35px
    }

        ul#Main-menu > .nav-item.active > .nav-link {
            background-color: #f2f2f2;
            color: #595b5a;
            font-family: overpassbold,sans-serif
        }

            ul#Main-menu > .nav-item.active > .nav-link .barra {
                display: block;
                width: 4px;
                background-color: #00953a;
                height: 100%;
                position: absolute;
                top: 0;
                right: 0
            }

            ul#Main-menu > .nav-item.active > .nav-link .bci-icon {
                filter: grayscale(0);
                -webkit-filter: grayscale(0);
                opacity: 1
            }

        ul#Main-menu > .nav-item > .nav-link {
            font-family: overpasslight,sans-serif;
            font-size: .9rem;
            color: #595b5a;
            display: inline;
            position: relative;
            padding: 10px 20px 10px 32px !important;
            background-color: none;
            position: relative;
            font-size: .81rem;
            min-height: 40px;
            line-height: 130%;
            display: block;
            width: 100%
        }

    @media only screen and (max-width :800px) {
        ul#Main-menu > .nav-item > .nav-link {
            font-size: 1rem
        }
    }

    .collapse + ul#Main-menu > .nav-item > .nav-link {
        background-color: #000 !important
    }

    ul#Main-menu > .nav-item > .nav-link .barra {
        display: none
    }

    ul#Main-menu > .nav-item > .nav-link > i.bci-icon {
        position: absolute;
        top: 7px;
        left: 5px
    }

    ul#Main-menu > .nav-item > .nav-link::before {
        font-size: .4rem;
        width: 10px;
        color: #d9dada;
        position: absolute;
        line-height: 40px;
        position: absolute;
        top: 0;
        left: 92%
    }

    @media only screen and (max-width :800px) {
        ul#Main-menu > .nav-item > .nav-link::before {
            left: inherit;
            right: 20px
        }
    }

    ul#Main-menu > .nav-item > .nav-link[data-toggle=collapse]::before {
        content: "▼"
    }

    ul#Main-menu > .nav-item > .nav-link[data-toggle=collapse][aria-expanded=true] {
        color: #00953a
    }

        ul#Main-menu > .nav-item > .nav-link[data-toggle=collapse][aria-expanded=true]::before {
            content: "▲";
            color: #00953a
        }

    ul#Main-menu > .nav-item > .nav-link[aria-expanded=false]::before {
        content: "▼"
    }

    ul#Main-menu > .nav-item > .nav-link[aria-expanded=true] {
        color: #00953a;
        font-family: overpassbold,sans-serif;
        background-color: #f2f2f2
    }

        ul#Main-menu > .nav-item > .nav-link[aria-expanded=true]::before {
            content: "▲";
            color: #00953a
        }

    ul#Main-menu > .nav-item > .nav-link:active, ul#Main-menu > .nav-item > .nav-link:hover {
        background-color: #f2f2f2;
        color: #595b5a
    }

        ul#Main-menu > .nav-item > .nav-link:active .barra, ul#Main-menu > .nav-item > .nav-link:hover .barra {
            display: block;
            width: 4px;
            background-color: #00953a;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0
        }

    ul#Main-menu > .nav-item > div {
        background-color: #f7f7f7;
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed
    }

        ul#Main-menu > .nav-item > div > .nav > .nav-item {
            position: relative
        }

            ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link {
                text-align: right;
                color: #595b5a;
                font-size: .6rem;
                text-transform: uppercase;
                text-indent: 10px;
                height: auto;
                width: 100%;
                margin: 0;
                padding: .5rem 1.8rem .5rem 0;
                font-family: overpassbold,sans-serif;
                position: relative
            }

    @media only screen and (max-width :800px) {
        ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link {
            padding: .5rem 2.5rem .5rem 0;
            font-size: .8rem
        }
    }

    @media only screen and (max-width :576px) {
        ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link {
            font-size: .7em
        }
    }

    ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link::before {
        font-size: .4rem;
        height: 100%;
        width: auto;
        line-height: 30px;
        color: #a6a7a7;
        position: absolute;
        top: 0;
        right: 11px
    }

    @media only screen and (max-width :800px) {
        ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link::before {
            left: inherit;
            right: 23px
        }
    }

    ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link[data-toggle=collapse]::before {
        content: "▼"
    }

    ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link[data-toggle=collapse][aria-expanded=true] {
        color: #00953a
    }

        ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link[data-toggle=collapse][aria-expanded=true]::before {
            content: "▲";
            color: #00953a
        }

    ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link[aria-expanded=false]::before {
        content: "▼"
    }

    ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link[aria-expanded=true] {
        color: #00953a
    }

        ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link[aria-expanded=true]::before {
            content: "▲";
            color: #00953a
        }

    ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link.activo, ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:active, ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:focus, ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:hover {
        color: #00953a
    }

    ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:not([data-toggle=collapse]).activo, ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:not([data-toggle=collapse]):hover {
        color: #00953a
    }

        ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:not([data-toggle=collapse]).activo::after, ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link:not([data-toggle=collapse]):hover::after {
            position: absolute;
            right: 28px;
            bottom: 2px;
            display: block;
            height: 2px;
            width: 20px;
            background: #00953a;
            content: " "
        }

    ul#Main-menu > .nav-item > div > .nav > .nav-item > .nav-link.collapsed {
        color: #595b5a
    }

    ul#Main-menu > .nav-item > div > .nav > .nav-item > div {
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed
    }

        ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link {
            text-align: right;
            font-family: overpassregular,sans-serif;
            color: #595b5a;
            padding: .5rem 12px .5rem .1rem;
            font-size: .8rem;
            margin-right: 20px;
            position: relative
        }

            ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link.activo, ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link:active, ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link:focus, ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link:hover {
                font-family: overpassbold,sans-serif
            }

                ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link.activo::after, ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link:active::after, ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link:focus::after, ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link:hover::after {
                    position: absolute;
                    right: 12px;
                    bottom: 5px;
                    content: "";
                    width: 20px;
                    background-color: #00953a;
                    height: 2px
                }

    @media only screen and (max-width :800px) {
        ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link {
            padding: 1rem 20px 1rem .1rem;
            font-size: 1rem
        }
    }

    @media only screen and (max-width :576px) {
        ul#Main-menu > .nav-item > div > .nav > .nav-item > div .nav-item .nav-link {
            font-size: .9em
        }
    }

    ul#Main-menu.toggled {
        width: 0 !important;
        overflow: hidden
    }

    @media only screen and (max-width :800px) {
        ul#Main-menu {
            display: none;
            width: 200px !important
        }

            ul#Main-menu .nav-item .nav-link {
                display: block;
                width: 100%;
                text-align: left;
                padding: .4rem
            }

            ul#Main-menu .nav-item .dropdown-menu {
                position: static !important;
                margin: 0 .1rem;
                top: 0;
                border: 0
            }

                ul#Main-menu .nav-item .dropdown-menu .dropdown-item {
                    font-size: .7rem;
                    background-color: #f2f2f2
                }

            ul#Main-menu .nav-item.dropdown .dropdown-toggle::after {
                display: block
            }

            ul#Main-menu.toggled {
                overflow: visible;
                width: 240px !important
            }

                ul#Main-menu.toggled .nav-item:last-child {
                    margin-bottom: 1rem
                }

                ul#Main-menu.toggled .nav-item .nav-link {
                    text-align: center;
                    width: 240px
                }

                    ul#Main-menu.toggled .nav-item .nav-link span {
                        font-size: .65rem;
                        display: block
                    }

                ul#Main-menu.toggled .nav-item .dropdown-menu {
                    position: absolute !important;
                    transform: none !important;
                    left: calc(240px + 5px) !important;
                    margin: 0
                }

                    ul#Main-menu.toggled .nav-item .dropdown-menu.dropup {
                        bottom: 0;
                        top: auto !important
                    }

                ul#Main-menu.toggled .nav-item.dropdown .dropdown-toggle::after {
                    display: none
                }

            ul#Main-menu.active-mobile {
                display: block;
                position: fixed;
                top: 60px;
                left: 0;
                z-index: 1000;
                width: 40% !important;
                height: 100px;
                overflow: hidden;
                overflow-y: auto
            }
    }

    @media only screen and (max-width :576px) {
        ul#Main-menu.active-mobile {
            width: 80% !important
        }
    }

    a.tooltip-av:hover:before {
        display: block;
        min-width: 120px;
        content: attr(data-tooltip);
        background-color: #000;
        padding: 5px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        top: 64px;
        height: auto;
        z-index: 101;
        color: #fff;
        font-size: .7rem;
        text-align: center;
        font-family: overpassregular,sans-serif
    }

    table a.tooltip-av:hover:before {
        top: 36px
    }

    @media only screen and (max-width :800px) {
        a.tooltip-av:hover:after, a.tooltip-av:hover:before {
            display: none
        }
    }

    nav.navbar {
        text-align: right;
        width: 100%;
        background-color: #4c4e4d;
        box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);
        -ms-box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);
        height: 60px;
        z-index: 1040;
        position: fixed;
        padding: 0 10px 0 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: stretch
    }

    @media only screen and (max-width :800px) {
        nav.navbar {
            padding-left: 2px;
            padding-right: 2px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap
        }
    }

    nav.navbar .nav-mobile {
        display: none
    }

    @media only screen and (max-width :800px) {
        nav.navbar .nav-mobile {
            display: block;
            border-right: 1px solid rgba(0,0,0,.1);
            height: 50px;
            width: 50px;
            cursor: pointer;
            position: fixed;
            top: 5px;
            left: 0;
            z-index: 100
        }

            nav.navbar .nav-mobile .bci-icon {
                height: 50px;
                width: 50px;
                background-size: 90% auto;
                opacity: 1
            }

            nav.navbar .nav-mobile.active {
                width: 60%;
                height: 100%;
                background-color: rgba(0,0,0,.7);
                background-position: right center;
                border: none;
                margin: 0;
                padding: 0;
                left: initial;
                top: 0;
                right: 0;
                z-index: 101
            }

                nav.navbar .nav-mobile.active .bci-icon {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    background-image: url(../img/svg/_lite_cerrar.svg)
                }

                nav.navbar .nav-mobile.active.full {
                    width: 100%
                }
    }

    @media only screen and (max-width :800px) {
        nav.navbar .nav-mobile + .navbar-brand {
            left: 60px
        }
    }

    @media only screen and (max-width :576px) {
        nav.navbar .nav-mobile.active {
            width: 20%
        }

        nav.navbar .nav-mobile + .navbar-brand {
            left: 60px
        }
    }

    nav.navbar .cabecera-divisas {
        margin-top: 10px;
        margin-right: 15px
    }

    nav.navbar #userDropdown {
        font-size: .9rem;
        color: #fff
    }

        nav.navbar #userDropdown .bci-icon {
            display: none
        }

        nav.navbar #userDropdown > span {
            font-family: overpasslight,sans-serif;
            font-size: .6rem;
            color: #aeb2af
        }

            nav.navbar #userDropdown > span small {
                margin: 0 10px 0 10px
            }

            nav.navbar #userDropdown > span strong {
                font-family: overpassbold,sans-serif
            }

    @media only screen and (max-width :1185px) {
        nav.navbar #userDropdown {
            width: 40px;
            color: transparent;
            display: block;
            height: 40px;
            display: block
        }

            nav.navbar #userDropdown span {
                color: transparent
            }

            nav.navbar #userDropdown .bci-icon {
                display: block
            }
    }

    @media only screen and (max-width :800px) {
        nav.navbar #userDropdown {
            font-size: .1rem;
            line-height: 0;
            color: transparent
        }
    }

    nav.navbar.oficina {
        height: 48px;
        background-color: #fff;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        padding-right: 0
    }

        nav.navbar.oficina.login .marca {
            flex: 1 0 25%
        }

        nav.navbar.oficina.login .acciones {
            flex: 1 0 76%;
            margin-right: 0%;
            background-color: dodgerblue;
        }

            nav.navbar.oficina.login .acciones span {
                align-content: center;
                padding: 0 30px;
                margin-right: 40%;
                font-style: inherit;
                font-weight: 600;
                color: white;
            }

                nav.navbar.oficina.login .acciones span a {
                    align-content: center;
                    margin-right: 0%;
                    font-weight: 100;
                }


@media only screen and (max-width :1440px) {
    nav.navbar.oficina.login .acciones span {
        margin-right: 30%;
    }
}

@media only screen and (max-width :1024px) {
    nav.navbar.oficina.login .acciones span {
        margin-right: 40%;
    }
}

@media only screen and (max-width :800px) {
    nav.navbar.oficina.login .acciones span {
        margin-right: 5%;
    }
}

@media only screen and (max-width :576px) {

    nav.navbar.oficina.login .acciones span {
        margin-right: 5%;
    }
}

@media only screen and (max-width :510px) {

    nav.navbar.oficina.login .acciones span {
        margin-right: 4%;
    }
}

@media only screen and (max-width :430px) {

    nav.navbar.oficina.login .acciones span {
        margin-right: 7%;
        font-size:75%
    }
}

@media only screen and (max-width :380px) {

    nav.navbar.oficina.login .acciones span {
        margin-right: 5%;
        font-size: 65%
    }
}



@media only screen and (max-width :1185px) {
    nav.navbar.oficina.login .acciones span a {
        align-content: center;
        margin-right: -40%;
    }
}

@media only screen and (max-width :800px) {
    nav.navbar.oficina.login .acciones span a {
        align-content: center;
        margin-right: 0%;
    }
}

@media only screen and (max-width :576px) {

    nav.navbar.oficina.login .acciones span a {
        align-content: center;
        margin-right: 30%;

    }

}

@media only screen and (max-width :510px) {

    nav.navbar.oficina.login .acciones span a {
        align-content: center;
        margin-right: 30%;
        font-weight: 100;
    }
}

@media only screen and (max-width :430px) {

    nav.navbar.oficina.login .acciones span a {
        margin-right: 16%;
        font-size: 100%
    }
}

@media only screen and (max-width :380px) {

    nav.navbar.oficina.login .acciones span a {
        margin-right: 11%;
        font-size: 100%
    }
}

        nav.navbar.oficina.login .acciones ul li {
            margin: 0;
            padding: 0 5px
        }

            nav.navbar.oficina.login .acciones ul li:last-child .vinculos.simple::after {
                display: none
            }

            nav.navbar.oficina.login .acciones ul li .vinculos.simple {
                height: auto;
                padding: 0 5px
            }

                nav.navbar.oficina.login .acciones ul li .vinculos.simple::after {
                    height: 30%
                }

                nav.navbar.oficina.login .acciones ul li .vinculos.simple:hover {
                    color: #aeb2af;
                    opacity: 1
                }

        nav.navbar.oficina .marca {
            flex: 1 0 21%;
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            align-content: stretch;
            -webkit-align-content: stretch;
            -moz-align-content: stretch;
            -ms-align-content: stretch
        }

    @media only screen and (max-width :1440px) {
        nav.navbar.oficina .marca {
            flex: 1 0 21%
        }
    }

    @media only screen and (max-width :1300px) {
        nav.navbar.oficina .marca {
            flex: 1 0 15%
        }
    }

    @media only screen and (max-width :1185px) {
        nav.navbar.oficina .marca {
            flex: 1
        }
    }

    @media only screen and (max-width :576px) {
        nav.navbar.oficina .marca figure {
            flex: 1
        }
    }

    nav.navbar.oficina .marca figure {
        display: inline-block;
        padding: 0 30px;
        margin: 0
    }

    @media only screen and (max-width :1185px) {
        nav.navbar.oficina .marca figure {
            padding: 0 5px
        }
    }

    nav.navbar.oficina .marca figure:first-child {
        border-right: 1px solid #ccc
    }

    nav.navbar.oficina .marca figure img {
        height: 30px;
        width: auto;
        margin: 0;
        padding: 0
    }

    @media only screen and (max-width :1300px) {
        nav.navbar.oficina .marca figure img {
            height: 24px
        }
    }

    @media only screen and (max-width :1185px) {
        nav.navbar.oficina .marca figure img {
            height: 18px
        }
    }

    @media only screen and (max-width :800px) {
        nav.navbar.oficina .marca figure img {
            height: 13px
        }
    }

    @media only screen and (max-width :576px) {
        nav.navbar.oficina .marca figure img {
            height: 15px
        }
    }

    nav.navbar.oficina .marca.no-border figure {
        border: none
    }

    @media only screen and (max-width :576px) {
        nav.navbar.oficina .marca {
            flex: 1 0 50%
        }

            nav.navbar.oficina .marca figure {
                margin: 0;
                min-height: 0;
                height: auto;
                padding: 0 6px;
                text-align: left
            }
    }

    nav.navbar.oficina .acciones {
        position: relative;
        height: 48px !important;
        flex: 1 0 38%;
        height: 60px;
        display: block;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: stretch
    }

        nav.navbar.oficina .acciones h2 {
            border-left: none !important;
            position: absolute;
            top: 50%;
            left: 95%;
            transform: translate(-95%,-50%);
            font-size: 1rem;
            width: 200px;
            margin: 0;
            padding: 0;
            line-height: 1rem
        }

        nav.navbar.oficina .acciones .currElemSel {
            display: block;
            width: 130px
        }

            nav.navbar.oficina .acciones .currElemSel span {
                position: absolute;
                bottom: 100%;
                left: 0;
                font-size: .55rem;
                color: #aeb2af
            }

            nav.navbar.oficina .acciones .currElemSel section {
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                border-radius: 8px;
                font-size: .65rem;
                height: 16px;
                line-height: 16px;
                background-color: #aeb2af;
                padding: 0 0 0 6px
            }

            nav.navbar.oficina .acciones .currElemSel a {
                cursor: pointer;
                border-radius: 8px;
                width: 19px;
                height: 16px;
                display: inline-block;
                background-image: url(../img/svg/_lite_cerrar.svg);
                background-size: auto 20px;
                background-position: right center;
                background-repeat: no-repeat
            }

                nav.navbar.oficina .acciones .currElemSel a:hover {
                    background-color: #595b5a;
                    opacity: .7
                }

    @media only screen and (max-width :576px) {
        nav.navbar.oficina .acciones {
            flex: 1
        }
    }

    nav.navbar.oficina .acciones > ul {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        margin: 0;
        padding: 0
    }

        nav.navbar.oficina .acciones > ul > li {
            height: 48px !important;
            list-style: none;
            height: 60px;
            margin: 0;
            padding: 0 16px;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-end;
            align-items: center
        }

    @media only screen and (max-width :1440px) {
        nav.navbar.oficina .acciones > ul > li {
            padding: 0 8px
        }
    }

    @media only screen and (max-width :1300px) {
        nav.navbar.oficina .acciones > ul > li {
            padding: 0 8px
        }
    }

    @media only screen and (max-width :1185px) {
        nav.navbar.oficina .acciones > ul > li {
            padding: 0 8px
        }
    }

    @media only screen and (max-width :800px) {
        nav.navbar.oficina .acciones > ul > li {
            padding: 0 8px;
            display: inline-block
        }

            nav.navbar.oficina .acciones > ul > li.profile {
                display: inline-block
            }
    }

    @media only screen and (max-width :576px) {
        nav.navbar.oficina .acciones > ul > li {
            display: none
        }
    }

    nav.navbar.oficina .acciones > ul > li > .perfil-desplegado {
        display: none;
        position: absolute;
        right: 0;
        top: 100%
    }

    nav.navbar.oficina .acciones > ul > li:last-child {
        padding: 0
    }

    nav.navbar.oficina .acciones > ul > li > .timer {
        height: 40px;
        max-width: 120px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center
    }

        nav.navbar.oficina .acciones > ul > li > .timer:after {
            position: absolute;
            position: absolute;
            top: 50%;
            left: 100%;
            transform: translate(-100%,-50%);
            width: 1px;
            height: 40px;
            content: "";
            background-color: #ccc
        }

        nav.navbar.oficina .acciones > ul > li > .timer figcaption {
            flex: 1;
            color: #595b5a;
            text-align: right;
            font-size: .8rem;
            line-height: 1;
            font-family: overpassregular,sans-serif
        }

            nav.navbar.oficina .acciones > ul > li > .timer figcaption strong {
                font-family: overpassbold;
                display: block
            }

        nav.navbar.oficina .acciones > ul > li > .timer figure {
            margin: 0;
            padding: 0;
            height: 20px;
            width: 20px;
            margin: 0 0 0 8px;
            display: inline-flex;
            background: url(../img/svg/icon_timer.svg) center center no-repeat
        }

    nav.navbar.oficina .acciones > ul > li > .vinculos {
        margin: 0;
        padding: 0;
        height: 40px;
        width: 40px;
        background-position: center center;
        background-size: auto 40px;
        background-repeat: no-repeat;
        display: block;
        cursor: pointer;
        transition: opacity .2s linear
    }

        nav.navbar.oficina .acciones > ul > li > .vinculos:after {
            position: absolute;
            position: absolute;
            top: 50%;
            left: 100%;
            transform: translate(-100%,-50%);
            width: 1px;
            height: 40px;
            content: "";
            background-color: #ccc
        }

    @media only screen and (max-width :800px) {
        nav.navbar.oficina .acciones > ul > li > .vinculos {
            height: 32px;
            width: 32px;
            margin-top: 8px;
            background-size: auto 32px
        }

            nav.navbar.oficina .acciones > ul > li > .vinculos:last-child:after {
                display: none
            }
    }

    @media only screen and (max-width :576px) {
        nav.navbar.oficina .acciones > ul > li > .vinculos {
            display: none
        }
    }

    nav.navbar.oficina .acciones > ul > li > .vinculos.active {
        opacity: .3
    }

    nav.navbar.oficina .acciones > ul > li > .vinculos.roles {
        background-image: url(../img/svg/oficina-roles.svg)
    }

    nav.navbar.oficina .acciones > ul > li > .vinculos.capsulas {
        background-image: url(../img/svg/acceso-capsulas.svg)
    }

    nav.navbar.oficina .acciones > ul > li > .vinculos.dashboard {
        background-image: url(../img/svg/acceso-dashboard.svg)
    }

    nav.navbar.oficina .acciones > ul > li > .vinculos.notificaciones {
        background-image: url(../img/svg/notificacion.svg)
    }

        nav.navbar.oficina .acciones > ul > li > .vinculos.notificaciones span {
            width: 60%;
            height: 10px;
            position: absolute;
            top: 5%;
            left: 50%;
            transform: translate(-50%,-5%)
        }

            nav.navbar.oficina .acciones > ul > li > .vinculos.notificaciones span:after {
                border-radius: 9px;
                position: absolute;
                top: 0;
                right: 0;
                height: 16px;
                width: 16px;
                background-color: #ef3742;
                color: #fff;
                font-family: overpassregular,sans-serif,sans-serif;
                text-align: center;
                line-height: 16px;
                font-size: .7rem;
                content: attr(data-ref)
            }

    nav.navbar.oficina .acciones > ul > li > .vinculos.tutorial {
        background-image: url(../img/svg/tutorial.svg)
    }

    nav.navbar.oficina .acciones > ul > li > .vinculos.buscador {
        background-image: url(../img/svg/buscador.svg)
    }

    nav.navbar.oficina .acciones > ul > li > .vinculos.acceso {
        background-image: url(../img/svg/accesos.svg)
    }

    nav.navbar.oficina .acciones > ul > li > .vinculos:active, nav.navbar.oficina .acciones > ul > li > .vinculos:hover {
        opacity: .6
    }

    @media only screen and (max-width :800px) {
        nav.navbar.oficina .acciones > ul > li > .vinculos {
            display: inline-block
        }
    }

    nav.navbar.oficina .acciones > ul > li > .vinculos.simple {
        width: auto;
        color: #595b5a;
        font-family: overpassregular,sans-serif,sans-serif;
        font-size: .8rem
    }

    nav.navbar.oficina .acciones > ul > li .perfil-desplegado {
        background-color: #0060a0;
        min-width: 280px;
        margin: 0;
        padding: 0;
        border-radius: 0 0 0 15px;
        border-top: 3px solid rgba(0,0,0,.1)
    }

        nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li {
            width: 100%;
            list-style: none;
            margin: 0;
            padding: 0;
            cursor: pointer;
            border-bottom: 1px solid rgba(0,0,0,.1)
        }

            nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li:last-child {
                border-bottom: none !important
            }

            nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li:hover {
                background-color: rgba(0,0,0,.05)
            }

            nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li form a, nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li > a {
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
                text-align: left;
                height: 50px;
                font-family: overpasslight,sans-serif;
                padding: 0 4px 0 10px;
                width: 100%;
                font-size: 1rem;
                color: #fff;
                text-decoration: none
            }

                nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li form a .bci-icon, nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li > a .bci-icon {
                    width: 30px;
                    height: 30px;
                    opacity: .5;
                    margin-right: 10px;
                    background-size: auto 90%
                }

                    nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li form a .bci-icon.logout_2, nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li > a .bci-icon.logout_2 {
                        width: 30px;
                        height: 19px
                    }

            nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li:hover a .bci-icon {
                opacity: 1
            }

            nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon {
                width: 100%
            }

                nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul {
                    display: block;
                    width: 98%;
                    margin: 0 auto;
                    background-color: #fff;
                    padding: 0;
                    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
                    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2)
                }

                    nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li {
                        list-style: none;
                        border-bottom: 1px solid #ececec;
                        position: relative
                    }

                        nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo {
                            cursor: auto;
                            margin: 0;
                            padding: 0
                        }

                            nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption {
                                display: block;
                                width: 100%;
                                background-color: #fff;
                                margin: 0
                            }

                                nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption section {
                                    min-height: 48px;
                                    display: flex;
                                    flex-wrap: wrap;
                                    -webkit-flex-wrap: wrap;
                                    justify-content: flex-start;
                                    align-items: center;
                                    align-content: center;
                                    -webkit-align-content: center;
                                    -moz-align-content: center;
                                    -ms-align-content: center;
                                    padding: 0 10px
                                }

                                    nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption section p {
                                        text-align: left;
                                        font-size: .68rem;
                                        padding: 0;
                                        margin: 0;
                                        flex: 0 0 100%
                                    }

                                    nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption section h4 {
                                        color: #006fb9;
                                        text-align: left;
                                        font-size: .75rem;
                                        padding: 0;
                                        margin: 0
                                    }

                                nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption > ul {
                                    display: none;
                                    width: 100%;
                                    margin: 0;
                                    padding: 0;
                                    border-top: 1px solid #ececec
                                }

                                    nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption > ul > li {
                                        cursor: auto;
                                        flex: 1 0 90%;
                                        list-style: none;
                                        margin: 0 5px 5px 5px;
                                        background-image: url(../img/svg/_lite_next_arrow.svg);
                                        background-repeat: no-repeat;
                                        background-position: left center;
                                        background-size: auto 16px;
                                        padding: 0 0 0 18px;
                                        text-align: left;
                                        font-size: .8rem;
                                        color: #595b5a
                                    }

                                        nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo figcaption > ul > li > a {
                                            cursor: pointer;
                                            text-align: left;
                                            color: #595b5a;
                                            text-decoration: underline
                                        }

                            nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo.active {
                                background-color: #f2f2f2
                            }

                                nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo.active figcaption {
                                    background-color: #f2f2f2 !important
                                }

                                nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo.active ul {
                                    background-color: #f2f2f2;
                                    display: block
                                }

                                nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo.active a.open {
                                    background: url(../img/svg/perfilup.svg) no-repeat 98% 20px;
                                    background-size: auto 8px
                                }

                            nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo-acordeon > ul > li.datos-ejecutivo a.open {
                                position: absolute;
                                top: 0;
                                right: 0;
                                height: 48px;
                                width: 100%;
                                display: block;
                                background: url(../img/svg/perfilnext.svg) no-repeat 98% 16px;
                                background-size: auto 20px
                            }

            nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo {
                cursor: auto
            }

                nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption {
                    display: block;
                    width: 96%;
                    padding: 5px;
                    background-color: #fff;
                    margin: 5px auto;
                    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
                    -ms-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2)
                }

                    nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption section {
                        padding: 5px 0;
                        margin-bottom: 10px;
                        border-bottom: 2px solid #e5e5e5;
                        display: flex;
                        flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        justify-content: flex-start;
                        align-items: center
                    }

                        nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption section p {
                            flex: 0 0 100%;
                            text-align: left;
                            font-size: .7rem;
                            padding: 0;
                            margin: 0
                        }

                        nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption section h4 {
                            flex: 0 0 100%;
                            color: #006fb9;
                            text-align: left;
                            font-size: .85rem;
                            padding: 0;
                            margin: 0
                        }

                    nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption > ul {
                        width: 100%;
                        margin: 0;
                        padding: 0;
                        display: flex;
                        flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        justify-content: flex-start;
                        align-items: center
                    }

                        nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption > ul > li {
                            cursor: auto;
                            flex: 0 0 100%;
                            list-style: none;
                            margin: 0 0 5px 0;
                            background-image: url(../img/svg/_lite_next_arrow.svg);
                            background-repeat: no-repeat;
                            background-position: left center;
                            background-size: auto 16px;
                            padding: 0 0 0 18px;
                            text-align: left;
                            font-size: .8rem;
                            color: #595b5a
                        }

                            nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption > ul > li > a {
                                cursor: pointer;
                                text-align: left;
                                color: #595b5a;
                                text-decoration: underline
                            }

                    nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption a.more {
                        width: 100%;
                        background-color: #e5e5e5;
                        height: 24px;
                        line-height: 24px;
                        text-align: center;
                        display: inline-block;
                        margin-top: 10px;
                        font-size: .75rem;
                        cursor: pointer
                    }

                        nav.navbar.oficina .acciones > ul > li .perfil-desplegado > li.datos-ejecutivo figcaption a.more:hover {
                            background-color: #ccc
                        }

    nav.navbar.oficina .acciones > ul > li .perfil {
        height: 100%;
        min-width: 100px;
        max-width: 250px;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        cursor: pointer
    }

    @media only screen and (max-width :1185px) {
        nav.navbar.oficina .acciones > ul > li .perfil {
            max-width: 200px
        }
    }

    @media only screen and (max-width :800px) {
        nav.navbar.oficina .acciones > ul > li .perfil {
            min-width: 40px
        }
    }

    @media only screen and (max-width :576px) {
        nav.navbar.oficina .acciones > ul > li .perfil {
            display: none
        }
    }

    nav.navbar.oficina .acciones > ul > li .perfil figure {
        cursor: pointer;
        margin: 0 10px 0 10px;
        padding: 0;
        height: 40px;
        width: 40px;
        position: relative;
        display: inline-block;
        background-size: cover;
        border-radius: 20px
    }

    @media only screen and (max-width :800px) {
        nav.navbar.oficina .acciones > ul > li .perfil figure {
            height: 32px;
            width: 32px
        }
    }

    nav.navbar.oficina .acciones > ul > li .perfil .nombre {
        flex: 1;
        padding-left: 10px;
        display: inline-block;
        font-family: overpassregular,sans-serif,sans-serif;
        font-size: .8rem;
        color: #595b5a;
        line-height: 1
    }

        nav.navbar.oficina .acciones > ul > li .perfil .nombre strong {
            display: block
        }

    @media only screen and (max-width :1185px) {
        nav.navbar.oficina .acciones > ul > li .perfil .nombre {
            padding-left: 5px;
            font-size: .7rem
        }
    }

    @media only screen and (max-width :800px) {
        nav.navbar.oficina .acciones > ul > li .perfil .nombre {
            display: none
        }
    }

    nav.navbar.oficina .acciones > ul > li.active .perfil {
        background-color: #006fb9
    }

        nav.navbar.oficina .acciones > ul > li.active .perfil .nombre {
            color: #fff
        }

        nav.navbar.oficina .acciones > ul > li.active .perfil figure:after {
            filter: brightness(300%);
            -webkit-filter: brightness(300%)
        }

    nav.navbar.oficina .acciones > ul > li.active .perfil-desplegado {
        display: block
    }

    nav.navbar.oficina .acciones.corredor {
        flex: 1 0 40%
    }

        nav.navbar.oficina .acciones.corredor .perfil-corredor {
            justify-content: center;
            align-items: flex-end
        }

            nav.navbar.oficina .acciones.corredor .perfil-corredor ul {
                right: 55px;
                width: 270px;
                display: block;
                margin: 0;
                padding: 0
            }

                nav.navbar.oficina .acciones.corredor .perfil-corredor ul li {
                    position: relative;
                    list-style: none;
                    display: inline-block
                }

                    nav.navbar.oficina .acciones.corredor .perfil-corredor ul li > a {
                        display: block;
                        font-family: overpassregular,sans-serif;
                        text-decoration: none;
                        padding: 4px 5px;
                        color: #006fb9;
                        font-size: .7rem
                    }

                        nav.navbar.oficina .acciones.corredor .perfil-corredor ul li > a.hide {
                            display: none
                        }

                        nav.navbar.oficina .acciones.corredor .perfil-corredor ul li > a:hover {
                            color: #aeb2af
                        }

                        nav.navbar.oficina .acciones.corredor .perfil-corredor ul li > a.active {
                            background-color: #006fb9;
                            color: #fff;
                            border-radius: 8px 8px 0 0
                        }

        nav.navbar.oficina .acciones.corredor .perfil {
            margin: 0;
            min-width: 50px;
            padding: 0;
            justify-content: center;
            align-items: center;
            position: relative
        }

            nav.navbar.oficina .acciones.corredor .perfil figure {
                margin: 0
            }

            nav.navbar.oficina .acciones.corredor .perfil .nombre {
                position: absolute;
                top: 0;
                right: 60px;
                margin-bottom: 25px;
                width: 250px;
                color: #595b5a !important
            }

                nav.navbar.oficina .acciones.corredor .perfil .nombre strong {
                    display: inline-block
                }

    nav.navbar.sponsor {
        background-color: #fff;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        height: 60px;
        overflow-y: hidden
    }

        nav.navbar.sponsor .marca {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 12;
            height: 100%;
            width: 200px;
            display: block
        }

            nav.navbar.sponsor .marca figure {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 10;
                height: 100%;
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: center;
                align-items: center
            }

                nav.navbar.sponsor .marca figure img {
                    height: 60%;
                    width: auto
                }

            nav.navbar.sponsor .marca section {
                display: block;
                position: absolute;
                z-index: 2;
                top: 0;
                right: 0;
                filter: drop-shadow(5px 0 4px rgba(0, 0, 0, .1));
                width: 100%;
                height: 100%
            }

                nav.navbar.sponsor .marca section svg {
                    height: 100%;
                    width: auto;
                    z-index: 2;
                    position: absolute;
                    top: 0;
                    right: 0
                }

        nav.navbar.sponsor .barra_titular {
            height: 100%;
            position: absolute;
            top: 0;
            z-index: 10;
            width: calc(100% - 200px);
            right: 200px;
            display: block
        }

    @media only screen and (max-width :1185px) {
        nav.navbar.sponsor .barra_titular {
            width: calc(100% - 150px);
            right: 150px
        }
    }

    @media only screen and (max-width :800px) {
        nav.navbar.sponsor .barra_titular {
            width: calc(100% - 100px);
            right: 100px
        }
    }

    nav.navbar.sponsor .barra_titular .barra {
        z-index: 10;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        height: 100%;
        width: 100%;
        filter: drop-shadow(5px 0 4px rgba(0, 0, 0, .1));
        overflow-x: hidden
    }

        nav.navbar.sponsor .barra_titular .barra svg {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: auto
        }

    nav.navbar.sponsor .barra_titular h1 {
        z-index: 20;
        color: #fff;
        text-transform: none;
        font-family: overpasslight,sans-serif;
        position: absolute;
        top: 0;
        left: 220px;
        line-height: 60px;
        font-size: 1.7rem;
        display: block
    }

        nav.navbar.sponsor .barra_titular h1 strong {
            font-family: overpassbold,sans-serif
        }

    @media only screen and (max-width :1185px) {
        nav.navbar.sponsor .barra_titular h1 {
            font-size: 1.3rem
        }
    }

    @media only screen and (max-width :800px) {
        nav.navbar.sponsor .barra_titular h1 {
            font-size: 1rem
        }
    }

    @media only screen and (max-width :576px) {
        nav.navbar.sponsor .barra_titular h1 {
            display: none
        }
    }

    nav.navbar.sponsor .logotipoBciBlanco {
        display: inline-block;
        width: 210px;
        height: 50px;
        background-size: auto 70%
    }

    @media only screen and (max-width :1185px) {
        nav.navbar.sponsor .logotipoBciBlanco {
            width: 140px;
            background-size: 90% auto
        }
    }

    @media only screen and (max-width :800px) {
        nav.navbar.sponsor .logotipoBciBlanco {
            width: 110px
        }
    }

    .navbar-brand {
        position: absolute;
        top: 0;
        left: 10px;
        height: 100%;
        display: block;
        width: 300px
    }

    @media only screen and (max-width :800px) {
        .navbar-brand {
            width: 285px
        }

        .active + .navbar-brand {
            left: 5px !important
        }
    }

    @media only screen and (max-width :576px) {
        .navbar-brand {
            left: 60px;
            width: 60%;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center
        }

            .navbar-brand img {
                width: 100%;
                height: auto
            }

        .active + .navbar-brand {
            display: none
        }
    }

    .header-search {
        height: 60px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-start
    }

        .header-search .collapse, .header-search .collapsing {
            min-width: 0
        }

    .ie .header-search .collapse, .ie .header-search .collapsing {
        min-width: 50%;
        max-width: 100%
    }

    @media only screen and (max-width :1185px) {
        .header-search .collapse .formularios, .header-search .collapsing .formularios {
            flex: 1
        }
    }

    .header-search > span {
        margin: 9px 0 0 0;
        padding: 0;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

        .header-search > span#collapse-search > .formularios {
            margin-right: 5px
        }

        .header-search > span .boton {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            height: 35px;
            padding: 0;
            min-width: 35px;
            margin: 2px 6px 2px 5px
        }

            .header-search > span .boton .bci-icon {
                height: 35px;
                background-size: auto 100%;
                width: 35px
            }

        .header-search > span .formularios {
            flex: 1 0 15%;
            margin: 0 5px 0 0;
            min-width: 130px;
            padding: 0;
            position: relative;
            text-indent: 0;
            font-size: .9rem;
            display: inline-block
        }

            .header-search > span .formularios:last-of-type {
                margin-right: 45px
            }

            .header-search > span .formularios input, .header-search > span .formularios select {
                width: 100%;
                padding: 0;
                max-width: inherit;
                min-width: inherit;
                margin: 0
            }

            .header-search > span .formularios select {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-right: 15px
            }

        .header-search > span > section {
            margin-right: 45px
        }

            .header-search > span > section.show {
                flex: 1 1 35%;
                min-width: 10px;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-end;
                align-items: center
            }

                .header-search > span > section.show > .formularios {
                    flex: 1 1 15%;
                    min-width: 10px
                }

                    .header-search > span > section.show > .formularios:last-of-type {
                        margin-right: 0
                    }

    @media only screen and (max-width :800px) {
        .header-search > span {
            position: fixed;
            display: block;
            background-color: #272727;
            width: 100%;
            left: 0;
            top: 50px;
            padding: 4px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-end;
            align-items: center
        }

            .header-search > span.collapse .formularios, .header-search > span.collapsed .formularios, .header-search > span.collapsing .formularios {
                width: auto;
                flex: 1 1 20%;
                min-width: 0 !important;
                margin: 5px;
                display: inline-block
            }

                .header-search > span.collapse .formularios:last-of-type, .header-search > span.collapsed .formularios:last-of-type, .header-search > span.collapsing .formularios:last-of-type {
                    margin: 5px
                }

                .header-search > span.collapse .formularios input[type=text], .header-search > span.collapse .formularios select, .header-search > span.collapsed .formularios input[type=text], .header-search > span.collapsed .formularios select, .header-search > span.collapsing .formularios input[type=text], .header-search > span.collapsing .formularios select {
                    min-width: 0;
                    width: 100%
                }

            .header-search > span.collapse .boton, .header-search > span.collapsed .boton, .header-search > span.collapsing .boton {
                position: relative;
                min-width: 35px;
                max-width: 35px;
                flex: 0 0 35px;
                margin: 5px;
                display: inline-block;
                margin-right: 45px
            }
    }

    @media only screen and (max-width :576px) {
        .header-search > span.collapse .boton, .header-search > span.collapsed .boton, .header-search > span.collapsing .boton {
            margin-right: 0
        }
    }

    .header-search button {
        background: 0 0;
        border: none;
        margin: 10px 1px 0 5px;
        padding: 0;
        outline: 0;
        display: block;
        position: relative;
        cursor: pointer
    }

        .header-search button[aria-expanded=true] .bci-icon.cerrar {
            display: inline-block
        }

    @media only screen and (max-width :800px) {
        .header-search button[aria-expanded=true] .bci-icon.cerrar {
            position: fixed;
            top: 60px;
            right: 8px;
            margin: 8px 0
        }
    }

    @media only screen and (max-width :576px) {
        .header-search button[aria-expanded=true] .bci-icon.cerrar {
            position: static;
            top: 60px;
            right: 8px;
            margin: 0 0
        }
    }

    .header-search button[aria-expanded=true] .bci-icon.search {
        display: none
    }

    .header-search button[aria-expanded=false] .bci-icon.search {
        display: inline-block
    }

    .header-search button[aria-expanded=false] .bci-icon.cerrar {
        display: none
    }

    .header-search .bci-icon {
        opacity: 1;
        height: 36px;
        width: 36px
    }

    .header-search.active-mobile {
        display: none !important;
        position: static;
        top: 0;
        right: 10%;
        width: 20%;
        height: 60px;
        z-index: 203
    }

        .header-search.active-mobile button {
            display: none
        }

        .header-search.active-mobile #collapse-search {
            display: none
        }

    .cabecera-seccion-interna {
        position: absolute;
        z-index: 1020;
        top: 48px;
        left: 0;
        width: 100%;
        height: 32px;
        display: block;
        text-align: left
    }

        .cabecera-seccion-interna .flotante-cambio-seccion {
            position: absolute;
            top: 2px;
            right: 20px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-end;
            align-items: center;
            height: 38px
        }

            .cabecera-seccion-interna .flotante-cambio-seccion li {
                color: rgba(255,255,255,.5);
                font-family: overpasslight,sans-serif;
                list-style: none;
                height: 30px;
                padding: 3px 10px
            }

                .cabecera-seccion-interna .flotante-cambio-seccion li a {
                    color: rgba(255,255,255,.5)
                }

                    .cabecera-seccion-interna .flotante-cambio-seccion li a:hover {
                        color: #fff;
                        text-decoration: none
                    }

                .cabecera-seccion-interna .flotante-cambio-seccion li.activo {
                    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
                    -ms-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
                    font-family: overpassbold,sans-serif;
                    background-color: #fff;
                    border-radius: 2px;
                    margin: 0 5px
                }

                    .cabecera-seccion-interna .flotante-cambio-seccion li.activo a {
                        color: #00953a
                    }

                        .cabecera-seccion-interna .flotante-cambio-seccion li.activo a:hover {
                            color: #595b5a
                        }

        .cabecera-seccion-interna h1 {
            display: inline-block;
            font-family: overpasslight,sans-serif;
            text-transform: inherit;
            padding: 0 0 0 10px;
            margin: 0;
            line-height: 30px;
            text-align: left;
            color: #fff;
            font-size: 1.1rem
        }

            .cabecera-seccion-interna h1 strong {
                font-family: overpassbold,sans-serif
            }

        .cabecera-seccion-interna h2 {
            display: inline-block;
            padding: 0 10px;
            margin: 0;
            border: none;
            color: #fff;
            font-family: overpassregular,sans-serif;
            font-size: .9rem;
            border-right: 1px solid rgba(255,255,255,.3)
        }

            .cabecera-seccion-interna h2 + h1 {
                font-size: .9rem
            }

        .cabecera-seccion-interna a.cab-volver {
            position: absolute;
            height: 100%;
            width: 85px;
            background: url(../img/svg/backarrow.svg) 8px center no-repeat rgba(0,0,0,.05);
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            color: #fff;
            text-transform: uppercase;
            font-size: .8rem
        }

            .cabecera-seccion-interna a.cab-volver + h1 {
                margin-left: 90px
            }

    @media only screen and (max-width :576px) {
        .cabecera-seccion-interna a.cab-volver {
            color: transparent;
            background-size: auto 16px;
            background-position: center center;
            width: 50px
        }

            .cabecera-seccion-interna a.cab-volver + h1 {
                margin-left: 50px
            }
    }

    .cabecera-seccion-interna.bg-celeste {
        background-color: #0071ce
    }

    .cabecera-seccion-interna.bg-amarillo {
        background-color: gold
    }

        .cabecera-seccion-interna.bg-amarillo h1 {
            color: #595b5a
        }

    .cabecera-seccion-interna.bg-verde {
        background-color: #00953a
    }

    .cabecera-seccion-interna.bg-gris {
        background-color: #aeb2af
    }

    .cabecera-seccion-interna.bg-naranja, .cabecera-seccion-interna.bg-naranjo {
        background-color: #f58a27
    }

    .cabecera-seccion-interna.bg-rosado {
        background-color: #f25774
    }

    .cabecera-seccion-interna.bg-morado {
        background-color: #9c67d2
    }

    .cabecera-seccion-interna.bg-rojo {
        background-color: #ef3742
    }

    .cabecera-seccion-interna.bg-azul {
        background-color: #006fb9
    }

    .header-bar {
        flex: 0 0 auto;
        background-color: #4c4e4d;
        margin: 0;
        padding: 0;
        height: auto
    }

        .header-bar.control-header {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-end;
            align-items: center
        }

    @media only screen and (max-width :576px) {
        .header-bar {
            display: none
        }

            .header-bar.active-mobile {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 80%;
                height: 60px;
                z-index: 201;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center
            }

                .header-bar.active-mobile > li {
                    flex: 1 1 15%;
                    text-align: center;
                    height: 40px;
                    margin: 0;
                    padding: 0;
                    position: static;
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    border-left: 1px solid rgba(0,0,0,.1)
                }

                .header-bar.active-mobile .dropdown-menu {
                    position: fixed;
                    z-index: 301;
                    top: 59px !important;
                    border-radius: 0;
                    left: 0;
                    bottom: initial;
                    height: calc(100% - 59px) !important;
                    overflow-y: auto;
                    width: 80.3%;
                    margin: 0;
                    padding: 0
                }

                    .header-bar.active-mobile .dropdown-menu .dropdown-item {
                        line-height: 150%;
                        font-size: .75rem !important;
                        position: relative
                    }

                    .header-bar.active-mobile .dropdown-menu[aria-labelledby=doDropdown] {
                        height: auto
                    }

                        .header-bar.active-mobile .dropdown-menu[aria-labelledby=doDropdown] .dropdown-item {
                            font-size: 1rem !important;
                            height: 50px
                        }

                            .header-bar.active-mobile .dropdown-menu[aria-labelledby=doDropdown] .dropdown-item::before {
                                content: " ";
                                display: block;
                                height: 2px;
                                width: 25px;
                                position: absolute;
                                bottom: 2px;
                                left: 5px;
                                background: #d9d9d9
                            }

                    .header-bar.active-mobile .dropdown-menu[aria-labelledby=alertDropdown] {
                        height: auto
                    }

                        .header-bar.active-mobile .dropdown-menu[aria-labelledby=alertDropdown] .dropdown-item {
                            font-size: 1rem !important;
                            height: 50px
                        }

                    .header-bar.active-mobile .dropdown-menu[aria-labelledby=userDropdown] {
                        height: calc(100% - 70px)
                    }

                        .header-bar.active-mobile .dropdown-menu[aria-labelledby=userDropdown] .dropdown-divider {
                            display: none
                        }

                        .header-bar.active-mobile .dropdown-menu[aria-labelledby=userDropdown] .dropdown-item {
                            width: 50% !important;
                            line-height: 150%;
                            font-size: 1rem !important;
                            position: relative;
                            height: 50px
                        }

                            .header-bar.active-mobile .dropdown-menu[aria-labelledby=userDropdown] .dropdown-item::before {
                                content: " ";
                                display: block;
                                height: 2px;
                                width: 25px;
                                position: absolute;
                                bottom: 2px;
                                left: 5px;
                                background: #d9d9d9
                            }

                    .header-bar.active-mobile .dropdown-menu .dropdown-item {
                        line-height: 200%
                    }

                .header-bar.active-mobile .nav-link {
                    border: none !important;
                    position: relative;
                    width: 36px;
                    height: 36px;
                    min-width: 0;
                    max-width: none;
                    background: 0 0;
                    display: inline-block;
                    margin: 0;
                    padding: 0;
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: center;
                    align-items: center
                }

                    .header-bar.active-mobile .nav-link .fas {
                        display: none !important
                    }

                    .header-bar.active-mobile .nav-link .bci-icon {
                        top: 0 !important;
                        left: 2px !important;
                        padding: 0;
                        opacity: 1;
                        height: 40px !important;
                        margin: 0 auto !important
                    }
    }

    .header-bar .form-inline .input-group {
        width: 100%
    }

    .header-bar .nav-item.active .nav-link {
        color: #fff
    }

    .header-bar .nav-item.dropdown .dropdown-menu {
        top: 80%
    }

        .header-bar .nav-item.dropdown .dropdown-menu .soporte {
            padding: 0 10px;
            margin: 0;
            width: 480px;
            box-shadow: none !important;
            border-radius: 0;
            background: #fff
        }

            .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo {
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: center
            }

                .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo .bci-icon {
                    flex: 1;
                    height: 100px;
                    background-size: auto 100%;
                    opacity: .8 !important
                }

                .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article {
                    flex: 4;
                    padding: 0 0 0 10px
                }

                    .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article h1 {
                        font-size: 1.64rem;
                        color: #00953a
                    }

                    .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article h2 {
                        border: none;
                        margin: 0;
                        padding: 0;
                        color: #b2b4b3;
                        font-size: 1rem;
                        margin: 10px auto
                    }

                    .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article a {
                        color: #006fb9;
                        font-size: .9rem;
                        display: block;
                        line-height: 200%;
                        background-size: auto 27px;
                        background-position: left center;
                        background-repeat: no-repeat;
                        padding-left: 30px
                    }

                        .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article a.email {
                            background-image: url(../img/svg/_bold_email.svg)
                        }

                        .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article a.telefono {
                            background-image: url(../img/svg/_bold_contacto.svg)
                        }

                            .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article a.telefono.titulo {
                                padding: 0;
                                background: 0 0;
                                font-size: 1.64rem;
                                margin-bottom: 20px;
                                color: #00953a;
                                line-height: 100%
                            }

                    .header-bar .nav-item.dropdown .dropdown-menu .soporte .soporte-modulo article p {
                        font-family: overpassregular,sans-serif,sans-serif
                    }

        .header-bar .nav-item.dropdown .dropdown-menu .dropdown-item {
            text-align: left;
            margin: 0;
            padding: 5px 10px;
            font-family: overpassregular,sans-serif,sans-serif;
            color: #595b5a;
            font-size: .8rem
        }

            .header-bar .nav-item.dropdown .dropdown-menu .dropdown-item .cant-push {
                background-color: #ef3742;
                color: #fff;
                font-size: .8rem;
                width: 24px;
                height: 24px;
                display: inline-block;
                text-align: center;
                line-height: 24px
            }

    .header-bar .nav-item.dropdown .dropdown-toggle::after {
        width: 1rem;
        text-align: center;
        float: right;
        vertical-align: 0;
        border: 0;
        font-family: overpassbold,sans-serif
    }

    .header-bar .nav-item.dropdown.show .bci-icon {
        opacity: .3
    }

    .header-bar .nav-item.dropdown.no-arrow {
        font-family: overpassregular,sans-serif,sans-serif;
        font-size: .7rem;
        text-align: right;
        line-height: 1.1rem
    }

        .header-bar .nav-item.dropdown.no-arrow .fas {
            position: absolute;
            top: 45%;
            right: -5px;
            height: 20%
        }

        .header-bar .nav-item.dropdown.no-arrow span {
            font-family: overpassbold,sans-serif;
            color: #fff
        }

        .header-bar .nav-item.dropdown.no-arrow .dropdown-toggle::after {
            display: none
        }

    .header-bar .nav-item .nav-link {
        position: relative;
        margin: 5px 5px;
        padding: 0 5px;
        min-width: 40px;
        height: 40px;
        background-color: none;
        border-left: 1px solid rgba(0,0,0,.1)
    }

        .header-bar .nav-item .nav-link .bci-icon {
            position: absolute;
            top: .4rem;
            left: 6px;
            display: block;
            margin: 0;
            opacity: 1;
            height: 36px;
            width: 36px
        }

        .header-bar .nav-item .nav-link:focus {
            outline: 0
        }

        .header-bar .nav-item .nav-link .badge {
            position: absolute;
            right: 0;
            top: .4rem;
            font-family: overpassregular,sans-serif;
            font-size: .6rem
        }

    @media only screen and (max-width :576px) {
        .header-bar .form-inline .input-group {
            width: auto
        }
    }

    .accordion-heading {
        width: 240px !important;
        min-height: calc(100vh - 56px);
        padding: .5rem;
        color: #fff !important
    }

        .accordion-heading span {
            color: rgba(255,255,255,.5);
            font-family: overpasslight,sans-serif;
            font-size: .9rem;
            color: #595b5a;
            display: inline;
            position: relative
        }

        .accordion-heading:active span, .accordion-heading:focus span, .accordion-heading:hover span {
            color: rgba(255,255,255,.75)
        }

    .cabecera-divisas {
        height: 90%;
        max-height: 36px;
        min-width: 100px;
        z-index: 1111;
        display: block;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: stretch
    }

        .cabecera-divisas .divisa {
            margin-left: 12px;
            min-width: 110px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            background-color: #fff;
            border-radius: 6px 3px 3px 6px;
            box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
            -ms-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2)
        }

            .cabecera-divisas .divisa span.tipo {
                color: #595b5a;
                font-size: .6rem;
                padding: 0 5px;
                background-color: #e5e5e5;
                height: 100%;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: center;
                align-items: center
            }

            .cabecera-divisas .divisa span.valor {
                color: #484848;
                font-family: overpassbold,sans-serif;
                font-size: .8rem;
                padding: 0 10px
            }

            .cabecera-divisas .divisa span.icon {
                width: 30px;
                height: 100%;
                background-color: #595b5a;
                border-radius: 5px 0 0 5px;
                text-align: center
            }

            .cabecera-divisas .divisa span .bci-icon {
                opacity: 1;
                filter: brightness(200%);
                -webkit-filter: brightness(200%);
                width: 30px;
                height: 100%
            }

            .cabecera-divisas .divisa.aumento span.icon {
                background-color: #00953a
            }

            .cabecera-divisas .divisa.aumento span .bci-icon {
                background-image: url(../img/svg/_bold_up.svg)
            }

            .cabecera-divisas .divisa.disminucion span.icon {
                background-color: #ef3742
            }

            .cabecera-divisas .divisa.disminucion span .bci-icon {
                background-image: url(../img/svg/_bold_down.svg)
            }

            .cabecera-divisas .divisa.sincambio span.icon, .cabecera-divisas .divisa.sincambios span.icon {
                background-color: gold
            }

            .cabecera-divisas .divisa.sincambio span .bci-icon, .cabecera-divisas .divisa.sincambios span .bci-icon {
                filter: brightness(20%);
                -webkit-filter: brightness(20%);
                background-image: url(../img/svg/_lite_contract.svg)
            }

    @media only screen and (max-width :800px) {
        .cabecera-divisas {
            justify-content: center;
            align-items: stretch;
            position: fixed;
            bottom: 0;
            width: 100%;
            left: 0;
            background-color: rgba(89,91,90,.8);
            padding: 5px
        }

            .cabecera-divisas .divisa {
                margin: 0 2px
            }
    }

    .resultados-busqueda {
        flex: 0 0 100%;
        background-color: #d9d9d9;
        margin-bottom: 1rem;
        min-height: 60px;
        padding: 5px 0 0 0;
        margin-top: 60px
    }

    @media only screen and (max-width :800px) {
        .resultados-busqueda {
            margin-top: 0
        }
    }

    @media only screen and (max-width :576px) {
        .resultados-busqueda {
            margin-bottom: .1rem
        }
    }

    .resultados-busqueda h1 {
        margin: .7rem 0 0;
        font-size: 1.3rem
    }

    @media only screen and (max-width :1185px) {
        .resultados-busqueda h1 {
            font-size: 1rem
        }
    }

    @media only screen and (max-width :800px) {
        .resultados-busqueda h1 {
            font-size: .95rem;
            margin-bottom: 10px
        }
    }

    @media only screen and (max-width :576px) {
        .resultados-busqueda h1 {
            font-size: .9rem
        }
    }

    .resultados-busqueda form {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center
    }

    @media only screen and (max-width :576px) {
        .resultados-busqueda form {
            justify-content: center;
            align-items: center
        }
    }

    .resultados-busqueda form .formularios {
        min-width: 100px;
        width: auto;
        height: 34px;
        margin: 5px
    }

    @media only screen and (max-width :1185px) {
        .resultados-busqueda form .formularios {
            min-width: 90px;
            margin-right: 2px;
            max-width: 130px
        }
    }

    .resultados-busqueda form .formularios input[type=radio] {
        margin-top: 8px
    }

    .resultados-busqueda form .formularios input[type=text], .resultados-busqueda form .formularios select {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        height: 34px
    }

    .resultados-busqueda form .formularios.especial {
        min-width: 260px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }

        .resultados-busqueda form .formularios.especial input {
            flex: 1 1 60%;
            max-width: 100%;
            min-width: 0
        }

        .resultados-busqueda form .formularios.especial a {
            flex: 0 0 34px
        }

    @media only screen and (max-width :800px) {
        .resultados-busqueda form {
            text-align: left;
            justify-content: space-around;
            align-items: flex-end
        }

            .resultados-busqueda form .boton {
                flex: 0 0 10%
            }

            .resultados-busqueda form .formulario-seccion {
                flex: 1 1 42%;
                justify-content: flex-end;
                align-items: center
            }

                .resultados-busqueda form .formulario-seccion .formularios {
                    flex: 1 1 40%;
                    max-width: 100%
                }

                    .resultados-busqueda form .formulario-seccion .formularios:only-child {
                        flex: 1 1 40%;
                        max-width: 40%
                    }

            .resultados-busqueda form > .formularios {
                min-width: 150px;
                flex: 1 1 50%
            }

                .resultados-busqueda form > .formularios input {
                    width: 100% !important
                }
    }

    @media only screen and (max-width :576px) {
        .resultados-busqueda form .boton {
            flex: 0 0 50%;
            max-width: 100%
        }

        .resultados-busqueda form .formulario-seccion {
            flex: 1 1 100%;
            justify-content: flex-start;
            align-items: center
        }

            .resultados-busqueda form .formulario-seccion .formularios {
                flex: 1 1 40%;
                max-width: 100%
            }

                .resultados-busqueda form .formulario-seccion .formularios:only-child {
                    flex: 1 1 100%;
                    max-width: 100%
                }

        .resultados-busqueda form > .formularios {
            flex: 1 1 100%;
            max-width: 100%
        }
    }

    .resultados-busqueda .formularios {
        min-width: 50px
    }

    @media only screen and (max-width :1185px) {
        .resultados-busqueda .formularios {
            font-size: 1rem
        }

            .resultados-busqueda .formularios .form-check-label {
                font-size: .8rem;
                margin: 0
            }
    }

    .resultados-busqueda .formularios.checkbox-simple {
        min-width: 100px
    }

        .resultados-busqueda .formularios.checkbox-simple .checkbox {
            margin-left: 30px;
            height: 30px
        }

            .resultados-busqueda .formularios.checkbox-simple .checkbox span {
                font-size: .8rem;
                line-height: 30px
            }

            .resultados-busqueda .formularios.checkbox-simple .checkbox::before {
                width: 20px;
                height: 20px;
                top: 5px;
                left: -30px
            }

            .resultados-busqueda .formularios.checkbox-simple .checkbox::after {
                top: -5px;
                height: 30px;
                left: -30px
            }

    .resultados-busqueda .formularios select {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 120px;
        padding-right: 20px
    }

    @media only screen and (max-width :1185px) {
        .resultados-busqueda .formularios input[type=text]::-webkit-input-placeholder {
            font-size: .7rem
        }

        .resultados-busqueda .formularios input[type=text]:-moz-placeholder {
            font-size: .7rem
        }

        .resultados-busqueda .formularios input[type=text]::-moz-placeholder {
            font-size: .7rem
        }

        .resultados-busqueda .formularios input[type=text]:-ms-input-placeholder {
            font-size: .7rem
        }
    }

    @media only screen and (max-width :800px) {
        .resultados-busqueda .formularios input[type=text]::-webkit-input-placeholder {
            font-size: .8rem
        }

        .resultados-busqueda .formularios input[type=text]:-moz-placeholder {
            font-size: .8rem
        }

        .resultados-busqueda .formularios input[type=text]::-moz-placeholder {
            font-size: .8rem
        }

        .resultados-busqueda .formularios input[type=text]:-ms-input-placeholder {
            font-size: .8rem
        }
    }

    .resultados-busqueda .formularios.largo {
        min-width: 200px
    }

    .cabecera-interior-pasos {
        height: 60px;
        background: #404141;
        width: 100%;
        position: absolute;
        top: 60px;
        left: 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
        z-index: 2
    }

    @media only screen and (max-width :800px) {
        .cabecera-interior-pasos {
            top: 0
        }
    }

    @media only screen and (max-width :576px) {
        .cabecera-interior-pasos {
            padding: 0 8px
        }
    }

    .cabecera-interior-pasos ~ .card {
        margin-top: 60px;
        z-index: 0
    }

        .cabecera-interior-pasos ~ .card ~ .card {
            margin-top: 2px
        }

    .cabecera-interior-pasos h1 {
        margin: 0;
        padding: 0;
        font-size: 1.4rem;
        font-family: overpassregular,sans-serif,sans-serif;
        color: #fff
    }

    @media only screen and (max-width :1300px) {
        .cabecera-interior-pasos h1.importante {
            font-size: 1rem
        }
    }

    @media only screen and (max-width :1185px) {
        .cabecera-interior-pasos h1.importante {
            display: none
        }
    }

    .cabecera-interior-pasos .resumen {
        border-radius: 2px;
        box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
        -ms-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
        background-color: #fff;
        border-left: 5px solid #00953a;
        border-right: 5px solid #00953a;
        height: 80%;
        font-family: overpassregular,sans-serif,sans-serif;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: stretch;
        flex: 1 1 50%;
        margin-left: 5%
    }

    @media only screen and (max-width :1185px) {
        .cabecera-interior-pasos .resumen {
            margin: 0
        }
    }

    @media only screen and (max-width :800px) {
        .cabecera-interior-pasos .resumen {
            height: 75%;
            width: 100%
        }
    }

    .cabecera-interior-pasos .resumen > a {
        flex: 0 0 45px;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-color: #bfbfbf;
        border-left: 5px solid #404141;
        cursor: pointer
    }

        .cabecera-interior-pasos .resumen > a i {
            height: 30px;
            width: 30px;
            background-size: auto 100%
        }

        .cabecera-interior-pasos .resumen > a:hover {
            background: #f2f2f2
        }

            .cabecera-interior-pasos .resumen > a:hover i {
                opacity: 1;
                filter: grayscale(0);
                -webkit-filter: grayscale(0)
            }

    .cabecera-interior-pasos .resumen .data {
        flex: 1 1 50%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

        .cabecera-interior-pasos .resumen .data .items {
            width: 100%;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            height: 100%
        }

            .cabecera-interior-pasos .resumen .data .items .item {
                flex: 1 1 50%;
                margin: 0;
                padding: 0;
                list-style: none;
                display: inline-block;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                height: 100%;
                border-right: 2px solid #f2f2f2
            }

    .ie .cabecera-interior-pasos .resumen .data .items .item {
        flex: 0 0 45%
    }

    .cabecera-interior-pasos .resumen .data .items .item:last-child {
        border: none
    }

    @media only screen and (max-width :576px) {
        .cabecera-interior-pasos .resumen .data .items .item {
            padding-left: 3px
        }
    }

    .cabecera-interior-pasos .resumen .data .items .item > i {
        opacity: 1;
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        flex: 0 0 40px;
        height: 30px;
        background-size: auto 100%
    }

    @media only screen and (max-width :576px) {
        .cabecera-interior-pasos .resumen .data .items .item > i {
            display: none
        }
    }

    .cabecera-interior-pasos .resumen .data .items .item a {
        flex: 0 0 40px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #f2f2f2;
        height: 100%;
        cursor: pointer
    }

        .cabecera-interior-pasos .resumen .data .items .item a i {
            height: 30px;
            width: 30px;
            background-size: auto 100%
        }

        .cabecera-interior-pasos .resumen .data .items .item a:hover i {
            opacity: 1;
            filter: grayscale(0);
            -webkit-filter: grayscale(0)
        }

    .cabecera-interior-pasos .resumen .data .items .item span {
        flex: 1 1 50%
    }

        .cabecera-interior-pasos .resumen .data .items .item span h4 {
            margin: 0;
            padding: 0;
            line-height: 1
        }

    @media only screen and (max-width :800px) {
        .cabecera-interior-pasos .resumen .data .items .item span h4 {
            display: none
        }
    }

    .cabecera-interior-pasos .resumen .data .items .item span ul {
        line-height: 1;
        margin: 0;
        padding: 0
    }

        .cabecera-interior-pasos .resumen .data .items .item span ul > li {
            color: #7f8280;
            font-size: .7rem;
            margin: 0;
            padding: 0;
            list-style: none;
            display: inline-block
        }

    @media only screen and (max-width :576px) {
        .cabecera-interior-pasos .resumen .data .items .item span ul > li {
            font-size: .6rem
        }
    }

    .cabecera-interior-pasos .detalles {
        border-radius: 2px;
        box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
        -ms-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
        background-color: #fff;
        border-left: 5px solid #006fb9;
        border-right: 5px solid #006fb9;
        height: 80%;
        font-family: overpassregular,sans-serif;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center
    }

    @media only screen and (max-width :800px) {
        .cabecera-interior-pasos .detalles {
            justify-content: space-around;
            align-items: center;
            height: 70%;
            width: 100%
        }
    }

    .cabecera-interior-pasos .detalles h2 {
        font-size: 1.3rem;
        border: none;
        margin: 0;
        padding: 0 10px 0 10px;
        color: #595b5a;
        height: auto;
        font-style: normal;
        font-family: overpasslight,sans-serif;
        color: #006fb9
    }

    .cabecera-interior-pasos .detalles .dato {
        height: auto;
        font-family: overpassregular,sans-serif,sans-serif;
        font-size: 1.3rem;
        margin: 0;
        padding: 0
    }

        .cabecera-interior-pasos .detalles .dato span {
            font-size: 1rem
        }

    .cabecera-interior-pasos .detalles article {
        height: auto;
        margin: 0 10px
    }

        .cabecera-interior-pasos .detalles article p {
            font-size: .6rem;
            margin: 0 10px;
            padding: 0;
            font-family: overpassregular,sans-serif;
            color: #aeb2af
        }

    @media only screen and (max-width :576px) {
        .cabecera-interior-pasos .detalles article {
            display: none
        }
    }

    .cabecera-interior-pasos .detalles article.acciones {
        height: auto;
        margin-left: 40px
    }

        .cabecera-interior-pasos .detalles article.acciones a {
            cursor: pointer
        }

            .cabecera-interior-pasos .detalles article.acciones a .bci-icon {
                opacity: 1;
                height: 35px;
                width: 35px
            }

                .cabecera-interior-pasos .detalles article.acciones a .bci-icon.eliminar-usuario {
                    height: 31px;
                    width: 31px;
                    opacity: .8
                }

            .cabecera-interior-pasos .detalles article.acciones a:hover .bci-icon {
                opacity: 1;
                filter: grayscale(0);
                -webkit-filter: grayscale(0)
            }

    .cabecera-interior-pasos > ul {
        max-height: 30px;
        margin: 0
    }

        .cabecera-interior-pasos > ul li {
            display: inline-block;
            padding-right: 40px;
            position: relative
        }

            .cabecera-interior-pasos > ul li::after {
                display: block;
                content: " ";
                height: 3px;
                background: #595959;
                width: 28px;
                position: absolute;
                top: 45%;
                right: 5px
            }

            .cabecera-interior-pasos > ul li a {
                color: #fff;
                font-family: overpassregular,sans-serif,sans-serif;
                font-size: 1.4rem;
                color: #595b5a;
                cursor: pointer;
                text-decoration: none
            }

                .cabecera-interior-pasos > ul li a:hover {
                    color: #aeb2af
                }

            .cabecera-interior-pasos > ul li:last-child {
                padding: 0
            }

                .cabecera-interior-pasos > ul li:last-child::after {
                    display: none
                }

            .cabecera-interior-pasos > ul li.active a {
                color: #f2f2f2;
                cursor: inherit;
                display: block
            }

                .cabecera-interior-pasos > ul li.active a:hover {
                    color: #f2f2f2
                }

            .cabecera-interior-pasos > ul li.active::after {
                background: #f2f2f2
            }

    .modulo-ejecutivo-flotante {
        width: 100%;
        overflow-y: hidden;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: all .1s linear
    }

        .modulo-ejecutivo-flotante.active {
            opacity: 1;
            display: block;
            z-index: 1030;
            width: 100%;
            height: 100%
        }

            .modulo-ejecutivo-flotante.active .modulo-back {
                display: block
            }

        .modulo-ejecutivo-flotante .modulo-back {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            z-index: 1020;
            opacity: 1;
            width: 100%;
            height: 100%;
            display: none;
            background-color: rgba(0,0,0,.7)
        }

        .modulo-ejecutivo-flotante .modulo-content {
            max-width: 300px;
            height: calc(100% - 60px);
            width: 96%;
            overflow-y: hidden;
            display: block;
            background-color: #f2f2f2;
            position: absolute;
            top: 60px;
            right: 0;
            z-index: 2001;
            border-radius: 0;
            box-shadow: 0 0 12px 0 rgba(0,0,0,.3);
            -ms-box-shadow: 0 0 12px 0 rgba(0,0,0,.3)
        }

            .modulo-ejecutivo-flotante .modulo-content .head {
                background-color: #006fb9;
                padding: 0;
                height: 30px
            }

                .modulo-ejecutivo-flotante .modulo-content .head h3 {
                    color: #fff;
                    line-height: 30px;
                    margin: 0;
                    padding-left: 10px
                }

                .modulo-ejecutivo-flotante .modulo-content .head > a {
                    position: absolute;
                    top: 6px;
                    right: 0;
                    filter: brightness(400%);
                    -webkit-filter: brightness(400%);
                    height: 20px;
                    width: 20px
                }

                    .modulo-ejecutivo-flotante .modulo-content .head > a i {
                        width: 16px;
                        height: 16px
                    }

            .modulo-ejecutivo-flotante .modulo-content .content {
                display: block;
                width: 100%;
                height: calc(100% - 57px);
                overflow-y: auto;
                overflow-x: hidden
            }

                .modulo-ejecutivo-flotante .modulo-content .content ul {
                    margin: 0;
                    padding: 0 5px
                }

                    .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption {
                        display: block;
                        width: 100%;
                        padding: 5px;
                        background-color: #fff;
                        margin: 5px auto 12px;
                        box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
                        -ms-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2)
                    }

                        .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption section {
                            padding: 5px 0;
                            margin-bottom: 10px;
                            border-bottom: 2px solid #e5e5e5
                        }

                            .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption section p {
                                text-align: left;
                                font-size: .7rem;
                                padding: 0;
                                margin: 0
                            }

                            .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption section h4 {
                                color: #006fb9;
                                text-align: left;
                                font-size: .85rem;
                                padding: 0;
                                margin: 0
                            }

                        .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption > ul {
                            width: 100%;
                            margin: 0;
                            padding: 0;
                            display: flex;
                            flex-wrap: wrap;
                            -webkit-flex-wrap: wrap;
                            justify-content: flex-start;
                            align-items: center
                        }

                            .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption > ul > li {
                                cursor: auto;
                                flex: 0 0 100%;
                                list-style: none;
                                margin: 0 0 5px 0;
                                background-image: url(../img/svg/_lite_next_arrow.svg);
                                background-repeat: no-repeat;
                                background-position: left center;
                                background-size: auto 16px;
                                padding: 0 0 0 18px;
                                text-align: left;
                                font-size: .8rem;
                                color: #595b5a
                            }

                                .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption > ul > li > a {
                                    cursor: pointer;
                                    text-align: left;
                                    color: #595b5a;
                                    text-decoration: underline
                                }

                        .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption a.more {
                            width: 100%;
                            background-color: #e5e5e5;
                            height: 24px;
                            line-height: 24px;
                            text-align: center;
                            display: inline-block;
                            margin-top: 10px;
                            font-size: .75rem;
                            cursor: pointer
                        }

                            .modulo-ejecutivo-flotante .modulo-content .content ul li figcaption a.more:hover {
                                background-color: #ccc
                            }

    .modulo-corredor-flotante {
        width: 100%;
        overflow-y: hidden;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: all .1s linear
    }

        .modulo-corredor-flotante.active {
            opacity: 1;
            display: block;
            z-index: 1030;
            width: 100%;
            height: 100%
        }

        .modulo-corredor-flotante .modulo-back {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            z-index: 1020;
            opacity: 1;
            width: 100%;
            height: 100%;
            display: block;
            background-color: rgba(0,0,0,.5)
        }

        .modulo-corredor-flotante .modulo-content {
            max-width: 500px;
            height: calc(100% - 60px);
            width: 96%;
            overflow-y: hidden;
            display: block;
            background-color: #f2f2f2;
            position: absolute;
            top: 60px;
            right: 0;
            z-index: 2001;
            border-radius: 0;
            box-shadow: 0 0 12px 0 rgba(0,0,0,.3);
            -ms-box-shadow: 0 0 12px 0 rgba(0,0,0,.3)
        }

            .modulo-corredor-flotante .modulo-content .head {
                background-color: #006fb9;
                padding: 10px;
                height: 57px
            }

                .modulo-corredor-flotante .modulo-content .head .formularios {
                    margin: 0
                }

                    .modulo-corredor-flotante .modulo-content .head .formularios.especial label {
                        left: 10px;
                        color: #aeb2af;
                        padding-left: 0;
                        font-size: .8rem
                    }

                    .modulo-corredor-flotante .modulo-content .head .formularios.especial input {
                        font-size: 1rem
                    }

            .modulo-corredor-flotante .modulo-content .content {
                display: block;
                width: 100%;
                height: calc(100% - 57px);
                overflow-y: auto;
                overflow-x: hidden
            }

                .modulo-corredor-flotante .modulo-content .content ul {
                    margin: 0;
                    padding: 0 10px
                }

                    .modulo-corredor-flotante .modulo-content .content ul li {
                        width: 100%;
                        list-style: none;
                        margin: 0;
                        padding: 10px;
                        border-bottom: 1px solid rgba(89,91,90,.2);
                        display: flex;
                        flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        justify-content: space-between;
                        align-items: center;
                        align-content: center;
                        -webkit-align-content: center;
                        -moz-align-content: center;
                        -ms-align-content: center
                    }

                        .modulo-corredor-flotante .modulo-content .content ul li p {
                            margin: 0;
                            font-size: .85rem;
                            font-family: overpassregular,sans-serif
                        }

                        .modulo-corredor-flotante .modulo-content .content ul li a {
                            margin: 0
                        }

                        .modulo-corredor-flotante .modulo-content .content ul li:hover {
                            background-color: rgba(255,255,255,.1)
                        }

    .modulo-informacion-flotante {
        width: 100%;
        overflow-y: hidden;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: all .1s linear
    }

        .modulo-informacion-flotante.active {
            opacity: 1;
            display: block;
            z-index: 1030;
            width: 100%;
            height: 100%
        }

        .modulo-informacion-flotante .modulo-content {
            max-width: 500px;
            min-height: 200px;
            width: 96%;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
            align-content: flex-start;
            -webkit-align-content: flex-start;
            -moz-align-content: flex-start;
            -ms-align-content: flex-start;
            background-color: #f2f2f2;
            position: absolute;
            top: 70px;
            right: 10px;
            z-index: 2001;
            border-radius: 18px 6px 6px 6px;
            box-shadow: 0 0 12px 0 rgba(0,0,0,.3);
            -ms-box-shadow: 0 0 12px 0 rgba(0,0,0,.3)
        }

    @media only screen and (max-width :800px) {
        .modulo-informacion-flotante .modulo-content {
            right: 2%
        }
    }

    .modulo-informacion-flotante .modulo-content .head {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        border-radius: 18px 6px 0 0;
        flex: 0 0 100%;
        height: 40px;
        background-color: #fff
    }

        .modulo-informacion-flotante .modulo-content .head h4 {
            font-size: 1rem;
            padding: 0 0 0 5px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            align-content: center;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center
        }

            .modulo-informacion-flotante .modulo-content .head h4 .bci-icon {
                margin-right: 10px;
                height: 30px;
                width: 30px
            }

            .modulo-informacion-flotante .modulo-content .head h4 span.notificacion {
                line-height: 14px;
                width: 14px;
                font-family: overpassregular,sans-serif;
                color: #fff;
                font-size: .5rem;
                display: inline-block;
                background-color: #ef3742;
                text-align: center;
                border-radius: 9px;
                position: absolute;
                top: 2px;
                left: 28px
            }

        .modulo-informacion-flotante .modulo-content .head .cerrar {
            cursor: pointer;
            width: 40px;
            height: 20px;
            padding-left: 13px;
            border-left: 1px solid rgba(174,178,175,.5)
        }

            .modulo-informacion-flotante .modulo-content .head .cerrar .bci-icon {
                height: 15px;
                width: 15px
            }

            .modulo-informacion-flotante .modulo-content .head .cerrar:hover {
                opacity: .4
            }

    .modulo-informacion-flotante .modulo-content .content {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start;
        border-radius: 0 0 10px 10px;
        flex: 0 0 100%;
        height: 80%
    }

        .modulo-informacion-flotante .modulo-content .content ul.lista-notificaciones {
            width: 100%;
            display: block;
            margin: 0;
            padding: 0
        }

            .modulo-informacion-flotante .modulo-content .content ul.lista-notificaciones li {
                min-height: 0;
                padding: 0 10px 0 10px !important;
                margin: 5px 0 !important;
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                align-content: center;
                -webkit-align-content: center;
                -moz-align-content: center;
                -ms-align-content: center;
                margin: 0;
                padding: 0;
                border-bottom: 1px solid #e5e5e5
            }

                .modulo-informacion-flotante .modulo-content .content ul.lista-notificaciones li h4 {
                    margin: 0;
                    font-weight: 400;
                    line-height: 1
                }

                    .modulo-informacion-flotante .modulo-content .content ul.lista-notificaciones li h4 span {
                        font-size: .7rem;
                        font-family: overpasslight,sans-serif;
                        color: #aeb2af
                    }

                .modulo-informacion-flotante .modulo-content .content ul.lista-notificaciones li:last-child {
                    border-bottom: none
                }

                .modulo-informacion-flotante .modulo-content .content ul.lista-notificaciones li .boton {
                    margin: 0
                }

        .modulo-informacion-flotante .modulo-content .content.center {
            justify-content: center;
            align-items: flex-start
        }

        .modulo-informacion-flotante .modulo-content .content.right {
            justify-content: flex-end;
            align-items: flex-start
        }

        .modulo-informacion-flotante .modulo-content .content > h4 {
            padding: 10px 10px 0 10px
        }

        .modulo-informacion-flotante .modulo-content .content .divisor {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex: 0 0 98%
        }

            .modulo-informacion-flotante .modulo-content .content .divisor.left {
                justify-content: flex-start;
                align-items: flex-start
            }

            .modulo-informacion-flotante .modulo-content .content .divisor.center {
                justify-content: center;
                align-items: flex-start
            }

            .modulo-informacion-flotante .modulo-content .content .divisor.right {
                justify-content: flex-end;
                align-items: flex-start
            }

        .modulo-informacion-flotante .modulo-content .content .accesos {
            flex: 0 0 100%;
            width: 100%;
            box-shadow: none !important;
            margin: 0;
            padding: 0
        }

        .modulo-informacion-flotante .modulo-content .content > .formularios {
            padding: 10px;
            flex: 0 0 100%;
            border-bottom: 1px solid #d9d9d9
        }

        .modulo-informacion-flotante .modulo-content .content > .formulario-bloque {
            flex: 0 0 96%;
            margin: 0;
            padding: 0
        }

            .modulo-informacion-flotante .modulo-content .content > .formulario-bloque .formularios {
                margin: 0;
                padding: 0
            }

        .modulo-informacion-flotante .modulo-content .content .content-busqueda {
            padding: 0;
            justify-content: flex-start;
            align-items: flex-end;
            align-content: flex-end;
            -webkit-align-content: flex-end;
            -moz-align-content: flex-end;
            -ms-align-content: flex-end
        }

            .modulo-informacion-flotante .modulo-content .content .content-busqueda.active {
                padding: 10px;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap
            }

        .modulo-informacion-flotante .modulo-content .content .boton {
            flex: 0 0 90px;
            min-width: 0;
            margin-left: 20px;
            margin-bottom: 20px
        }

            .modulo-informacion-flotante .modulo-content .content .boton.extendido {
                text-align: center;
                flex: 0 0 190px
            }

        .modulo-informacion-flotante .modulo-content .content .formulario-seccion {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            width: 100%;
            flex: 1 0 50%
        }

            .modulo-informacion-flotante .modulo-content .content .formulario-seccion .formularios {
                min-width: 0
            }

                .modulo-informacion-flotante .modulo-content .content .formulario-seccion .formularios input {
                    min-width: 0
                }

    .modulo-informacion-flotante.principal .modulo-back {
        display: none
    }

    .modulo-informacion-flotante .modulo-back {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 1020;
        opacity: 1;
        width: 100%;
        height: 100%;
        display: block;
        background-color: rgba(0,0,0,.7)
    }

    #menu-desplegable-principal {
        display: none;
        height: 100%;
        width: 0;
        transition: width .2s linear
    }

        #menu-desplegable-principal.active {
            z-index: 1030;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1030;
            width: 100%;
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: stretch;
            align-content: stretch;
            -webkit-align-content: stretch;
            -moz-align-content: stretch;
            -ms-align-content: stretch
        }

        #menu-desplegable-principal .menu-content {
            border-top: 5px solid #00953a;
            max-height: 100%;
            width: 336px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            background-color: rgba(0,0,0,.65);
            z-index: 1030;
            padding-top: 10px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
            align-content: stretch;
            -webkit-align-content: stretch;
            -moz-align-content: stretch;
            -ms-align-content: stretch
        }

            #menu-desplegable-principal .menu-content.scroll {
                overflow-y: auto
            }

            #menu-desplegable-principal .menu-content::-webkit-scrollbar {
                width: 10px
            }

            #menu-desplegable-principal .menu-content::-webkit-scrollbar-track {
                box-shadow: inset 0 0 6px rgba(0,0,0,.2)
            }

            #menu-desplegable-principal .menu-content::-webkit-scrollbar-thumb {
                background-color: rgba(255,255,255,.4);
                cursor: pointer
            }

    @media only screen and (max-width :576px) {
        #menu-desplegable-principal .menu-content {
            max-height: 800px;
            height: 800px
        }
    }

    #menu-desplegable-principal .menu-content h1, #menu-desplegable-principal .menu-content h2, #menu-desplegable-principal .menu-content h4 {
        margin: 5px 0 5px 20px
    }

    #menu-desplegable-principal .menu-content h1 {
        margin-top: 60px;
        margin-right: 40px;
        margin-bottom: 20px;
        flex-basis: 100%;
        font-size: 1.2rem;
        color: #fff;
        text-transform: none;
        font-weight: 700;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    #menu-desplegable-principal .menu-content h2 {
        height: 22px;
        flex-basis: 100%;
        color: #fff;
        font-weight: 300;
        font-style: normal
    }

    #menu-desplegable-principal .menu-content h4 {
        height: 16px;
        flex-basis: 100%;
        color: #00953a;
        font-size: 1rem;
        font-weight: 700;
        font-style: normal
    }

    #menu-desplegable-principal .menu-content > ul {
        flex-basis: 100%;
        width: 100%;
        display: block;
        margin: 0 0 30px 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch
    }

        #menu-desplegable-principal .menu-content > ul > li {
            flex-basis: 100%;
            min-height: 44px;
            margin: 0;
            padding: 0 10px 0 30px;
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            align-content: center;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center;
            position: relative;
            font-family: overpassregular,sans-serif,sans-serif
        }

            #menu-desplegable-principal .menu-content > ul > li > ul {
                display: none;
                background-color: rgba(0,0,0,.95);
                position: absolute;
                top: 0;
                left: 100%;
                min-width: 360px;
                width: 100%;
                margin: 0;
                padding: 10px 20px 10px 10px
            }

                #menu-desplegable-principal .menu-content > ul > li > ul:after {
                    position: absolute;
                    right: 0;
                    top: 0;
                    height: 100%;
                    width: 5px;
                    display: block;
                    content: ""
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-celeste:after {
                    background-color: #0071ce
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-celeste li:before {
                    background-color: #0071ce
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-amarillo:after {
                    background-color: gold
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-amarillo li:before {
                    background-color: gold
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-mostaza:after {
                    background-color: #d7b401
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-mostaza li:before {
                    background-color: #00953a
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-verde:after {
                    background-color: #00953a
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-verde li:before {
                    background-color: #00953a
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-naranjo:after {
                    background-color: #f58a27
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-naranjo li:before {
                    background-color: #f58a27
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-gris:after {
                    background-color: #aeb2af
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-gris li:before {
                    background-color: #aeb2af
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-rosado:after {
                    background-color: #f25774
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-rosado li:before {
                    background-color: #f25774
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-morado:after {
                    background-color: #9c67d2
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-morado li:before {
                    background-color: #9c67d2
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-rojo:after {
                    background-color: #ef3742
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-rojo li:before {
                    background-color: #ef3742
                }

                #menu-desplegable-principal .menu-content > ul > li > ul.bg-azul:after {
                    background-color: #006fb9
                }

                #menu-desplegable-principal .menu-content > ul > li > ul li {
                    margin: 0 0 5px 0;
                    padding: 0;
                    position: relative;
                    padding-left: 20px;
                    min-height: 30px;
                    list-style: none
                }

                    #menu-desplegable-principal .menu-content > ul > li > ul li:last-child {
                        margin: 0
                    }

                    #menu-desplegable-principal .menu-content > ul > li > ul li:before {
                        content: "";
                        position: absolute;
                        top: 8px;
                        left: 0;
                        height: 8px;
                        width: 8px;
                        display: block;
                        border-radius: 4px
                    }

                    #menu-desplegable-principal .menu-content > ul > li > ul li a {
                        color: #c4c4c4;
                        text-decoration: none
                    }

                        #menu-desplegable-principal .menu-content > ul > li > ul li a:hover {
                            color: #fff
                        }

            #menu-desplegable-principal .menu-content > ul > li:hover > ul {
                display: block
            }

            #menu-desplegable-principal .menu-content > ul > li > a {
                width: 100%;
                font-weight: 400;
                color: rgba(255,255,255,.6);
                font-size: 1rem;
                position: relative;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
                align-content: center;
                -webkit-align-content: center;
                -moz-align-content: center;
                -ms-align-content: center;
                font-family: overpasslight,sans-serif
            }

                #menu-desplegable-principal .menu-content > ul > li > a:hover {
                    color: #fff;
                    text-decoration: none
                }

                #menu-desplegable-principal .menu-content > ul > li > a strong {
                    margin-left: 4px;
                    font-family: overpassbold,sans-serif
                }

                #menu-desplegable-principal .menu-content > ul > li > a .notificacion {
                    position: absolute;
                    top: 50%;
                    left: 100%;
                    transform: translate(-100%,-50%);
                    color: #fff;
                    font-size: 1rem;
                    text-align: center;
                    padding: 0 2px 0 0;
                    margin: 0;
                    border-radius: 11px 11px 11px 2px;
                    height: 22px;
                    width: 22px;
                    display: inline-block;
                    background-color: #ef3742
                }

    #menu-desplegable-principal .menu-content.scroll > ul > li:hover {
        padding-top: 2px
    }

        #menu-desplegable-principal .menu-content.scroll > ul > li:hover > ul {
            display: none
        }

    #menu-desplegable-principal .menu-content.scroll > ul > li > ul {
        position: static;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 10px;
        min-width: 200px !important
    }

    #menu-desplegable-principal .menu-content.scroll > ul > li.activo {
        padding-top: 5px;
        background-color: rgba(0,0,0,.95)
    }

        #menu-desplegable-principal .menu-content.scroll > ul > li.activo > ul {
            background-color: rgba(0,0,0,.95);
            display: block;
            position: static;
            padding-top: 10px;
            padding-bottom: 10px;
            margin-top: 10px;
            min-width: 200px !important
        }

    #menu-desplegable-principal .menu-content .menu {
        min-height: 60%
    }

        #menu-desplegable-principal .menu-content .menu > li {
            border-bottom: 1px solid rgba(255,255,255,.1);
            padding-left: 20px
        }

            #menu-desplegable-principal .menu-content .menu > li:first-child {
                border-top: 1px solid rgba(255,255,255,.1)
            }

            #menu-desplegable-principal .menu-content .menu > li.sub {
                background: url(../img/svg/dropdown-arrow.svg) no-repeat 96% center;
                background-size: auto 6px
            }

                #menu-desplegable-principal .menu-content .menu > li.sub:hover:after {
                    display: none
                }

            #menu-desplegable-principal .menu-content .menu > li:hover {
                background-color: rgba(0,0,0,.95)
            }

                #menu-desplegable-principal .menu-content .menu > li:hover.sub {
                    background-color: rgba(0,0,0,.95)
                }

                #menu-desplegable-principal .menu-content .menu > li:hover:after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 100%;
                    transform: translate(-100%,-50%);
                    height: 100%;
                    width: 4px;
                    display: block;
                    background: #f2f2f2
                }

                #menu-desplegable-principal .menu-content .menu > li:hover > a {
                    color: #fff
                }

            #menu-desplegable-principal .menu-content .menu > li .bci-icon {
                height: 32px;
                width: 32px;
                border-radius: 16px;
                display: inline-block;
                margin-right: 10px;
                background-position: center center;
                background-size: 70% auto;
                background-repeat: no-repeat
            }

            #menu-desplegable-principal .menu-content .menu > li.active {
                background-color: rgba(255,255,255,.1)
            }

                #menu-desplegable-principal .menu-content .menu > li.active:after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 100%;
                    transform: translate(-100%,-50%);
                    height: 100%;
                    width: 4px;
                    display: block;
                    background: #595b5a
                }

                #menu-desplegable-principal .menu-content .menu > li.active a {
                    color: #fff
                }

    #menu-desplegable-principal .menu-content .indicadores {
        min-height: 10%
    }

        #menu-desplegable-principal .menu-content .indicadores li {
            border-bottom: 1px solid rgba(255,255,255,.1);
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: center
        }

            #menu-desplegable-principal .menu-content .indicadores li:last-child {
                border-bottom: none
            }

            #menu-desplegable-principal .menu-content .indicadores li span {
                color: #fff;
                font-size: 1rem
            }

                #menu-desplegable-principal .menu-content .indicadores li span.divisa {
                    font-family: overpassbold,sans-serif
                }

                #menu-desplegable-principal .menu-content .indicadores li span.valor {
                    font-family: overpasslight,sans-serif;
                    background-position: right center;
                    background-repeat: no-repeat;
                    padding-right: 20px
                }

                    #menu-desplegable-principal .menu-content .indicadores li span.valor.mas {
                        background-image: url(../img/svg/valor-up.svg)
                    }

                    #menu-desplegable-principal .menu-content .indicadores li span.valor.menos {
                        background-image: url(../img/svg/valor-down.svg)
                    }

                    #menu-desplegable-principal .menu-content .indicadores li span.valor.none {
                        background-image: url(../img/svg/valor-steady.svg);
                        background-size: 10px 2px
                    }

    #menu-desplegable-principal.agrupaciones .menu-back {
        background-color: rgba(0,0,0,0)
    }

    #menu-desplegable-principal .menu-back {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        display: block;
        background-color: rgba(0,0,0,.34);
        z-index: 1028
    }

    nav.navbar.oficina #menu-desplegable {
        height: 100%;
        display: inline-block;
        flex: 0 0 85px;
        background-color: #f1f1f1;
        background-image: url(../img/svg/icono-menu-new.svg);
        background-size: auto 70px;
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer
    }

    @media only screen and (max-width :800px) {
        nav.navbar.oficina #menu-desplegable {
            flex: 0 0 64px
        }
    }

    @media only screen and (max-width :576px) {
        nav.navbar.oficina #menu-desplegable {
            flex: 0 0 50px;
            background-size: auto 24px
        }
    }

    nav.navbar.oficina #menu-desplegable.active, nav.navbar.oficina #menu-desplegable:hover {
        background-image: url(../img/svg/icono-menu-new-white.svg);
        background-color: #00953a
    }

    .modal {
        overflow-y: auto
    }

        .modal .modal-dialog {
            max-width: 600px;
            width: 98%
        }

        .modal.pequena .modal-dialog {
            max-width: 450px;
            width: 98%
        }
@media only screen and (max-width :430px) {
    .modal.pequena .modal-dialog {
        max-width: 430px;
        width: 80%
    }
}
        .modal.media .modal-dialog {
            max-width: 580px !important;
            width: 98%
        }

        .modal.mediana .modal-dialog {
            max-width: 650px !important;
            width: 98%
        }

        .modal.intermedia .modal-dialog {
            max-width: 815px !important;
            width: 98%
        }

        .modal.normal .modal-dialog {
            max-width: 1000px;
            width: 98%
        }

        .modal.grande .modal-dialog {
            max-width: 1280px;
            width: 98%
        }

        .modal.w-0 .modal-dialog {
            max-width: 0;
            width: 98%
        }

        .modal.w-10 .modal-dialog {
            max-width: 10px;
            width: 98%
        }

        .modal.w-20 .modal-dialog {
            max-width: 20px;
            width: 98%
        }

        .modal.w-30 .modal-dialog {
            max-width: 30px;
            width: 98%
        }

        .modal.w-40 .modal-dialog {
            max-width: 40px;
            width: 98%
        }

        .modal.w-50 .modal-dialog {
            max-width: 50px;
            width: 98%
        }

        .modal.w-60 .modal-dialog {
            max-width: 60px;
            width: 98%
        }

        .modal.w-70 .modal-dialog {
            max-width: 70px;
            width: 98%
        }

        .modal.w-80 .modal-dialog {
            max-width: 80px;
            width: 98%
        }

        .modal.w-90 .modal-dialog {
            max-width: 90px;
            width: 98%
        }

        .modal.w-100 .modal-dialog {
            max-width: 100px;
            width: 98%
        }

        .modal.w-110 .modal-dialog {
            max-width: 110px;
            width: 98%
        }

        .modal.w-120 .modal-dialog {
            max-width: 120px;
            width: 98%
        }

        .modal.w-130 .modal-dialog {
            max-width: 130px;
            width: 98%
        }

        .modal.w-140 .modal-dialog {
            max-width: 140px;
            width: 98%
        }

        .modal.w-150 .modal-dialog {
            max-width: 150px;
            width: 98%
        }

        .modal.w-160 .modal-dialog {
            max-width: 160px;
            width: 98%
        }

        .modal.w-170 .modal-dialog {
            max-width: 170px;
            width: 98%
        }

        .modal.w-180 .modal-dialog {
            max-width: 180px;
            width: 98%
        }

        .modal.w-190 .modal-dialog {
            max-width: 190px;
            width: 98%
        }

        .modal.w-200 .modal-dialog {
            max-width: 200px;
            width: 98%
        }

        .modal.w-210 .modal-dialog {
            max-width: 210px;
            width: 98%
        }

        .modal.w-220 .modal-dialog {
            max-width: 220px;
            width: 98%
        }

        .modal.w-230 .modal-dialog {
            max-width: 230px;
            width: 98%
        }

        .modal.w-240 .modal-dialog {
            max-width: 240px;
            width: 98%
        }

        .modal.w-250 .modal-dialog {
            max-width: 250px;
            width: 98%
        }

        .modal.w-260 .modal-dialog {
            max-width: 260px;
            width: 98%
        }

        .modal.w-270 .modal-dialog {
            max-width: 270px;
            width: 98%
        }

        .modal.w-280 .modal-dialog {
            max-width: 280px;
            width: 98%
        }

        .modal.w-290 .modal-dialog {
            max-width: 290px;
            width: 98%
        }

        .modal.w-300 .modal-dialog {
            max-width: 300px;
            width: 98%
        }

        .modal.w-310 .modal-dialog {
            max-width: 310px;
            width: 98%
        }

        .modal.w-320 .modal-dialog {
            max-width: 320px;
            width: 98%
        }

        .modal.w-330 .modal-dialog {
            max-width: 330px;
            width: 98%
        }

        .modal.w-340 .modal-dialog {
            max-width: 340px;
            width: 98%
        }

        .modal.w-350 .modal-dialog {
            max-width: 350px;
            width: 98%
        }

        .modal.w-360 .modal-dialog {
            max-width: 360px;
            width: 98%
        }

        .modal.w-370 .modal-dialog {
            max-width: 370px;
            width: 98%
        }

        .modal.w-380 .modal-dialog {
            max-width: 380px;
            width: 98%
        }

        .modal.w-390 .modal-dialog {
            max-width: 390px;
            width: 98%
        }

        .modal.w-400 .modal-dialog {
            max-width: 400px;
            width: 98%
        }

        .modal.w-410 .modal-dialog {
            max-width: 410px;
            width: 98%
        }

        .modal.w-420 .modal-dialog {
            max-width: 420px;
            width: 98%
        }

        .modal.w-430 .modal-dialog {
            max-width: 430px;
            width: 98%
        }

        .modal.w-440 .modal-dialog {
            max-width: 440px;
            width: 98%
        }

        .modal.w-450 .modal-dialog {
            max-width: 450px;
            width: 98%
        }

        .modal.w-460 .modal-dialog {
            max-width: 460px;
            width: 98%
        }

        .modal.w-470 .modal-dialog {
            max-width: 470px;
            width: 98%
        }

        .modal.w-480 .modal-dialog {
            max-width: 480px;
            width: 98%
        }

        .modal.w-490 .modal-dialog {
            max-width: 490px;
            width: 98%
        }

        .modal.w-500 .modal-dialog {
            max-width: 500px;
            width: 98%
        }

        .modal.w-510 .modal-dialog {
            max-width: 510px;
            width: 98%
        }

        .modal.w-520 .modal-dialog {
            max-width: 520px;
            width: 98%
        }

        .modal.w-530 .modal-dialog {
            max-width: 530px;
            width: 98%
        }

        .modal.w-540 .modal-dialog {
            max-width: 540px;
            width: 98%
        }

        .modal.w-550 .modal-dialog {
            max-width: 550px;
            width: 98%
        }

        .modal.w-560 .modal-dialog {
            max-width: 560px;
            width: 98%
        }

        .modal.w-570 .modal-dialog {
            max-width: 570px;
            width: 98%
        }

        .modal.w-580 .modal-dialog {
            max-width: 580px;
            width: 98%
        }

        .modal.w-590 .modal-dialog {
            max-width: 590px;
            width: 98%
        }

        .modal.w-600 .modal-dialog {
            max-width: 600px;
            width: 98%
        }

        .modal.w-610 .modal-dialog {
            max-width: 610px;
            width: 98%
        }

        .modal.w-620 .modal-dialog {
            max-width: 620px;
            width: 98%
        }

        .modal.w-630 .modal-dialog {
            max-width: 630px;
            width: 98%
        }

        .modal.w-640 .modal-dialog {
            max-width: 640px;
            width: 98%
        }

        .modal.w-650 .modal-dialog {
            max-width: 650px;
            width: 98%
        }

        .modal.w-660 .modal-dialog {
            max-width: 660px;
            width: 98%
        }

        .modal.w-670 .modal-dialog {
            max-width: 670px;
            width: 98%
        }

        .modal.w-680 .modal-dialog {
            max-width: 680px;
            width: 98%
        }

        .modal.w-690 .modal-dialog {
            max-width: 690px;
            width: 98%
        }

        .modal.w-700 .modal-dialog {
            max-width: 700px;
            width: 98%
        }

        .modal.w-710 .modal-dialog {
            max-width: 710px;
            width: 98%
        }

        .modal.w-720 .modal-dialog {
            max-width: 720px;
            width: 98%
        }

        .modal.w-730 .modal-dialog {
            max-width: 730px;
            width: 98%
        }

        .modal.w-740 .modal-dialog {
            max-width: 740px;
            width: 98%
        }

        .modal.w-750 .modal-dialog {
            max-width: 750px;
            width: 98%
        }

        .modal.w-760 .modal-dialog {
            max-width: 760px;
            width: 98%
        }

        .modal.w-770 .modal-dialog {
            max-width: 770px;
            width: 98%
        }

        .modal.w-780 .modal-dialog {
            max-width: 780px;
            width: 98%
        }

        .modal.w-790 .modal-dialog {
            max-width: 790px;
            width: 98%
        }

        .modal.w-800 .modal-dialog {
            max-width: 800px;
            width: 98%
        }

        .modal.w-810 .modal-dialog {
            max-width: 810px;
            width: 98%
        }

        .modal.w-820 .modal-dialog {
            max-width: 820px;
            width: 98%
        }

        .modal.w-830 .modal-dialog {
            max-width: 830px;
            width: 98%
        }

        .modal.w-840 .modal-dialog {
            max-width: 840px;
            width: 98%
        }

        .modal.w-850 .modal-dialog {
            max-width: 850px;
            width: 98%
        }

        .modal.w-860 .modal-dialog {
            max-width: 860px;
            width: 98%
        }

        .modal.w-870 .modal-dialog {
            max-width: 870px;
            width: 98%
        }

        .modal.w-880 .modal-dialog {
            max-width: 880px;
            width: 98%
        }

        .modal.w-890 .modal-dialog {
            max-width: 890px;
            width: 98%
        }

        .modal.w-900 .modal-dialog {
            max-width: 900px;
            width: 98%
        }

        .modal.w-910 .modal-dialog {
            max-width: 910px;
            width: 98%
        }

        .modal.w-920 .modal-dialog {
            max-width: 920px;
            width: 98%
        }

        .modal.w-930 .modal-dialog {
            max-width: 930px;
            width: 98%
        }

        .modal.w-940 .modal-dialog {
            max-width: 940px;
            width: 98%
        }

        .modal.w-950 .modal-dialog {
            max-width: 950px;
            width: 98%
        }

        .modal.w-960 .modal-dialog {
            max-width: 960px;
            width: 98%
        }

        .modal.w-970 .modal-dialog {
            max-width: 970px;
            width: 98%
        }

        .modal.w-980 .modal-dialog {
            max-width: 980px;
            width: 98%
        }

        .modal.w-990 .modal-dialog {
            max-width: 990px;
            width: 98%
        }

        .modal.w-1000 .modal-dialog {
            max-width: 1000px;
            width: 98%
        }

        .modal.w-1010 .modal-dialog {
            max-width: 1010px;
            width: 98%
        }

        .modal.w-1020 .modal-dialog {
            max-width: 1020px;
            width: 98%
        }

        .modal.w-1030 .modal-dialog {
            max-width: 1030px;
            width: 98%
        }

        .modal.w-1040 .modal-dialog {
            max-width: 1040px;
            width: 98%
        }

        .modal.w-1050 .modal-dialog {
            max-width: 1050px;
            width: 98%
        }

        .modal.w-1060 .modal-dialog {
            max-width: 1060px;
            width: 98%
        }

        .modal.w-1070 .modal-dialog {
            max-width: 1070px;
            width: 98%
        }

        .modal.w-1080 .modal-dialog {
            max-width: 1080px;
            width: 98%
        }

        .modal.w-1090 .modal-dialog {
            max-width: 1090px;
            width: 98%
        }

        .modal.w-1100 .modal-dialog {
            max-width: 1100px;
            width: 98%
        }

        .modal.w-1110 .modal-dialog {
            max-width: 1110px;
            width: 98%
        }

        .modal.w-1120 .modal-dialog {
            max-width: 1120px;
            width: 98%
        }

        .modal.w-1130 .modal-dialog {
            max-width: 1130px;
            width: 98%
        }

        .modal.w-1140 .modal-dialog {
            max-width: 1140px;
            width: 98%
        }

        .modal.w-1150 .modal-dialog {
            max-width: 1150px;
            width: 98%
        }

        .modal.w-1160 .modal-dialog {
            max-width: 1160px;
            width: 98%
        }

        .modal.w-1170 .modal-dialog {
            max-width: 1170px;
            width: 98%
        }

        .modal.w-1180 .modal-dialog {
            max-width: 1180px;
            width: 98%
        }

        .modal.w-1190 .modal-dialog {
            max-width: 1190px;
            width: 98%
        }

        .modal.w-1200 .modal-dialog {
            max-width: 1200px;
            width: 98%
        }

        .modal.w-1210 .modal-dialog {
            max-width: 1210px;
            width: 98%
        }

        .modal.w-1220 .modal-dialog {
            max-width: 1220px;
            width: 98%
        }

        .modal.w-1230 .modal-dialog {
            max-width: 1230px;
            width: 98%
        }

        .modal.w-1240 .modal-dialog {
            max-width: 1240px;
            width: 98%
        }

        .modal.w-1250 .modal-dialog {
            max-width: 1250px;
            width: 98%
        }

        .modal.w-1260 .modal-dialog {
            max-width: 1260px;
            width: 98%
        }

        .modal.w-1270 .modal-dialog {
            max-width: 1270px;
            width: 98%
        }

        .modal.w-1280 .modal-dialog {
            max-width: 1280px;
            width: 98%
        }

        .modal.w-1290 .modal-dialog {
            max-width: 1290px;
            width: 98%
        }

        .modal.w-1300 .modal-dialog {
            max-width: 1300px;
            width: 98%
        }

        .modal.w-1310 .modal-dialog {
            max-width: 1310px;
            width: 98%
        }

        .modal.w-1320 .modal-dialog {
            max-width: 1320px;
            width: 98%
        }

        .modal.w-1330 .modal-dialog {
            max-width: 1330px;
            width: 98%
        }

        .modal.w-1340 .modal-dialog {
            max-width: 1340px;
            width: 98%
        }

        .modal.w-1350 .modal-dialog {
            max-width: 1350px;
            width: 98%
        }

        .modal.w-1360 .modal-dialog {
            max-width: 1360px;
            width: 98%
        }

        .modal.w-1370 .modal-dialog {
            max-width: 1370px;
            width: 98%
        }

        .modal.w-1380 .modal-dialog {
            max-width: 1380px;
            width: 98%
        }

        .modal.w-1390 .modal-dialog {
            max-width: 1390px;
            width: 98%
        }

        .modal.w-1400 .modal-dialog {
            max-width: 1400px;
            width: 98%
        }

        .modal.w-1410 .modal-dialog {
            max-width: 1410px;
            width: 98%
        }

        .modal.w-1420 .modal-dialog {
            max-width: 1420px;
            width: 98%
        }

        .modal.w-1430 .modal-dialog {
            max-width: 1430px;
            width: 98%
        }

        .modal.w-1440 .modal-dialog {
            max-width: 1440px;
            width: 98%
        }

        .modal.w-1450 .modal-dialog {
            max-width: 1450px;
            width: 98%
        }

        .modal.w-1460 .modal-dialog {
            max-width: 1460px;
            width: 98%
        }

        .modal.w-1470 .modal-dialog {
            max-width: 1470px;
            width: 98%
        }

        .modal.w-1480 .modal-dialog {
            max-width: 1480px;
            width: 98%
        }

        .modal.w-1490 .modal-dialog {
            max-width: 1490px;
            width: 98%
        }

        .modal.w-1500 .modal-dialog {
            max-width: 1500px;
            width: 98%
        }

        .modal .modal-dialog .modal-content {
            border-radius: 15px 15px 5px 5px;
            padding-bottom: 0;
            height: auto;
            overflow: hidden
        }

            .modal .modal-dialog .modal-content .modal-header {
                position: relative;
                border: none;
                display: block;
                background-color: #fff;
                border-bottom: 1px solid #f2f2f2;
                padding-top: 4px
            }

                .modal .modal-dialog .modal-content .modal-header h1, .modal .modal-dialog .modal-content .modal-header h2, .modal .modal-dialog .modal-content .modal-header h3 {
                    padding: 15px 0 0 0;
                    line-height: 3rem
                }

                    .modal .modal-dialog .modal-content .modal-header h1 span, .modal .modal-dialog .modal-content .modal-header h2 span, .modal .modal-dialog .modal-content .modal-header h3 span {
                        display: block;
                        font-size: .8rem;
                        line-height: 240%
                    }

                    .modal .modal-dialog .modal-content .modal-header h1 u, .modal .modal-dialog .modal-content .modal-header h2 u, .modal .modal-dialog .modal-content .modal-header h3 u {
                        line-height: 1.3rem;
                        text-decoration: none;
                        font-family: overpasslight,sans-serif;
                        font-size: 1.7rem;
                        color: #006fb9;
                        border-bottom: 3px solid #006fb9
                    }

                .modal .modal-dialog .modal-content .modal-header .boton.flotante {
                    position: absolute;
                    bottom: 5px
                }

                .modal .modal-dialog .modal-content .modal-header .text-link {
                    border-right: rgba(255,255,255,.2);
                    display: inline-block;
                    position: relative;
                    height: 20px;
                    margin: 0;
                    padding: 0;
                    width: 20px
                }

                    .modal .modal-dialog .modal-content .modal-header .text-link .bci-icon {
                        opacity: 1;
                        width: 23px;
                        height: 20px;
                        top: 5px
                    }

                    .modal .modal-dialog .modal-content .modal-header .text-link + h3 {
                        border: none !important
                    }

                .modal .modal-dialog .modal-content .modal-header .modal-title {
                    font-family: overpassregular,sans-serif,sans-serif;
                    text-transform: uppercase;
                    color: #595b5a;
                    font-size: .8rem;
                    font-family: overpassbold,sans-serif;
                    line-height: 1rem;
                    display: inline-block;
                    margin-right: 15px
                }

                    .modal .modal-dialog .modal-content .modal-header .modal-title:nth-child(n+2) {
                        border-left: 1px solid #ccc;
                        padding-left: 15px
                    }

                    .modal .modal-dialog .modal-content .modal-header .modal-title.normal {
                        color: #595b5a;
                        font-size: 1.4rem;
                        font-family: overpassregular,sans-serif
                    }

    @media only screen and (max-width :576px) {
        .modal .modal-dialog .modal-content .modal-header .modal-title.normal {
            font-size: 1rem
        }
    }

    .modal .modal-dialog .modal-content .modal-header .modal-title.grande {
        margin: 5px 0;
        color: #006fb9;
        font-size: 2.3rem;
        font-family: overpasslight,sans-serif
    }

        .modal .modal-dialog .modal-content .modal-header .modal-title.grande span {
            color: #595b5a;
            font-size: 1rem
        }

    .modal .modal-dialog .modal-content .modal-header button {
        position: absolute;
        top: 5px;
        right: 5px;
        min-width: 30px;
        height: 30px;
        padding: 0;
        margin: 0;
        border-radius: 15px
    }

        .modal .modal-dialog .modal-content .modal-header button.active, .modal .modal-dialog .modal-content .modal-header button:focus {
            outline: 0
        }

    .modal .modal-dialog .modal-content .modal-header .bci-icon {
        width: 30px;
        height: 30px;
        background-size: 130%
    }

    .modal .modal-dialog .modal-content .modal-body {
        padding: 10px;
        min-height: 100px;
        max-height: 90%;
        height: auto;
        position: static;
        background-color: #f2f2f2
    }

        .modal .modal-dialog .modal-content .modal-body .card {
            box-shadow: none !important
        }

        .modal .modal-dialog .modal-content .modal-body.no-padding {
            padding: 0
        }

        .modal .modal-dialog .modal-content .modal-body > .modulos-informacion {
            width: 100%
        }

            .modal .modal-dialog .modal-content .modal-body > .modulos-informacion .content .acciones {
                padding: 0 5px;
                min-height: 60px;
                background: 0 0
            }

                .modal .modal-dialog .modal-content .modal-body > .modulos-informacion .content .acciones input, .modal .modal-dialog .modal-content .modal-body > .modulos-informacion .content .acciones select {
                    background-color: #fff
                }

            .modal .modal-dialog .modal-content .modal-body > .modulos-informacion .content .resultados {
                background-color: #e5e5e5;
                padding: 5px
            }

                .modal .modal-dialog .modal-content .modal-body > .modulos-informacion .content .resultados .tablas {
                    background-color: none
                }

                    .modal .modal-dialog .modal-content .modal-body > .modulos-informacion .content .resultados .tablas tr {
                        border-bottom-color: #e5e5e5 !important
                    }

        .modal .modal-dialog .modal-content .modal-body h2.titular {
            border: 0;
            padding: 0;
            font-size: 1rem;
            font-family: overpassbold;
            color: #006fb9;
            margin: 0
        }

        .modal .modal-dialog .modal-content .modal-body p.data_general {
            font-size: .8rem;
            padding: 0 3px
        }

        .modal .modal-dialog .modal-content .modal-body .formularios input, .modal .modal-dialog .modal-content .modal-body .formularios select {
            background-color: #f9f9f9
        }

    .modal .modal-dialog .modal-content .modal-footer {
        border: none;
        justify-content: flex-end;
        align-items: flex-end;
        background-color: #fff;
        border-top: 1px solid #f2f2f2;
        padding-bottom: 22px
    }

        .modal .modal-dialog .modal-content .modal-footer.flex {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap
        }

        .modal .modal-dialog .modal-content .modal-footer.angosta {
            padding: 10px
        }

        .modal .modal-dialog .modal-content .modal-footer.extremos {
            justify-content: space-between;
            align-items: center
        }

            .modal .modal-dialog .modal-content .modal-footer.extremos section {
                justify-content: flex-end;
                align-items: center
            }

        .modal .modal-dialog .modal-content .modal-footer.data-related {
            padding: 0
        }

    @media only screen and (max-width :576px) {
        .modal .modal-dialog .modal-content .modal-footer {
            justify-content: space-between;
            align-items: flex-end
        }

            .modal .modal-dialog .modal-content .modal-footer .boton {
                min-width: 40%
            }
    }

    .modal .modal-dialog .modal-content .modal-footer .alertas {
        flex-grow: 2;
        padding-left: 25px
    }

        .modal .modal-dialog .modal-content .modal-footer .alertas .bci-icon {
            width: 20px
        }

    .modal .modal-dialog .modal-content .modal-footer .boton {
        margin-bottom: 0;
        margin-top: 0
    }

    .modal .modal-dialog .modal-content .modal-footer > .formulario-area {
        height: 42px;
        flex: 1 1 50%;
        margin: 0 2% 0 0;
        padding: 0;
        background: 0 0
    }

        .modal .modal-dialog .modal-content .modal-footer > .formulario-area.anexo {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center
        }

            .modal .modal-dialog .modal-content .modal-footer > .formulario-area.anexo .formularios {
                flex: 1 1 30%;
                min-width: 10px;
                width: auto;
                margin-right: 1%
            }

                .modal .modal-dialog .modal-content .modal-footer > .formulario-area.anexo .formularios input, .modal .modal-dialog .modal-content .modal-footer > .formulario-area.anexo .formularios select {
                    background-color: #f2f2f2
                }

    .modal .modal-dialog .modal-content.color {
        background: 0 0
    }

        .modal .modal-dialog .modal-content.color .modal-header {
            padding-bottom: 5px
        }

            .modal .modal-dialog .modal-content.color .modal-header .modal-title {
                color: #fff;
                text-transform: none;
                font-family: overpasslight,sans-serif;
                font-size: 1.1rem
            }

                .modal .modal-dialog .modal-content.color .modal-header .modal-title strong {
                    font-family: overpassbold,sans-serif
                }

        .modal .modal-dialog .modal-content.color.azul .modal-header {
            background-color: #006fb9
        }

            .modal .modal-dialog .modal-content.color.azul .modal-header .modulo-tabs a {
                color: #fff
            }

            .modal .modal-dialog .modal-content.color.azul .modal-header .modulo-tabs li.activo a {
                color: #006fb9
            }

                .modal .modal-dialog .modal-content.color.azul .modal-header .modulo-tabs li.activo a:hover {
                    color: #006fb9
                }

        .modal .modal-dialog .modal-content.color.verde .modal-header {
            background-color: #00953a
        }

            .modal .modal-dialog .modal-content.color.verde .modal-header .modulo-tabs a {
                color: #fff
            }

            .modal .modal-dialog .modal-content.color.verde .modal-header .modulo-tabs li.activo a {
                color: #00953a
            }

                .modal .modal-dialog .modal-content.color.verde .modal-header .modulo-tabs li.activo a:hover {
                    color: #00953a
                }

        .modal .modal-dialog .modal-content.color.rojo .modal-header {
            background-color: #ef3742
        }

            .modal .modal-dialog .modal-content.color.rojo .modal-header .modulo-tabs a {
                color: #fff
            }

            .modal .modal-dialog .modal-content.color.rojo .modal-header .modulo-tabs li.activo a {
                color: #ef3742
            }

                .modal .modal-dialog .modal-content.color.rojo .modal-header .modulo-tabs li.activo a:hover {
                    color: #ef3742
                }

        .modal .modal-dialog .modal-content.color.grisclaro .modal-header {
            background-color: #bfbfbf
        }

            .modal .modal-dialog .modal-content.color.grisclaro .modal-header h3 {
                color: #595b5a
            }

                .modal .modal-dialog .modal-content.color.grisclaro .modal-header h3 .bci-icon {
                    opacity: 1;
                    filter: grayscale(100%);
                    -webkit-filter: grayscale(100%)
                }

            .modal .modal-dialog .modal-content.color.grisclaro .modal-header .modulo-tabs a {
                color: #fff
            }

            .modal .modal-dialog .modal-content.color.grisclaro .modal-header .modulo-tabs li.activo a {
                color: #bfbfbf
            }

                .modal .modal-dialog .modal-content.color.grisclaro .modal-header .modulo-tabs li.activo a:hover {
                    color: #bfbfbf
                }

        .modal .modal-dialog .modal-content.color.gris .modal-header {
            background-color: #909090
        }

            .modal .modal-dialog .modal-content.color.gris .modal-header .modulo-tabs a {
                color: #fff
            }

            .modal .modal-dialog .modal-content.color.gris .modal-header .modulo-tabs li.activo a {
                color: #909090
            }

                .modal .modal-dialog .modal-content.color.gris .modal-header .modulo-tabs li.activo a:hover {
                    color: #909090
                }

    @media only screen and (max-width :576px) {
        .modal .modal-dialog.informacion {
            margin: 0 auto
        }
    }

    .modal .modal-dialog.informacion .modal-content .card {
        margin-bottom: 0
    }

    .modal .modal-dialog.informacion .modal-content .modal-header {
        padding-top: 4px
    }

        .modal .modal-dialog.informacion .modal-content .modal-header h3 {
            padding: 0;
            line-height: 2.1rem
        }

            .modal .modal-dialog.informacion .modal-content .modal-header h3 span {
                display: block
            }

            .modal .modal-dialog.informacion .modal-content .modal-header h3 u {
                line-height: 1.3rem;
                text-decoration: none;
                font-family: overpasslight,sans-serif;
                color: #006fb9;
                border-bottom: 3px solid #006fb9
            }

        .modal .modal-dialog.informacion .modal-content .modal-header .boton.flotante {
            position: absolute;
            bottom: 5px
        }

    .modal .modal-dialog.informacion .modal-body {
        overflow-x: hidden;
        overflow-y: auto
    }

    .ie .modal .modal-dialog.informacion .modal-body {
        overflow: inherit
    }

    .modal .modal-dialog.informacion .modal-body .datos-generales {
        min-height: 0 !important;
        height: auto !important
    }

    .modal .modal-dialog.informacion .modal-body > .card {
        max-width: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0
    }

    .modal .modal-dialog.informacion .modal-body .nav-tabs .nav-link.active {
        background-color: #fff
    }

    .modal.scrolling .modal-dialog {
        height: 98%
    }

        .modal.scrolling .modal-dialog .modal-content {
            max-height: 100%
        }

    .modal.tabs .modal-header {
        padding-bottom: 0 !important
    }

        .modal.tabs .modal-header > .modulo-tabs {
            margin-top: 15px;
            margin-bottom: -1px
        }

            .modal.tabs .modal-header > .modulo-tabs ul {
                margin: 0;
                padding: 0
            }

                .modal.tabs .modal-header > .modulo-tabs ul li {
                    list-style: none;
                    margin: 0;
                    padding: 0 10px;
                    display: inline-block;
                    font-size: 1rem;
                    font-family: overpasslight,sans-serif
                }

                    .modal.tabs .modal-header > .modulo-tabs ul li a {
                        cursor: pointer;
                        display: inline-block;
                        text-decoration: none;
                        height: 40px;
                        line-height: 39px
                    }

                    .modal.tabs .modal-header > .modulo-tabs ul li.activo {
                        background-color: #f2f2f2;
                        border-radius: 3px 3px 0 0
                    }

                        .modal.tabs .modal-header > .modulo-tabs ul li.activo a {
                            font-family: overpassbold,sans-serif
                        }

    .modal.tabs .modal-body {
        display: none
    }

        .modal.tabs .modal-body.activo {
            display: block;
            background: #f2f2f2
        }

    .modal.tabs .modal-footer {
        display: none
    }

        .modal.tabs .modal-footer.activo {
            background-color: #fff;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap
        }

        .modal.tabs .modal-footer.transversal {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap
        }

    .modal.dinamico .modal-dialog {
        top: 0;
        padding: 0;
        margin: 0 auto
    }

        .modal.dinamico .modal-dialog .modal-content {
            margin: 10px 0;
            max-height: 100%
        }

    .modal.exito .modal-dialog {
        max-width: 500px
    }

    .modal.exito .modal-content {
        background-color: #00953a
    }

        .modal.exito .modal-content .modal-header {
            border-radius: 5px 14px 0 0;
            background-color: #00953a;
            padding-bottom: 2px
        }

            .modal.exito .modal-content .modal-header .modal-title {
                color: #fff;
                font-size: 1.5rem;
                font-family: overpasslight,sans-serif;
                position: relative;
                height: 30px;
                margin-bottom: 0;
                margin-bottom: 20px
            }

    @media only screen and (max-width :576px) {
        .modal.exito .modal-content .modal-header .modal-title {
            height: auto;
            font-size: 1.3rem
        }
    }

    .modal.exito .modal-content .modal-header button {
        position: absolute;
        top: 5px;
        right: 5px;
        min-width: 30px;
        height: 30px;
        padding: 0;
        margin: 0;
        background-color: #fff !important;
        border-radius: 15px;
        box-shadow: none !important;
        opacity: 1
    }

    .ie .modal.exito .modal-content .modal-header button {
        background: #000 !important
    }

    .modal.exito .modal-content .modal-header button.active, .modal.exito .modal-content .modal-header button:focus {
        outline: 0
    }

    .modal.exito .modal-content .modal-header button .bci-icon {
        width: 30px;
        height: 30px;
        background-size: 130%;
        opacity: 1;
        filter: grayscale(100%) brightness(30%);
        -webkit-filter: grayscale(100%) brightness(30%)
    }

    .modal.exito .modal-content .modal-body p {
        font-size: 1.2rem;
        font-family: overpasslight,sans-serif
    }

        .modal.exito .modal-content .modal-body p strong {
            font-family: overpassbold,sans-serif
        }

        .modal.exito .modal-content .modal-body p small {
            display: block;
            font-size: .8rem;
            margin: 10px 0
        }

    @media only screen and (max-width :576px) {
        .modal.exito .modal-content .modal-body p {
            font-size: 1.1rem
        }
    }

    .modal.informativo .modal-dialog {
        max-width: 500px
    }

    .modal.informativo .modal-content {
        background-color: #006fb9;
        border-radius: 5px 14px 0 0
    }

        .modal.informativo .modal-content .modal-header {
            border-radius: 5px 14px 0 0;
            background-color: #006fb9;
            padding-bottom: 0;
            min-height: 0
        }

            .modal.informativo .modal-content .modal-header .modal-title {
                color: #fff;
                font-size: 1.5rem;
                font-family: overpasslight,sans-serif;
                position: relative;
                height: 30px;
                padding-left: 0
            }

    .ie .modal.informativo .modal-content .modal-header .modal-title {
        padding-left: 10px
    }

    .modal.informativo .modal-content .modal-header .modal-title .bci-icon {
        margin-right: 10px;
        opacity: 1;
        filter: grayscale(0) brightness(500%);
        -webkit-filter: grayscale(0) brightness(500%);
        background-size: auto 24px;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 40px
    }

    .ie .modal.informativo .modal-content .modal-header .modal-title .bci-icon {
        display: none
    }

    .modal.informativo .modal-content .modal-header .modal-title .bci-icon + strong {
        margin-left: 40px
    }

    @media only screen and (max-width :576px) {
        .modal.informativo .modal-content .modal-header .modal-title {
            height: auto;
            font-size: 1.3rem
        }
    }

    .modal.informativo .modal-content .modal-header button {
        position: absolute;
        top: 5px;
        right: 5px;
        min-width: 30px;
        height: 30px;
        padding: 0;
        margin: 0;
        background-color: rgba(255,255,255,0);
        border-radius: 15px;
        box-shadow: none !important;
        opacity: 1
    }

    .ie .modal.informativo .modal-content .modal-header button {
        background: #000
    }

    .modal.informativo .modal-content .modal-header button.active, .modal.informativo .modal-content .modal-header button:focus {
        outline: 0
    }

    .modal.informativo .modal-content .modal-header button .bci-icon {
        width: 30px;
        height: 30px;
        background-size: 130%;
        opacity: .2;
        filter: grayscale(100%) brightness(100%);
        -webkit-filter: grayscale(100%) brightness(100%)
    }

    .modal.informativo .modal-content .modal-header button:hover {
        background-color: rgba(255,255,255,.5)
    }

    .modal.informativo .modal-content .modal-body p {
        font-size: 1.2rem;
        font-family: overpasslight,sans-serif
    }

        .modal.informativo .modal-content .modal-body p small {
            display: block;
            font-size: .8rem;
            margin: 10px 0
        }

    @media only screen and (max-width :576px) {
        .modal.informativo .modal-content .modal-body p {
            font-size: 1.1rem
        }
    }

    .modal.informativo .modal-content .modal-footer {
        background: #fff
    }

    .modal.error .modal-dialog {
        max-width: 500px
    }

    .modal.error .modal-content {
        background-color: #ef3742;
        border-radius: 5px 14px 0 0
    }

        .modal.error .modal-content .modal-header {
            border-radius: 5px 14px 0 0;
            background-color: #ef3742
        }

            .modal.error .modal-content .modal-header .modal-title {
                color: #fff;
                font-size: 1.5rem;
                font-family: overpasslight,sans-serif;
                position: relative;
                height: 30px;
                padding-left: 50px
            }

    .ie .modal.error .modal-content .modal-header .modal-title {
        padding-left: 10px
    }

    .modal.error .modal-content .modal-header .modal-title .bci-icon {
        margin-right: 10px;
        opacity: 1;
        filter: grayscale(0) brightness(500%);
        -webkit-filter: grayscale(0) brightness(500%);
        background-size: auto 100%;
        position: absolute;
        top: 6px;
        left: 0;
        height: 100%;
        width: 40px
    }

    .ie .modal.error .modal-content .modal-header .modal-title .bci-icon {
        display: none
    }

    @media only screen and (max-width :576px) {
        .modal.error .modal-content .modal-header .modal-title {
            height: auto;
            font-size: 1.3rem
        }
    }

    .modal.error .modal-content .modal-header button {
        position: absolute;
        top: 5px;
        right: 5px;
        min-width: 30px;
        height: 30px;
        padding: 0;
        margin: 0;
        background-color: #fff;
        border-radius: 15px;
        box-shadow: none !important;
        opacity: 1
    }

    .ie .modal.error .modal-content .modal-header button {
        background: #000
    }

    .modal.error .modal-content .modal-header button.active, .modal.error .modal-content .modal-header button:focus {
        outline: 0
    }

    .modal.error .modal-content .modal-header button .bci-icon {
        width: 30px;
        height: 30px;
        background-size: 130%;
        opacity: 1;
        filter: grayscale(100%) brightness(30%);
        -webkit-filter: grayscale(100%) brightness(30%)
    }

    .modal.error .modal-content .modal-body p {
        font-size: 1.2rem;
        font-family: overpasslight,sans-serif
    }

        .modal.error .modal-content .modal-body p small {
            display: block;
            font-size: .8rem;
            margin: 10px 0
        }

    @media only screen and (max-width :576px) {
        .modal.error .modal-content .modal-body p {
            font-size: 1.1rem
        }
    }

    .modal.error .modal-content .modal-footer {
        background: #fff
    }

    .modal#modalIngresoColaborador .autocomplete {
        width: 100% !important
    }

    .modal#modalDescargasPropuestas .modal-header {
    padding-bottom: 10px;
    }

    .modal#modalDescargasPropuestas .modal.modal-title {
      border-left: 0px !important
    }

    .modal#modalDescargasPropuestas .DocumentoNoDisponible {
      margin-top: 15px;
      margin-left: 38px;
     }

    .modal#modalDescargasPropuestas .alerta {
      margin-top: 5px;
     }


.modal#modalDescargasPropuestas .modal-header .modal-title {
    font-size: 1.1rem !important
}

.modal#modalIngresoColaborador .modal-content {
    overflow: visible !important
}

    .modal#modalIngresoColaborador .modal-body {
        overflow: visible !important
    }

    @media only screen and (max-width :576px) {
        .modal#modalIngresoColaborador .modal-body {
            padding: 5px
        }

            .modal#modalIngresoColaborador .modal-body .card-body {
                padding: 5px
            }
    }

    .modal#modal-rol-admin .formularios {
        width: 100%
    }

    .modal#confirmacionModal .modal-content {
        overflow-x: visible;
        overflow-y: visible
    }

        .modal#confirmacionModal .modal-content .modal-body {
            overflow-x: visible;
            overflow-y: visible
        }

    .modal#ModalEditarUsuario .modal-content {
        overflow: auto
    }

        .modal#ModalEditarUsuario .modal-content .modal-body {
            overflow: auto
        }

            .modal#ModalEditarUsuario .modal-content .modal-body .chosen-results {
                max-height: 120px
            }

    .modal-descarga {
        position: absolute;
        right: 5px;
        top: 0
    }

    @media only screen and (max-width :576px) {
        .modal-descarga {
            display: none
        }
    }

    .bloque-destacado {
        width: 100%;
        height: 45px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        background-color: rgba(255,255,255,.5);
        border-radius: 4px;
        margin: 5px 0;
        padding: 0 10px
    }

        .bloque-destacado .bci-icon {
            opacity: 1;
            filter: grayscale(0);
            height: 25px;
            margin: 0;
            padding: 0;
            width: 40px;
            margin-right: 10px
        }

        .bloque-destacado p {
            font-family: overpasslight,sans-serif;
            margin: 0;
            padding: 0;
            display: block;
            color: #595b5a;
            font-size: 1.5rem;
            height: auto
        }

    .modal-stack {
        border-radius: 10px 10px 5px 5px;
        z-index: 999;
        position: fixed;
        top: 5px;
        left: 5px;
        width: calc(100% - 10px);
        min-height: 300px;
        margin-bottom: 5px;
        display: none;
        background: #fff;
        opacity: 0;
        transition: opacity .5s linear
    }

        .modal-stack.show {
            display: block;
            opacity: 1;
            transition: opacity .5s linear;
            box-shadow: 0 0 50px 2px rgba(0,0,0,.6);
            -ms-box-shadow: 0 0 50px 2px rgba(0,0,0,.6)
        }

        .modal-stack .stack-header {
            border-radius: 10px 10px 0 0;
            width: 100%;
            display: block;
            padding: 10px;
            line-height: 35px;
            font-family: overpassbold,sans-serif;
            text-transform: uppercase;
            color: #595b5a;
            font-size: .8rem;
            background: #f2f2f2
        }

            .modal-stack .stack-header .text-link {
                font-family: overpasslight,sans-serif
            }

        .modal-stack .stack-body {
            width: 100%;
            display: block;
            height: auto;
            align-self: flex-start;
            background: #f2f2f2
        }

            .modal-stack .stack-body .filtros {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-start;
                align-items: flex-end
            }

                .modal-stack .stack-body .filtros .boton {
                    flex: 0 0 100px
                }

                .modal-stack .stack-body .filtros .formularios {
                    flex: 1;
                    margin: 0
                }

            .modal-stack .stack-body > .card {
                min-width: 100%;
                max-width: 100%
            }

                .modal-stack .stack-body > .card .card-body {
                    background: #f2f2f2
                }

            .modal-stack .stack-body .card {
                box-shadow: none !important
            }

        .modal-stack .stack-footer {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            display: block;
            background: #f2f2f2;
            min-height: 30px;
            padding: 10px 5px;
            text-align: right
        }

    .cabecera-agrupacion {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: 50px
    }

        .cabecera-agrupacion .formularios {
            flex: 0 0 300px
        }

            .cabecera-agrupacion .formularios label {
                position: absolute;
                top: 50%;
                left: 2%;
                transform: translate(-2%,-50%);
                font-size: 1rem;
                margin: 0;
                padding: 0;
                line-height: 1;
                z-index: 1
            }

            .cabecera-agrupacion .formularios input {
                flex: 1;
                text-align: right;
                padding: 0 10px 0 0
            }

        .cabecera-agrupacion h3 {
            flex: 1;
            font-family: overpassbold,sans-serif;
            font-size: 1.2rem
        }

    .selector-comunas {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-end;
        position: relative
    }

        .selector-comunas .content {
            flex: 1;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-end;
            align-items: flex-end;
            border-right: 1px solid #ccc;
            margin: 5px 0
        }

            .selector-comunas .content .formulario-seccion {
                width: 100%;
                padding: 0 7px 0 5px
            }

                .selector-comunas .content .formulario-seccion .formularios {
                    flex: 1
                }

                .selector-comunas .content .formulario-seccion .nuevo-elemento {
                    flex: 0 0 15px !important;
                    line-height: 12px !important;
                    height: 22px !important;
                    background-size: auto 90% !important
                }

            .selector-comunas .content ul {
                width: 100%;
                margin: 0;
                padding: 0 10px;
                margin: 10px 0 5px
            }

                .selector-comunas .content ul li {
                    list-style: none;
                    margin: 0 0 5px 0;
                    padding: 0;
                    min-height: 0;
                    height: auto;
                    height: 20px;
                    line-height: 20px;
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: flex-end;
                    align-items: flex-end
                }

                    .selector-comunas .content ul li p {
                        margin: 0;
                        flex: 1;
                        margin-right: 5px;
                        height: 20px;
                        line-height: 20px;
                        font-family: overpassregular,sans-serif;
                        font-size: .7rem !important;
                        border-bottom: 1px solid #ccc
                    }

                        .selector-comunas .content ul li p.block {
                            position: relative;
                            padding-left: 20px;
                            color: #ef3742
                        }

                            .selector-comunas .content ul li p.block .bci-icon {
                                position: absolute;
                                position: absolute;
                                top: 50%;
                                left: 0;
                                transform: translate(0,-50%);
                                top: 40%;
                                width: 16px;
                                height: 16px
                            }

                    .selector-comunas .content ul li a {
                        cursor: pointer;
                        flex: 0 0 16px;
                        display: inline-block;
                        content: "x";
                        background-color: #595b5a;
                        height: 16px;
                        width: 16px;
                        color: #fff;
                        text-indent: 1px;
                        text-align: center;
                        line-height: 17px;
                        border-radius: 81px;
                        font-size: 1rem
                    }

                        .selector-comunas .content ul li a:hover {
                            background-color: #ef3742;
                            color: #fff
                        }

        .selector-comunas span {
            text-align: center;
            flex: 0 0 40px;
            padding-bottom: 8px
        }

    .contenedor-opciones {
        flex: 0 0 100%;
        margin: 10px 0 0 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        position: relative;
        padding-bottom: 30px
    }

        .contenedor-opciones .nuevo-elemento {
            position: absolute;
            right: 3%;
            bottom: 0;
            background-size: 18px auto !important;
            font-size: .7rem !important;
            padding-right: 25px !important;
            background-position: right center !important
        }

        .contenedor-opciones .modulo-contenedor-opciones {
            flex: 0 0 97%;
            border-bottom: 1px solid #ccc;
            margin-bottom: 10px;
            padding: 5px 0;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: stretch
        }

            .contenedor-opciones .modulo-contenedor-opciones.data-switching {
                display: none
            }

                .contenedor-opciones .modulo-contenedor-opciones.data-switching.active {
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap
                }

            .contenedor-opciones .modulo-contenedor-opciones .formularios {
                margin: 0;
                min-height: 22px
            }

                .contenedor-opciones .modulo-contenedor-opciones .formularios input[type=radio] + label {
                    line-height: 20px !important;
                    text-indent: 4px
                }

            .contenedor-opciones .modulo-contenedor-opciones > .action {
                position: absolute;
                top: 0;
                right: 30px;
                z-index: 10000
            }

                .contenedor-opciones .modulo-contenedor-opciones > .action:last-child {
                    right: 0
                }

    .table-select-options {
        width: 100%;
        min-height: 60px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: stretch;
        border-radius: 10px;
        overflow-y: hidden
    }

        .table-select-options .celdas {
            display: inline-block;
            flex: 1 0 13%;
            margin-right: 3px
        }

            .table-select-options .celdas:last-child {
                margin: 0
            }

            .table-select-options .celdas.disabled {
                cursor: not-allowed !important
            }

                .table-select-options .celdas.disabled input {
                    cursor: not-allowed !important
                }

                .table-select-options .celdas.disabled .top {
                    color: rgba(89,91,90,.5)
                }

            .table-select-options .celdas .top {
                text-align: center;
                background-color: #dbdbdb;
                margin-bottom: 3px;
                height: 21px;
                line-height: 21px;
                color: #595b5a;
                font-family: overpassbold,sans-serif;
                font-size: .7rem
            }

            .table-select-options .celdas .content {
                background-color: #e5e5e5;
                text-align: center;
                color: #595b5a;
                line-height: 36px;
                font-family: overpassbold,sans-serif;
                font-size: .9rem;
                height: 36px
            }

                .table-select-options .celdas .content .formularios {
                    position: relative;
                    min-width: 0;
                    height: 26px;
                    width: 28px;
                    margin: 12px 0 0 0;
                    padding: 3px 0 0 0
                }

                    .table-select-options .celdas .content .formularios label {
                        margin-top: 5px;
                        padding: 0;
                        height: 24px;
                        width: 24px
                    }

    .modulos-cobertura {
        width: 100%;
        display: block
    }

        .modulos-cobertura > .content {
            display: none
        }

            .modulos-cobertura > .content.activo {
                display: block
            }

        .modulos-cobertura > .modulo-tabs {
            background-color: #595b5a;
            width: 100%;
            display: block;
            padding: 15px 0 0 8px;
            margin-bottom: -1px;
            position: relative
        }

            .modulos-cobertura > .modulo-tabs .boton {
                position: absolute;
                right: 10px;
                top: 23px
            }

            .modulos-cobertura > .modulo-tabs ul {
                margin: 0;
                padding: 0
            }

                .modulos-cobertura > .modulo-tabs ul li {
                    list-style: none;
                    margin: 0;
                    padding: 0 10px;
                    display: inline-block;
                    font-size: .82rem;
                    font-family: overpasslight,sans-serif
                }

                    .modulos-cobertura > .modulo-tabs ul li a {
                        cursor: pointer;
                        color: rgba(255,255,255,.5);
                        display: inline-block;
                        text-decoration: none;
                        height: 40px;
                        line-height: 39px
                    }

                        .modulos-cobertura > .modulo-tabs ul li a:hover {
                            color: rgba(255,255,255,.7)
                        }

                    .modulos-cobertura > .modulo-tabs ul li.activo {
                        background-color: #f2f2f2;
                        border-radius: 3px 3px 0 0
                    }

                        .modulos-cobertura > .modulo-tabs ul li.activo a {
                            color: #00953a;
                            font-family: overpassbold,sans-serif
                        }

                            .modulos-cobertura > .modulo-tabs ul li.activo a:hover {
                                color: #00953a
                            }

        .modulos-cobertura .content {
            background-color: #f2f2f2;
            width: 100%;
            padding: 10px;
            overflow-x: hidden;
            max-height: 230px;
            overflow-y: auto;
            display: none
        }

            .modulos-cobertura .content.activo {
                display: block
            }

    .data-switching {
        display: none
    }

        .data-switching.active {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap
        }

    .lista-errores {
        flex: 0 0 100% 0 auto;
        -moz-flex: 0 0 100% 0 auto;
        flex: 0 0 100% 0 auto;
        -webkit-flex: 0 0 100% 0 auto;
        -moz-flex: 0 0 100% 0 auto;
        -ms-flex: 0 0 100% 0 auto;
        width: 100%;
        display: block
    }

        .lista-errores ul {
            margin: 0;
            padding: 0
        }

            .lista-errores ul li {
                margin: 0 0 10px 0;
                padding: 0;
                list-style: none;
                font-family: overpassregular,sans-serif;
                font-size: .85rem;
                color: #595b5a;
                position: relative;
                padding-left: 35px;
                border-bottom: #f1f1f1 1px solid
            }

                .lista-errores ul li:last-child {
                    border: none
                }

                .lista-errores ul li .bci-icon {
                    position: absolute;
                    left: 0;
                    top: 0
                }

    .contenedor-informacion {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: stretch;
        margin-bottom: 10px;
        width: 100%
    }

    .modal-footer .contenedor-informacion {
        flex: 0 0 100%
    }

    .contenedor-informacion .boton[aria-expanded=true] {
        display: none
    }

    .contenedor-informacion.collapse .boton[aria-expanded=true] {
        display: block
    }

    .contenedor-informacion.forms {
        border: 1px solid #ccc;
        display: block
    }

        .contenedor-informacion.forms .datos {
            padding: 5px
        }

        .contenedor-informacion.forms .nuevo-elemento {
            margin: 0;
            width: 100%;
            line-height: 40px;
            height: 41px;
            background-color: #fff;
            padding-top: 3px;
            padding-bottom: 3px;
            background-size: auto 22px
        }

            .contenedor-informacion.forms .nuevo-elemento:hover {
                background-size: auto 22px;
                background-position: 99% center;
                filter: grayscale(100%);
                -webkit-filter: grayscale(100%)
            }

    .contenedor-informacion.no-bg .tabla-modulos {
        border: none;
        background: #f2f2f2;
        box-shadow: none !important
    }

    .contenedor-informacion.borderless {
        border: none
    }

    .contenedor-informacion.no-border {
        background-color: none;
        padding-bottom: 10px;
        border-bottom: 2px solid #f2f2f2
    }

        .contenedor-informacion.no-border .tabla-modulos {
            min-height: 190px;
            border: none;
            background: 0 0;
            box-shadow: none !important
        }

            .contenedor-informacion.no-border .tabla-modulos tr td {
                background-color: #f2f2f2
            }

    .contenedor-informacion.simple .nuevo-elemento {
        background-color: rgba(255,255,255,0) !important
    }

    .contenedor-informacion.interactiva > .informacion {
        display: none;
        margin: 5px 0 0;
        padding: 0 5px
    }

        .contenedor-informacion.interactiva > .informacion p {
            font-family: overpassregular,sans-serif;
            color: #00953a
        }

        .contenedor-informacion.interactiva > .informacion.active {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: stretch
        }

        .contenedor-informacion.interactiva > .informacion .boton.hide {
            display: none
        }

    .contenedor-informacion .modulo-simple {
        background-color: #ededed;
        padding: 5px;
        display: block;
        width: 100%;
        margin-bottom: 5px;
        margin-top: 5px;
        min-height: 20px
    }

        .contenedor-informacion .modulo-simple .modulo-interno {
            background-color: #fff;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: stretch
        }

            .contenedor-informacion .modulo-simple .modulo-interno p {
                padding: 0 4px;
                flex: 1;
                line-height: 30px;
                margin: 0;
                font-size: .9rem
            }

                .contenedor-informacion .modulo-simple .modulo-interno p.flex-1 {
                    flex: 1
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.flex-2 {
                    flex: 2
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.flex-3 {
                    flex: 3
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.flex-4 {
                    flex: 4
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.flex-5 {
                    flex: 5
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.flex-6 {
                    flex: 6
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.flex-7 {
                    flex: 7
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.flex-8 {
                    flex: 8
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.flex-9 {
                    flex: 9
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.flex-10 {
                    flex: 10
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.right {
                    text-align: right
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.left {
                    text-align: left
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.center {
                    text-align: center
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.azul {
                    color: #006fb9
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.rojo {
                    color: #ef3742
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.verde {
                    color: #00953a
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.amarillo {
                    color: gold
                }

                .contenedor-informacion .modulo-simple .modulo-interno p.gris {
                    color: #595b5a
                }

        .contenedor-informacion .modulo-simple.transparent {
            background-color: #fff
        }

            .contenedor-informacion .modulo-simple.transparent .modulo-interno {
                background-color: #f2f2f2 !important
            }

    .contenedor-informacion .modulos-informativos {
        background-color: #ededed;
        padding: 5px;
        border-radius: 3px;
        display: block;
        width: 100%;
        margin-bottom: 5px;
        margin-top: 5px;
        max-height: 200px;
        overflow-y: auto;
        border: 1px solid #e5e5e5;
        box-shadow: inset 0 0 14px 0 rgba(0,0,0,.1);
        -ms-box-shadow: inset 0 0 14px 0 rgba(0,0,0,.1)
    }

        .contenedor-informacion .modulos-informativos + h3 {
            flex: 1;
            text-align: left;
            color: #aeb2af
        }

        .contenedor-informacion .modulos-informativos .modulo-texto {
            margin: 25px 15px 10px 15px
        }

            .contenedor-informacion .modulos-informativos .modulo-texto h5 {
                color: #aeb2af;
                border-bottom: 2px solid #ccc;
                margin-bottom: 10px
            }

            .contenedor-informacion .modulos-informativos .modulo-texto p {
                font-family: overpassregular,sans-serif
            }

            .contenedor-informacion .modulos-informativos .modulo-texto.archivo p {
                position: relative;
                padding-left: 30px
            }

                .contenedor-informacion .modulos-informativos .modulo-texto.archivo p .bci-icon {
                    position: absolute;
                    top: 0;
                    left: 0
                }

                .contenedor-informacion .modulos-informativos .modulo-texto.archivo p strong {
                    display: block;
                    font-size: .9rem
                }

        .contenedor-informacion .modulos-informativos .modulo-binario {
            background-color: #fff;
            margin-bottom: 3px;
            width: 100%;
            padding: 4px 10px 4px 8px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: stretch;
            position: relative
        }

            .contenedor-informacion .modulos-informativos .modulo-binario.data-switching {
                display: none
            }

                .contenedor-informacion .modulos-informativos .modulo-binario.data-switching.active {
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    z-index: 100;
                    overflow: visible
                }

            .contenedor-informacion .modulos-informativos .modulo-binario.data-activate {
                display: none
            }

                .contenedor-informacion .modulos-informativos .modulo-binario.data-activate.active {
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    z-index: 100;
                    overflow: visible
                }

            .contenedor-informacion .modulos-informativos .modulo-binario > a.action {
                position: absolute;
                right: 4px;
                top: 4px
            }

            .contenedor-informacion .modulos-informativos .modulo-binario.edicion {
                padding-right: 4px;
                position: relative;
                background-color: #f7f7f7
            }

                .contenedor-informacion .modulos-informativos .modulo-binario.edicion.active {
                    background-color: #e3e3e3
                }

                    .contenedor-informacion .modulos-informativos .modulo-binario.edicion.active > .edicion:after {
                        display: none
                    }

                .contenedor-informacion .modulos-informativos .modulo-binario.edicion:after {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 3px;
                    height: 100%;
                    background-color: #006fb9
                }

            .contenedor-informacion .modulos-informativos .modulo-binario > p {
                padding: 0 27px 0 5px;
                flex: 4 0 10%;
                margin: 0 0 8px 0;
                font-size: .75rem;
                line-height: 1.2;
                color: #595b5a;
                height: 100%;
                font-family: overpassbold,sans-serif;
                position: relative
            }

                .contenedor-informacion .modulos-informativos .modulo-binario > p .tool-tips[data-tooltip=ok] {
                    position: absolute;
                    right: 10px;
                    top: 0
                }

            .contenedor-informacion .modulos-informativos .modulo-binario > small {
                padding: 0 5px;
                flex: 3;
                margin: 0;
                font-size: .7rem;
                line-height: 1.2;
                color: #aeb2af;
                font-family: overpassregular,sans-serif;
                position: relative
            }

                .contenedor-informacion .modulos-informativos .modulo-binario > small:after {
                    position: absolute;
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translate(0,-50%);
                    height: 80%;
                    width: 2px;
                    background-color: #f2f2f2;
                    display: block
                }

                .contenedor-informacion .modulos-informativos .modulo-binario > small.comisiones {
                    text-align: right;
                    padding-right: 20px;
                    font-size: .9rem;
                    color: #595b5a;
                    line-height: 22px
                }

                    .contenedor-informacion .modulos-informativos .modulo-binario > small.comisiones:after {
                        background-color: #d9d9d9
                    }

            .contenedor-informacion .modulos-informativos .modulo-binario > .edicion {
                position: relative;
                padding: 5px 1px 5px 5px;
                flex: 6;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: flex-end
            }

                .contenedor-informacion .modulos-informativos .modulo-binario > .edicion:after {
                    position: absolute;
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translate(0,-50%);
                    height: 80%;
                    width: 2px;
                    background-color: #f2f2f2;
                    display: block
                }

                .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section {
                    flex: 1 0 50%;
                    border-right: 1px solid #d9d9d9
                }

                    .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section .formularios {
                        flex: 0 0 100%;
                        margin: 0 0 5px 0;
                        padding: 0;
                        display: flex;
                        flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        justify-content: space-between;
                        align-items: flex-start;
                        min-height: 30px
                    }

                        .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section .formularios label {
                            margin: 0;
                            flex: 10
                        }

                    .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section.inline {
                        display: flex;
                        flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        justify-content: space-between;
                        align-items: stretch
                    }

                        .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section.inline .formularios {
                            flex: 1;
                            margin: 0 10px
                        }

                        .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section.inline input, .contenedor-informacion .modulos-informativos .modulo-binario > .edicion section.inline select {
                            background-color: #fff
                        }

                .contenedor-informacion .modulos-informativos .modulo-binario > .edicion span {
                    text-align: center;
                    flex: 0 0 30px
                }

        .contenedor-informacion .modulos-informativos .modulo-unitario {
            background-color: #fff;
            margin-bottom: 3px;
            width: 100%;
            padding: 4px 10px 4px 8px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: center
        }

            .contenedor-informacion .modulos-informativos .modulo-unitario .bci-icon {
                margin: 0;
                padding: 0
            }

            .contenedor-informacion .modulos-informativos .modulo-unitario p {
                position: relative;
                margin: 0;
                padding-left: 20px;
                line-height: 1;
                color: #595b5a;
                font-family: overpassbold,sans-serif;
                flex: 1 0 50%
            }

                .contenedor-informacion .modulos-informativos .modulo-unitario p .bci-icon {
                    height: 16px;
                    width: 16px;
                    margin-right: 5px;
                    position: absolute;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translate(0,-50%)
                }

                .contenedor-informacion .modulos-informativos .modulo-unitario p.formularios {
                    margin-left: 0;
                    padding-left: 0
                }

            .contenedor-informacion .modulos-informativos .modulo-unitario > a {
                flex: 0 0 20px;
                display: inline-block;
                cursor: pointer
            }

    .contenedor-informacion .tabla-modulos {
        background-color: #e5e5e5;
        padding: 5px;
        border-radius: 3px;
        display: block;
        width: 100%;
        margin-bottom: 5px;
        margin-top: 5px;
        flex: 0 0 100% 0 auto;
        -moz-flex: 0 0 100% 0 auto;
        flex: 0 0 100% 0 auto;
        -webkit-flex: 0 0 100% 0 auto;
        -moz-flex: 0 0 100% 0 auto;
        -ms-flex: 0 0 100% 0 auto;
        max-height: 200px;
        overflow-y: auto;
        border: 1px solid #e5e5e5;
        box-shadow: inset 0 0 19px 0 rgba(0,0,0,.2);
        -ms-box-shadow: inset 0 0 19px 0 rgba(0,0,0,.2)
    }

        .contenedor-informacion .tabla-modulos.vacio {
            min-height: 35px;
            box-shadow: inset 0 0 19px 0 transparent;
            -ms-box-shadow: inset 0 0 19px 0 transparent
        }

        .contenedor-informacion .tabla-modulos .formularios.compacto label {
            display: none
        }

        .contenedor-informacion .tabla-modulos .formularios.compacto input[type=text] {
            background-color: #f2f2f2
        }

        .contenedor-informacion .tabla-modulos .formularios.compacto .validator {
            bottom: 0
        }

        .contenedor-informacion .tabla-modulos .formularios.checkbox-simple {
            margin: 0;
            padding: 0;
            width: 20px;
            height: 100%;
            position: absolute;
            left: 5px;
            top: 0
        }

            .contenedor-informacion .tabla-modulos .formularios.checkbox-simple label {
                display: inline-block;
                position: absolute;
                top: 7px;
                left: 0;
                padding: 0
            }

        .contenedor-informacion .tabla-modulos span.status {
            font-size: .7rem;
            font-family: overpassbold,sans-serif
        }

            .contenedor-informacion .tabla-modulos span.status .bci-icon {
                height: 15px;
                width: 15px;
                margin: 0 10px 0 0;
                padding: 0
            }

            .contenedor-informacion .tabla-modulos span.status.error {
                color: #ef3742
            }

            .contenedor-informacion .tabla-modulos span.status.ok {
                color: #00953a
            }

            .contenedor-informacion .tabla-modulos span.status.warning {
                color: #e6c200
            }

        .contenedor-informacion .tabla-modulos table {
            font-size: .8rem;
            font-family: overpassregular,sans-serif;
            max-width: 1600px;
            width: 100%;
            padding: 0;
            table-layout: auto;
            margin: 0
        }

            .contenedor-informacion .tabla-modulos table thead {
                width: 100%
            }

                .contenedor-informacion .tabla-modulos table thead tr {
                    width: 100%;
                    display: block
                }

                    .contenedor-informacion .tabla-modulos table thead tr th {
                        padding: 2px 0;
                        text-align: left;
                        font-family: overpassbold,sans-serif;
                        color: #006fb9;
                        padding: 2px 0;
                        text-indent: 5px;
                        border: none
                    }

            .contenedor-informacion .tabla-modulos table tbody {
                width: 100%
            }

                .contenedor-informacion .tabla-modulos table tbody tr {
                    width: 100%;
                    display: block;
                    background-color: #fff;
                    margin-bottom: 3px
                }

                    .contenedor-informacion .tabla-modulos table tbody tr.block {
                        position: relative
                    }

                        .contenedor-informacion .tabla-modulos table tbody tr.block td {
                            background-color: #fff5f5
                        }

                        .contenedor-informacion .tabla-modulos table tbody tr.block:hover td {
                            background-color: #fff0f0
                        }

                        .contenedor-informacion .tabla-modulos table tbody tr.block:before {
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 0;
                            height: 100%;
                            width: 4px;
                            background-color: #ef3742;
                            z-index: 101
                        }

                        .contenedor-informacion .tabla-modulos table tbody tr.block .formularios.checkbox-simple label {
                            left: 3px
                        }

                    .contenedor-informacion .tabla-modulos table tbody tr.accept {
                        position: relative;
                        background-color: #f7fff5
                    }

                        .contenedor-informacion .tabla-modulos table tbody tr.accept:hover {
                            background-color: #f3fff0
                        }

                        .contenedor-informacion .tabla-modulos table tbody tr.accept:before {
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 0;
                            height: 100%;
                            width: 4px;
                            background-color: #00953a
                        }

                        .contenedor-informacion .tabla-modulos table tbody tr.accept .formularios.checkbox-simple label {
                            left: 3px
                        }

                    .contenedor-informacion .tabla-modulos table tbody tr.editar {
                        background-color: #e9e9e9
                    }

                        .contenedor-informacion .tabla-modulos table tbody tr.editar:hover {
                            background-color: #e9e9e9
                        }

                        .contenedor-informacion .tabla-modulos table tbody tr.editar td {
                            text-indent: 0
                        }

                        .contenedor-informacion .tabla-modulos table tbody tr.editar .formularios {
                            margin-top: 4px;
                            margin-left: 0
                        }

                            .contenedor-informacion .tabla-modulos table tbody tr.editar .formularios.compacto input[type=text] {
                                background-color: #fff
                            }

                    .contenedor-informacion .tabla-modulos table tbody tr.data-switching {
                        display: none !important
                    }

                        .contenedor-informacion .tabla-modulos table tbody tr.data-switching.active {
                            display: block !important
                        }

                    .contenedor-informacion .tabla-modulos table tbody tr.editado {
                        background-color: #e5e5e5
                    }

                        .contenedor-informacion .tabla-modulos table tbody tr.editado td {
                            background-color: #e5e5e5;
                            min-height: 130px;
                            height: auto
                        }

                    .contenedor-informacion .tabla-modulos table tbody tr td {
                        border-top: none;
                        font-size: .85rem;
                        color: #595b5a;
                        font-family: overpassregular,sans-serif;
                        padding: 0 0;
                        text-indent: 5px;
                        height: 33px;
                        line-height: 1.3;
                        vertical-align: middle;
                        position: relative
                    }

                        .contenedor-informacion .tabla-modulos table tbody tr td:first-child {
                            padding-left: 6px
                        }

                        .contenedor-informacion .tabla-modulos table tbody tr td small {
                            color: #aeb2af
                        }

                        .contenedor-informacion .tabla-modulos table tbody tr td > a {
                            position: absolute;
                            margin: 0;
                            padding: 0;
                            height: 30px;
                            width: 25px;
                            display: inline-block;
                            background-size: 100% auto;
                            background-repeat: no-repeat;
                            background-position: center center;
                            top: 0;
                            cursor: pointer
                        }

                            .contenedor-informacion .tabla-modulos table tbody tr td > a.duplicar {
                                left: 3px;
                                background-image: url(../img/svg/duplicar.svg);
                                background-size: 90% auto
                            }

                            .contenedor-informacion .tabla-modulos table tbody tr td > a.editar {
                                left: 3px;
                                background-image: url(../img/svg/_lite_editar_usuario.svg)
                            }

                            .contenedor-informacion .tabla-modulos table tbody tr td > a.borrar {
                                right: 3px;
                                background-image: url(../img/svg/_lite_eliminar_usuario.svg)
                            }

                            .contenedor-informacion .tabla-modulos table tbody tr td > a.ver {
                                right: 3px;
                                background-image: url(../img/svg/_lite_search_blue.svg)
                            }

                            .contenedor-informacion .tabla-modulos table tbody tr td > a.aceptar {
                                background-image: url(../img/svg/aceptar.svg);
                                right: 3px;
                                background-size: 16px auto;
                                top: 4px
                            }

                            .contenedor-informacion .tabla-modulos table tbody tr td > a.cancelar {
                                background-image: url(../img/svg/cancelar.svg);
                                left: 3px;
                                background-size: 14px auto;
                                top: 4px
                            }

                            .contenedor-informacion .tabla-modulos table tbody tr td > a:hover {
                                opacity: .5;
                                filter: grayscale(100%);
                                -webkit-filter: grayscale(100%)
                            }

                        .contenedor-informacion .tabla-modulos table tbody tr td.estado {
                            position: relative
                        }

                            .contenedor-informacion .tabla-modulos table tbody tr td.estado:after {
                                content: "";
                                position: absolute;
                                position: absolute;
                                top: 50%;
                                left: 100%;
                                transform: translate(-100%,-50%);
                                height: 70%;
                                width: 1px;
                                background-color: #eaeaea
                            }

                            .contenedor-informacion .tabla-modulos table tbody tr td.estado > i {
                                position: absolute;
                                top: 4px;
                                right: 6px
                            }

                            .contenedor-informacion .tabla-modulos table tbody tr td.estado .status {
                                position: absolute;
                                margin: 0;
                                padding: 0;
                                height: 30px;
                                width: 30px;
                                display: inline-block;
                                background-size: 64% auto;
                                background-repeat: no-repeat;
                                background-position: center center;
                                right: 2px;
                                top: 2px
                            }

                                .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-tooltip=ok] {
                                    cursor: pointer
                                }

                                    .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-tooltip=ok]:hover:after {
                                        content: "";
                                        position: absolute;
                                        bottom: -15px;
                                        right: 40px;
                                        width: 200px;
                                        display: flex;
                                        flex-wrap: wrap;
                                        -webkit-flex-wrap: wrap;
                                        justify-content: center;
                                        align-items: center;
                                        font-size: .9rem;
                                        line-height: 1.2;
                                        height: 60px;
                                        text-align: center;
                                        background: #3a3a3a;
                                        color: #fff;
                                        content: attr(data-tooltiptext);
                                        padding: 10px;
                                        font-family: Arial,sans-serif;
                                        border-radius: 4px;
                                        z-index: 100001
                                    }

                                    .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-tooltip=ok]:hover:before {
                                        content: "";
                                        z-index: 100001;
                                        position: absolute;
                                        display: block;
                                        width: 20px;
                                        bottom: 0;
                                        height: 30px;
                                        right: 30px;
                                        background-repeat: no-repeat;
                                        background-size: auto 100%;
                                        background-position: center top;
                                        background-image: url(../img/sidetooltip_left.svg);
                                        filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .1))
                                    }

                                .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-status=alert] {
                                    background-image: url(../img/svg/alerta_roja.svg)
                                }

                                .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-status=accepted] {
                                    background-image: url(../img/svg/aceptado.svg)
                                }

                                .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-status=block] {
                                    background-image: url(../img/svg/bloqueado.svg)
                                }

                                .contenedor-informacion .tabla-modulos table tbody tr td.estado .status[data-status=reserved] {
                                    background-image: url(../img/svg/reservado.svg)
                                }

        .contenedor-informacion .tabla-modulos.item-seleccionable table tr td {
            text-indent: 0;
            line-height: 1;
            position: relative;
            height: 50px;
            padding: 0 2px
        }

            .contenedor-informacion .tabla-modulos.item-seleccionable table tr td[width="15%"] {
                border-left: 1px solid #f2f2f2
            }

            .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .selector {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                height: 100%;
                width: 100%;
                opacity: 0;
                background: gold;
                transition: opacity .1s linear;
                margin: 2px;
                z-index: 1
            }

            .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .formularios {
                z-index: 3;
                position: static
            }

                .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .formularios.compacto input[type=radio] {
                    z-index: 3;
                    width: 18px;
                    height: 18px;
                    border: none;
                    background-color: #f2f2f2;
                    border: 1px solid #e5e5e5
                }

                    .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .formularios.compacto input[type=radio]:checked::after {
                        background: #006fb9
                    }

                    .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .formularios.compacto input[type=radio]:checked ~ .selector {
                        opacity: 1
                    }

                    .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .formularios.compacto input[type=radio]::after {
                        height: 6px;
                        width: 6px;
                        background: #aeb2af
                    }

                .contenedor-informacion .tabla-modulos.item-seleccionable table tr td .formularios.compacto label {
                    margin: 0;
                    padding: 0;
                    display: inline-block
                }

        .contenedor-informacion .tabla-modulos.notas table {
            table-layout: fixed;
            width: 100%
        }

        .contenedor-informacion .tabla-modulos.notas tr td {
            border: 2px solid #f2f2f2;
            position: relative;
            min-height: 34px;
            padding: 5px;
            text-indent: 0
        }

            .contenedor-informacion .tabla-modulos.notas tr td[colspan="2"], .contenedor-informacion .tabla-modulos.notas tr td[colspan="3"], .contenedor-informacion .tabla-modulos.notas tr td[colspan="4"], .contenedor-informacion .tabla-modulos.notas tr td[colspan="5"] {
                padding: 5px 5px 5px 5px;
                border: 0;
                width: calc(100% - 10px);
                display: block;
                height: auto;
                min-height: 0
            }

                .contenedor-informacion .tabla-modulos.notas tr td[colspan="2"] .formularios, .contenedor-informacion .tabla-modulos.notas tr td[colspan="3"] .formularios, .contenedor-informacion .tabla-modulos.notas tr td[colspan="4"] .formularios, .contenedor-informacion .tabla-modulos.notas tr td[colspan="5"] .formularios {
                    width: 100%
                }

                    .contenedor-informacion .tabla-modulos.notas tr td[colspan="2"] .formularios input[type=text], .contenedor-informacion .tabla-modulos.notas tr td[colspan="3"] .formularios input[type=text], .contenedor-informacion .tabla-modulos.notas tr td[colspan="4"] .formularios input[type=text], .contenedor-informacion .tabla-modulos.notas tr td[colspan="5"] .formularios input[type=text] {
                        width: 100%
                    }

                    .contenedor-informacion .tabla-modulos.notas tr td[colspan="2"] .formularios textarea, .contenedor-informacion .tabla-modulos.notas tr td[colspan="3"] .formularios textarea, .contenedor-informacion .tabla-modulos.notas tr td[colspan="4"] .formularios textarea, .contenedor-informacion .tabla-modulos.notas tr td[colspan="5"] .formularios textarea {
                        width: 100%;
                        height: 40px !important;
                        min-height: 40px
                    }

            .contenedor-informacion .tabla-modulos.notas tr td .data-switching {
                position: relative
            }

            .contenedor-informacion .tabla-modulos.notas tr td .data-activate.active {
                margin-bottom: 30px
            }

            .contenedor-informacion .tabla-modulos.notas tr td .row {
                position: relative
            }

                .contenedor-informacion .tabla-modulos.notas tr td .row .col-12 {
                    position: relative
                }

                .contenedor-informacion .tabla-modulos.notas tr td .row + span {
                    position: absolute;
                    width: 100%;
                    bottom: 10px;
                    right: 5px;
                    height: 28px;
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: flex-end;
                    align-items: center
                }

                    .contenedor-informacion .tabla-modulos.notas tr td .row + span .action {
                        margin: 0 3px
                    }

                        .contenedor-informacion .tabla-modulos.notas tr td .row + span .action[data-action=eliminate] {
                            width: 120px;
                            display: flex;
                            flex-wrap: wrap;
                            -webkit-flex-wrap: wrap;
                            color: #ef3742;
                            justify-content: flex-start;
                            align-items: center;
                            position: absolute;
                            top: 3px;
                            left: 5px
                        }

            .contenedor-informacion .tabla-modulos.notas tr td .icono-flotante {
                padding: 0 4px;
                border-right: 2px solid #f2f2f2;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate(0,-50%)
            }

                .contenedor-informacion .tabla-modulos.notas tr td .icono-flotante .bci-icon {
                    height: 26px;
                    width: 26px;
                    background-size: auto 100%
                }

                .contenedor-informacion .tabla-modulos.notas tr td .icono-flotante + p {
                    padding-left: 40px;
                    margin: 0;
                    text-indent: 0
                }

                    .contenedor-informacion .tabla-modulos.notas tr td .icono-flotante + p strong {
                        display: block
                    }

                    .contenedor-informacion .tabla-modulos.notas tr td .icono-flotante + p small {
                        display: block
                    }

    .contenedor-informacion a.nuevo-elemento {
        flex: 0 0 50% 0 auto;
        -moz-flex: 0 0 50% 0 auto;
        flex: 0 0 50% 0 auto;
        -webkit-flex: 0 0 50% 0 auto;
        -moz-flex: 0 0 50% 0 auto;
        -ms-flex: 0 0 50% 0 auto;
        width: 290px;
        text-align: right;
        font-size: .89rem;
        display: block;
        height: 30px;
        padding-right: 35px;
        line-height: 29px;
        color: #006fb9;
        font-family: overpassbold,sans-serif;
        background-image: url(../img/svg/nuevoElemento.svg);
        background-repeat: no-repeat;
        background-position: 99% center;
        background-size: auto 25px;
        transition: all .1s linear;
        margin: 2px;
        cursor: pointer
    }

        .contenedor-informacion a.nuevo-elemento:hover {
            background-position: 100% center;
            color: #595b5a;
            background-size: auto 30px
        }

    .contenedor-informacion .data-activate {
        display: none
    }

        .contenedor-informacion .data-activate.active {
            display: block
        }

    .contenedor-informacion.h10 .tabla-modulos {
        max-height: 10px
    }

    .contenedor-informacion.h10 .modulos-informativos {
        max-height: 10px
    }

    .contenedor-informacion.h20 .tabla-modulos {
        max-height: 20px
    }

    .contenedor-informacion.h20 .modulos-informativos {
        max-height: 20px
    }

    .contenedor-informacion.h30 .tabla-modulos {
        max-height: 30px
    }

    .contenedor-informacion.h30 .modulos-informativos {
        max-height: 30px
    }

    .contenedor-informacion.h40 .tabla-modulos {
        max-height: 40px
    }

    .contenedor-informacion.h40 .modulos-informativos {
        max-height: 40px
    }

    .contenedor-informacion.h50 .tabla-modulos {
        max-height: 50px
    }

    .contenedor-informacion.h50 .modulos-informativos {
        max-height: 50px
    }

    .contenedor-informacion.h60 .tabla-modulos {
        max-height: 60px
    }

    .contenedor-informacion.h60 .modulos-informativos {
        max-height: 60px
    }

    .contenedor-informacion.h70 .tabla-modulos {
        max-height: 70px
    }

    .contenedor-informacion.h70 .modulos-informativos {
        max-height: 70px
    }

    .contenedor-informacion.h80 .tabla-modulos {
        max-height: 80px
    }

    .contenedor-informacion.h80 .modulos-informativos {
        max-height: 80px
    }

    .contenedor-informacion.h90 .tabla-modulos {
        max-height: 90px
    }

    .contenedor-informacion.h90 .modulos-informativos {
        max-height: 90px
    }

    .contenedor-informacion.h100 .tabla-modulos {
        max-height: 100px
    }

    .contenedor-informacion.h100 .modulos-informativos {
        max-height: 100px
    }

    .contenedor-informacion.h110 .tabla-modulos {
        max-height: 110px
    }

    .contenedor-informacion.h110 .modulos-informativos {
        max-height: 110px
    }

    .contenedor-informacion.h120 .tabla-modulos {
        max-height: 120px
    }

    .contenedor-informacion.h120 .modulos-informativos {
        max-height: 120px
    }

    .contenedor-informacion.h130 .tabla-modulos {
        max-height: 130px
    }

    .contenedor-informacion.h130 .modulos-informativos {
        max-height: 130px
    }

    .contenedor-informacion.h140 .tabla-modulos {
        max-height: 140px
    }

    .contenedor-informacion.h140 .modulos-informativos {
        max-height: 140px
    }

    .contenedor-informacion.h150 .tabla-modulos {
        max-height: 150px
    }

    .contenedor-informacion.h150 .modulos-informativos {
        max-height: 150px
    }

    .contenedor-informacion.h160 .tabla-modulos {
        max-height: 160px
    }

    .contenedor-informacion.h160 .modulos-informativos {
        max-height: 160px
    }

    .contenedor-informacion.h170 .tabla-modulos {
        max-height: 170px
    }

    .contenedor-informacion.h170 .modulos-informativos {
        max-height: 170px
    }

    .contenedor-informacion.h180 .tabla-modulos {
        max-height: 180px
    }

    .contenedor-informacion.h180 .modulos-informativos {
        max-height: 180px
    }

    .contenedor-informacion.h190 .tabla-modulos {
        max-height: 190px
    }

    .contenedor-informacion.h190 .modulos-informativos {
        max-height: 190px
    }

    .contenedor-informacion.h200 .tabla-modulos {
        max-height: 200px
    }

    .contenedor-informacion.h200 .modulos-informativos {
        max-height: 200px
    }

    .contenedor-informacion.h210 .tabla-modulos {
        max-height: 210px
    }

    .contenedor-informacion.h210 .modulos-informativos {
        max-height: 210px
    }

    .contenedor-informacion.h220 .tabla-modulos {
        max-height: 220px
    }

    .contenedor-informacion.h220 .modulos-informativos {
        max-height: 220px
    }

    .contenedor-informacion.h230 .tabla-modulos {
        max-height: 230px
    }

    .contenedor-informacion.h230 .modulos-informativos {
        max-height: 230px
    }

    .contenedor-informacion.h240 .tabla-modulos {
        max-height: 240px
    }

    .contenedor-informacion.h240 .modulos-informativos {
        max-height: 240px
    }

    .contenedor-informacion.h250 .tabla-modulos {
        max-height: 250px
    }

    .contenedor-informacion.h250 .modulos-informativos {
        max-height: 250px
    }

    .contenedor-informacion.h260 .tabla-modulos {
        max-height: 260px
    }

    .contenedor-informacion.h260 .modulos-informativos {
        max-height: 260px
    }

    .contenedor-informacion.h270 .tabla-modulos {
        max-height: 270px
    }

    .contenedor-informacion.h270 .modulos-informativos {
        max-height: 270px
    }

    .contenedor-informacion.h280 .tabla-modulos {
        max-height: 280px
    }

    .contenedor-informacion.h280 .modulos-informativos {
        max-height: 280px
    }

    .contenedor-informacion.h290 .tabla-modulos {
        max-height: 290px
    }

    .contenedor-informacion.h290 .modulos-informativos {
        max-height: 290px
    }

    .contenedor-informacion.h300 .tabla-modulos {
        max-height: 300px
    }

    .contenedor-informacion.h300 .modulos-informativos {
        max-height: 300px
    }

    .contenedor-informacion.h310 .tabla-modulos {
        max-height: 310px
    }

    .contenedor-informacion.h310 .modulos-informativos {
        max-height: 310px
    }

    .contenedor-informacion.h320 .tabla-modulos {
        max-height: 320px
    }

    .contenedor-informacion.h320 .modulos-informativos {
        max-height: 320px
    }

    .contenedor-informacion.h330 .tabla-modulos {
        max-height: 330px
    }

    .contenedor-informacion.h330 .modulos-informativos {
        max-height: 330px
    }

    .contenedor-informacion.h340 .tabla-modulos {
        max-height: 340px
    }

    .contenedor-informacion.h340 .modulos-informativos {
        max-height: 340px
    }

    .contenedor-informacion.h350 .tabla-modulos {
        max-height: 350px
    }

    .contenedor-informacion.h350 .modulos-informativos {
        max-height: 350px
    }

    .contenedor-informacion.h360 .tabla-modulos {
        max-height: 360px
    }

    .contenedor-informacion.h360 .modulos-informativos {
        max-height: 360px
    }

    .contenedor-informacion.h370 .tabla-modulos {
        max-height: 370px
    }

    .contenedor-informacion.h370 .modulos-informativos {
        max-height: 370px
    }

    .contenedor-informacion.h380 .tabla-modulos {
        max-height: 380px
    }

    .contenedor-informacion.h380 .modulos-informativos {
        max-height: 380px
    }

    .contenedor-informacion.h390 .tabla-modulos {
        max-height: 390px
    }

    .contenedor-informacion.h390 .modulos-informativos {
        max-height: 390px
    }

    .contenedor-informacion.h400 .tabla-modulos {
        max-height: 400px
    }

    .contenedor-informacion.h400 .modulos-informativos {
        max-height: 400px
    }

    .contenedor-informacion.h410 .tabla-modulos {
        max-height: 410px
    }

    .contenedor-informacion.h410 .modulos-informativos {
        max-height: 410px
    }

    .contenedor-informacion.h420 .tabla-modulos {
        max-height: 420px
    }

    .contenedor-informacion.h420 .modulos-informativos {
        max-height: 420px
    }

    .contenedor-informacion.h430 .tabla-modulos {
        max-height: 430px
    }

    .contenedor-informacion.h430 .modulos-informativos {
        max-height: 430px
    }

    .contenedor-informacion.h440 .tabla-modulos {
        max-height: 440px
    }

    .contenedor-informacion.h440 .modulos-informativos {
        max-height: 440px
    }

    .contenedor-informacion.h450 .tabla-modulos {
        max-height: 450px
    }

    .contenedor-informacion.h450 .modulos-informativos {
        max-height: 450px
    }

    .contenedor-informacion.h460 .tabla-modulos {
        max-height: 460px
    }

    .contenedor-informacion.h460 .modulos-informativos {
        max-height: 460px
    }

    .contenedor-informacion.h470 .tabla-modulos {
        max-height: 470px
    }

    .contenedor-informacion.h470 .modulos-informativos {
        max-height: 470px
    }

    .contenedor-informacion.h480 .tabla-modulos {
        max-height: 480px
    }

    .contenedor-informacion.h480 .modulos-informativos {
        max-height: 480px
    }

    .contenedor-informacion.h490 .tabla-modulos {
        max-height: 490px
    }

    .contenedor-informacion.h490 .modulos-informativos {
        max-height: 490px
    }

    .contenedor-informacion.h500 .tabla-modulos {
        max-height: 500px
    }

    .contenedor-informacion.h500 .modulos-informativos {
        max-height: 500px
    }

    .contenedor-informacion.h510 .tabla-modulos {
        max-height: 510px
    }

    .contenedor-informacion.h510 .modulos-informativos {
        max-height: 510px
    }

    .contenedor-informacion.h520 .tabla-modulos {
        max-height: 520px
    }

    .contenedor-informacion.h520 .modulos-informativos {
        max-height: 520px
    }

    .contenedor-informacion.h530 .tabla-modulos {
        max-height: 530px
    }

    .contenedor-informacion.h530 .modulos-informativos {
        max-height: 530px
    }

    .contenedor-informacion.h540 .tabla-modulos {
        max-height: 540px
    }

    .contenedor-informacion.h540 .modulos-informativos {
        max-height: 540px
    }

    .contenedor-informacion.h550 .tabla-modulos {
        max-height: 550px
    }

    .contenedor-informacion.h550 .modulos-informativos {
        max-height: 550px
    }

    .contenedor-informacion.h560 .tabla-modulos {
        max-height: 560px
    }

    .contenedor-informacion.h560 .modulos-informativos {
        max-height: 560px
    }

    .contenedor-informacion.h570 .tabla-modulos {
        max-height: 570px
    }

    .contenedor-informacion.h570 .modulos-informativos {
        max-height: 570px
    }

    .contenedor-informacion.h580 .tabla-modulos {
        max-height: 580px
    }

    .contenedor-informacion.h580 .modulos-informativos {
        max-height: 580px
    }

    .contenedor-informacion.h590 .tabla-modulos {
        max-height: 590px
    }

    .contenedor-informacion.h590 .modulos-informativos {
        max-height: 590px
    }

    .contenedor-informacion.h600 .tabla-modulos {
        max-height: 600px
    }

    .contenedor-informacion.h600 .modulos-informativos {
        max-height: 600px
    }

    .contenedor-informacion.h610 .tabla-modulos {
        max-height: 610px
    }

    .contenedor-informacion.h610 .modulos-informativos {
        max-height: 610px
    }

    .contenedor-informacion.h620 .tabla-modulos {
        max-height: 620px
    }

    .contenedor-informacion.h620 .modulos-informativos {
        max-height: 620px
    }

    .contenedor-informacion.h630 .tabla-modulos {
        max-height: 630px
    }

    .contenedor-informacion.h630 .modulos-informativos {
        max-height: 630px
    }

    .contenedor-informacion.h640 .tabla-modulos {
        max-height: 640px
    }

    .contenedor-informacion.h640 .modulos-informativos {
        max-height: 640px
    }

    .contenedor-informacion.h650 .tabla-modulos {
        max-height: 650px
    }

    .contenedor-informacion.h650 .modulos-informativos {
        max-height: 650px
    }

    .contenedor-informacion.h660 .tabla-modulos {
        max-height: 660px
    }

    .contenedor-informacion.h660 .modulos-informativos {
        max-height: 660px
    }

    .contenedor-informacion.h670 .tabla-modulos {
        max-height: 670px
    }

    .contenedor-informacion.h670 .modulos-informativos {
        max-height: 670px
    }

    .contenedor-informacion.h680 .tabla-modulos {
        max-height: 680px
    }

    .contenedor-informacion.h680 .modulos-informativos {
        max-height: 680px
    }

    .contenedor-informacion.h690 .tabla-modulos {
        max-height: 690px
    }

    .contenedor-informacion.h690 .modulos-informativos {
        max-height: 690px
    }

    .contenedor-informacion.h700 .tabla-modulos {
        max-height: 700px
    }

    .contenedor-informacion.h700 .modulos-informativos {
        max-height: 700px
    }

    .contenedor-informacion.h710 .tabla-modulos {
        max-height: 710px
    }

    .contenedor-informacion.h710 .modulos-informativos {
        max-height: 710px
    }

    .contenedor-informacion.h720 .tabla-modulos {
        max-height: 720px
    }

    .contenedor-informacion.h720 .modulos-informativos {
        max-height: 720px
    }

    .contenedor-informacion.h730 .tabla-modulos {
        max-height: 730px
    }

    .contenedor-informacion.h730 .modulos-informativos {
        max-height: 730px
    }

    .contenedor-informacion.h740 .tabla-modulos {
        max-height: 740px
    }

    .contenedor-informacion.h740 .modulos-informativos {
        max-height: 740px
    }

    .contenedor-informacion.h750 .tabla-modulos {
        max-height: 750px
    }

    .contenedor-informacion.h750 .modulos-informativos {
        max-height: 750px
    }

    .contenedor-informacion.h760 .tabla-modulos {
        max-height: 760px
    }

    .contenedor-informacion.h760 .modulos-informativos {
        max-height: 760px
    }

    .contenedor-informacion.h770 .tabla-modulos {
        max-height: 770px
    }

    .contenedor-informacion.h770 .modulos-informativos {
        max-height: 770px
    }

    .contenedor-informacion.h780 .tabla-modulos {
        max-height: 780px
    }

    .contenedor-informacion.h780 .modulos-informativos {
        max-height: 780px
    }

    .contenedor-informacion.h790 .tabla-modulos {
        max-height: 790px
    }

    .contenedor-informacion.h790 .modulos-informativos {
        max-height: 790px
    }

    .contenedor-informacion.h800 .tabla-modulos {
        max-height: 800px
    }

    .contenedor-informacion.h800 .modulos-informativos {
        max-height: 800px
    }

    .contenedor-informacion.h810 .tabla-modulos {
        max-height: 810px
    }

    .contenedor-informacion.h810 .modulos-informativos {
        max-height: 810px
    }

    .contenedor-informacion.h820 .tabla-modulos {
        max-height: 820px
    }

    .contenedor-informacion.h820 .modulos-informativos {
        max-height: 820px
    }

    .contenedor-informacion.h830 .tabla-modulos {
        max-height: 830px
    }

    .contenedor-informacion.h830 .modulos-informativos {
        max-height: 830px
    }

    .contenedor-informacion.h840 .tabla-modulos {
        max-height: 840px
    }

    .contenedor-informacion.h840 .modulos-informativos {
        max-height: 840px
    }

    .contenedor-informacion.h850 .tabla-modulos {
        max-height: 850px
    }

    .contenedor-informacion.h850 .modulos-informativos {
        max-height: 850px
    }

    .contenedor-informacion.h860 .tabla-modulos {
        max-height: 860px
    }

    .contenedor-informacion.h860 .modulos-informativos {
        max-height: 860px
    }

    .contenedor-informacion.h870 .tabla-modulos {
        max-height: 870px
    }

    .contenedor-informacion.h870 .modulos-informativos {
        max-height: 870px
    }

    .contenedor-informacion.h880 .tabla-modulos {
        max-height: 880px
    }

    .contenedor-informacion.h880 .modulos-informativos {
        max-height: 880px
    }

    .contenedor-informacion.h890 .tabla-modulos {
        max-height: 890px
    }

    .contenedor-informacion.h890 .modulos-informativos {
        max-height: 890px
    }

    .contenedor-informacion.h900 .tabla-modulos {
        max-height: 900px
    }

    .contenedor-informacion.h900 .modulos-informativos {
        max-height: 900px
    }

    .contenedor-informacion.h910 .tabla-modulos {
        max-height: 910px
    }

    .contenedor-informacion.h910 .modulos-informativos {
        max-height: 910px
    }

    .contenedor-informacion.h920 .tabla-modulos {
        max-height: 920px
    }

    .contenedor-informacion.h920 .modulos-informativos {
        max-height: 920px
    }

    .contenedor-informacion.h930 .tabla-modulos {
        max-height: 930px
    }

    .contenedor-informacion.h930 .modulos-informativos {
        max-height: 930px
    }

    .contenedor-informacion.h940 .tabla-modulos {
        max-height: 940px
    }

    .contenedor-informacion.h940 .modulos-informativos {
        max-height: 940px
    }

    .contenedor-informacion.h950 .tabla-modulos {
        max-height: 950px
    }

    .contenedor-informacion.h950 .modulos-informativos {
        max-height: 950px
    }

    .contenedor-informacion.h960 .tabla-modulos {
        max-height: 960px
    }

    .contenedor-informacion.h960 .modulos-informativos {
        max-height: 960px
    }

    .contenedor-informacion.h970 .tabla-modulos {
        max-height: 970px
    }

    .contenedor-informacion.h970 .modulos-informativos {
        max-height: 970px
    }

    .contenedor-informacion.h980 .tabla-modulos {
        max-height: 980px
    }

    .contenedor-informacion.h980 .modulos-informativos {
        max-height: 980px
    }

    .contenedor-informacion.h990 .tabla-modulos {
        max-height: 990px
    }

    .contenedor-informacion.h990 .modulos-informativos {
        max-height: 990px
    }

    .contenedor-informacion.h1000 .tabla-modulos {
        max-height: 1000px
    }

    .contenedor-informacion.h1000 .modulos-informativos {
        max-height: 1000px
    }

    .data-switchs {
        display: none !important
    }

        .data-switchs.active {
            display: block !important
        }

    .data-activate {
        width: 100%;
        visibility: hidden;
        height: 0;
        margin: 0;
        padding: 0;
        display: block;
        transition: all .1s linear;
        overflow-y: hidden
    }

        .data-activate.active {
            overflow-y: inherit;
            height: auto;
            visibility: visible
        }

        .data-activate > .row {
            margin: 0
        }

        .data-activate .data-activate {
            width: 100%
        }

            .data-activate .data-activate > .row {
                margin: 0 -15px
            }

        .data-activate .contenedor-informacion {
            margin: 0 15px
        }

            .data-activate .contenedor-informacion.simple {
                margin: 0
            }

    .grilla-datos-editables {
        width: 100%;
        display: block;
        padding: 0;
        margin: 5px 0
    }

        .grilla-datos-editables table {
            width: 100%;
            border-spacing: 2px;
            border-collapse: separate
        }

            .grilla-datos-editables table thead tr th {
                font-size: .75rem;
                font-family: overpassregular,sans-serif;
                color: #595b5a;
                background-color: #e5e5e5;
                margin-bottom: 5px;
                text-align: center;
                line-height: 30px
            }

            .grilla-datos-editables table tbody tr {
                margin-bottom: 5px
            }

                .grilla-datos-editables table tbody tr td {
                    font-size: .8rem;
                    text-align: center;
                    font-family: overpassregular,sans-serif;
                    color: #595b5a;
                    background-color: #ededed
                }

                    .grilla-datos-editables table tbody tr td input, .grilla-datos-editables table tbody tr td select {
                        display: inline-block;
                        width: 90%;
                        margin: 5px;
                        max-width: 200px;
                        padding: 0 10px 0 3px !important;
                        height: 25px;
                        line-height: 22px;
                        font-size: .75rem
                    }

            .grilla-datos-editables table tfoot tr th {
                height: 6px;
                background-color: #d9d9d9
            }

    .indicadores {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        width: 98%;
        max-width: 1340px;
        margin: 10px 0 20px
    }

    .row > .indicadores {
        max-width: 1920px
    }

    .container-fluid > .indicadores {
        max-width: 1920px
    }

    @media only screen and (max-width :1300px) {
        .indicadores {
            justify-content: space-between;
            align-items: stretch
        }
    }

    @media only screen and (max-width :1185px) {
        .indicadores {
            justify-content: space-between;
            align-items: stretch
        }
    }

    @media only screen and (max-width :576px) {
        .indicadores {
            justify-content: center;
            align-items: stretch
        }
    }

    .indicadores #FormDashboard {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

    @media only screen and (max-width :1300px) {
        .indicadores #FormDashboard {
            justify-content: space-between;
            align-items: center
        }
    }

    @media only screen and (max-width :1185px) {
        .indicadores #FormDashboard {
            justify-content: space-between;
            align-items: center
        }
    }

    @media only screen and (max-width :576px) {
        .indicadores #FormDashboard {
            justify-content: center;
            align-items: center
        }
    }

    .indicadores .indicador {
        background: #fff;
        display: inline-block;
        position: relative;
        min-height: 150px;
        height: auto;
        margin: 5px;
        min-width: 10px;
        padding: 10px;
        box-sizing: border-box;
        flex: 1 1 15%;
        max-width: 100%
    }

        .indicadores .indicador:last-child {
            margin-right: 0
        }

    @media only screen and (max-width :1300px) {
        .indicadores .indicador {
            flex: 1 1 15%;
            margin: 10px 1% 10px 0
        }
    }

    @media only screen and (max-width :1185px) {
        .indicadores .indicador {
            flex: 1 1 48%;
            margin: 10px 1% 10px 0
        }

            .indicadores .indicador:last-child:nth-child(odd) {
                width: 100%;
                margin: 10px 0
            }
    }

    @media only screen and (max-width :576px) {
        .indicadores .indicador {
            flex: 1 1 100%;
            width: 100%;
            margin: 10px 0;
            min-height: 145px
        }
    }

    .indicadores .indicador.error {
        background-color: gold;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center
    }

        .indicadores .indicador.error h4 .bci-icon {
            display: block;
            margin: 5px auto 10px;
            width: 30px;
            height: 30px
        }

        .indicadores .indicador.error p {
            font-size: .8rem;
            width: 100%
        }

    .indicadores .indicador h1 {
        font-size: 1rem;
        margin: 0 0 10px 0
    }

        .indicadores .indicador h1 u {
            border-bottom: 2px solid #006fb9
        }

    @media only screen and (max-width :1300px) {
        .indicadores .indicador h1 {
            font-size: .8rem;
            line-height: 150%
        }
    }

    @media only screen and (max-width :1185px) {
        .indicadores .indicador h1 {
            font-size: 1.1rem;
            line-height: 150%
        }
    }

    @media only screen and (max-width :800px) {
        .indicadores .indicador h1 {
            font-size: 1.1rem
        }

            .indicadores .indicador h1 u {
                border-bottom-width: 3px
            }
    }

    .indicadores .indicador p {
        text-transform: uppercase
    }

    @media only screen and (min-width :1201px) {
        .indicadores .indicador p {
            font-size: .7rem
        }

            .indicadores .indicador p span {
                font-size: 1.1rem
            }
    }

    @media only screen and (max-width :1300px) {
        .indicadores .indicador p {
            font-size: .7rem
        }

            .indicadores .indicador p span {
                font-size: 1.1rem
            }
    }

    @media only screen and (max-width :1185px) {
        .indicadores .indicador p {
            font-size: .7rem
        }

            .indicadores .indicador p span {
                font-size: 1.1rem
            }
    }

    @media only screen and (max-width :800px) {
        .indicadores .indicador p {
            font-size: .7rem
        }

            .indicadores .indicador p span {
                font-size: 1.1rem
            }
    }

    .indicadores .indicador > div {
        width: 100%;
        display: flex
    }

    .indicadores .indicador .data-principal {
        height: 40px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        flex-direction: row-reverse;
        -moz-flex-direction: row-reverse
    }

        .indicadores .indicador .data-principal h2 {
            display: inline-block;
            margin: 0;
            padding: 0;
            font-weight: 300;
            color: #006fb9;
            font-style: normal;
            border: none;
            font-weight: 700;
            text-transform: uppercase;
            width: 100%
        }

    @media only screen and (min-width :1201px) {
        .indicadores .indicador .data-principal h2 {
            font-size: 2rem
        }
    }

    @media only screen and (max-width :1300px) {
        .indicadores .indicador .data-principal h2 {
            font-size: 1.7rem
        }
    }

    @media only screen and (max-width :1185px) {
        .indicadores .indicador .data-principal h2 {
            font-size: 2.2rem
        }
    }

    @media only screen and (max-width :800px) {
        .indicadores .indicador .data-principal h2 {
            font-size: 2.4rem
        }
    }

    @media only screen and (max-width :576px) {
        .indicadores .indicador .data-principal h2 {
            font-size: 2.4rem
        }
    }

    .indicadores .indicador .data-principal .tipo-indicador {
        height: 42px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        color: #fff;
        background-color: #595b5a;
        line-height: 1.1;
        text-transform: uppercase;
        padding: .2rem
    }

    @media only screen and (min-width :1201px) {
        .indicadores .indicador .data-principal .tipo-indicador {
            font-size: .6rem;
            width: 39%
        }

            .indicadores .indicador .data-principal .tipo-indicador + h2 {
                width: 61%;
                font-weight: 400
            }
    }

    @media only screen and (max-width :1300px) {
        .indicadores .indicador .data-principal .tipo-indicador {
            font-size: .4rem;
            width: 40%
        }

            .indicadores .indicador .data-principal .tipo-indicador + h2 {
                width: 59%;
                font-weight: 400
            }
    }

    @media only screen and (max-width :1185px) {
        .indicadores .indicador .data-principal .tipo-indicador {
            font-size: .7rem;
            width: 40%
        }

            .indicadores .indicador .data-principal .tipo-indicador + h2 {
                width: 59%
            }
    }

    @media only screen and (max-width :800px) {
        .indicadores .indicador .data-principal .tipo-indicador {
            font-size: .7rem;
            width: 45%
        }

            .indicadores .indicador .data-principal .tipo-indicador + h2 {
                width: 54%
            }
    }

    @media only screen and (max-width :576px) {
        .indicadores .indicador .data-principal .tipo-indicador + h2 {
            width: 54%
        }
    }

    .indicadores .indicador .boton {
        position: absolute;
        top: 105%;
        left: 50%;
        transform: translate(-50%,-105%);
        height: 30px;
        width: 40%;
        min-width: 130px;
        font-size: .7rem
    }

    @media only screen and (max-width :1185px) {
        .indicadores .indicador .boton {
            width: 40%;
            min-width: 130px;
            height: 30px
        }
    }

    @media only screen and (max-width :576px) {
        .indicadores .indicador .boton {
            width: 50%;
            min-width: 150px
        }
    }

    .indicadores.dealer .indicador h1 {
        margin-bottom: 14px
    }

    .indicadores.dealer .indicador .data-principal {
        height: auto
    }

        .indicadores.dealer .indicador .data-principal h2 {
            font-size: 3rem;
            width: 100%;
            font-weight: 700
        }

    @media only screen and (max-width :1300px) {
        .indicadores.dealer .indicador .data-principal h2 {
            font-size: 2.3rem
        }
    }

    @media only screen and (max-width :1185px) {
        .indicadores.dealer .indicador .data-principal h2 {
            font-size: 2.9rem
        }
    }

    .indicadores.despliegue {
        margin: 0
    }

        .indicadores.despliegue > h1 {
            width: 95%;
            height: auto;
            line-height: 4rem;
            color: #fff;
            font-size: 2rem
        }

        .indicadores.despliegue .indicador {
            flex: 1 1 23%;
            position: relative;
            margin: 1%
        }

    @media only screen and (max-width :800px) {
        .indicadores.despliegue .indicador {
            flex: 1 1 45%
        }
    }

    @media only screen and (max-width :576px) {
        .indicadores.despliegue .indicador {
            flex: 1 1 100%
        }
    }

    .indicadores.despliegue .indicador .editor {
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
        cursor: pointer
    }

    .indicadores.despliegue .indicador.grafica {
        min-height: 300px
    }

        .indicadores.despliegue .indicador.grafica .data-principal h2 {
            font-size: 4rem;
            font-weight: 700
        }

    .indicadores.despliegue .indicador .data-principal {
        height: auto
    }

        .indicadores.despliegue .indicador .data-principal h2 {
            width: 100%;
            font-size: 3rem
        }

    .campana {
        width: 100%;
        max-width: 100%
    }

        .campana .campana-content {
            width: 100%;
            height: 300px;
            display: block;
            position: relative;
            background-size: cover;
            background-position: right center
        }

    @media only screen and (max-width :576px) {
        .campana .campana-content {
            height: 200px
        }
    }

    .campana .campana-content .card {
        display: block;
        position: absolute;
        top: 20%;
        left: 15%;
        width: 400px;
        background-color: rgba(0,0,0,.5) !important;
        padding: .5rem;
        text-align: center
    }

    @media only screen and (max-width :800px) {
        .campana .campana-content .card {
            width: 70%;
            left: 15%
        }
    }

    @media only screen and (max-width :576px) {
        .campana .campana-content .card {
            width: 90%;
            left: 5%
        }
    }

    .campana .campana-content .card .boton {
        display: inline-block;
        width: 50%;
        font-size: 1rem;
        padding: 6px 10px
    }

    @media only screen and (max-width :576px) {
        .campana .campana-content .card .boton {
            font-size: .7rem;
            padding: 6px 2px;
            min-width: 60%
        }
    }

    .campana .campana-content .card h1 {
        border: none;
        color: #fff;
        font-size: 3rem;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-family: overpassbold,sans-serif
    }

    @media only screen and (max-width :576px) {
        .campana .campana-content .card h1 {
            font-size: 1.8rem
        }
    }

    .campana .campana-content .card h2 {
        border: none;
        color: #fff;
        font-size: 1.1rem;
        width: 100%;
        text-align: center;
        font-weight: 300
    }

    @media only screen and (max-width :576px) {
        .campana .campana-content .card h2 {
            font-size: 1rem
        }
    }

    .accesos {
        min-height: 180px;
        width: 98%;
        max-width: 100%
    }

    @media only screen and (max-width :1185px) {
        .accesos {
            height: auto
        }
    }

    .accesos .card-body {
        padding: 6px 2px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: stretch
    }

        .accesos .card-body .boton.acceso-rapido {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            flex: 1 1 19%;
            margin: 0;
            min-width: 10px;
            position: relative;
            text-indent: 0;
            border-radius: 2px;
            box-shadow: 0 4px 9px 0 rgba(0,0,0,.1);
            -ms-box-shadow: 0 4px 9px 0 rgba(0,0,0,.1);
            transition: all .2s linear;
            margin: 2px;
            max-width: 100%;
            padding-left: 35px;
            text-align: left;
            text-transform: capitalize;
            position: relative;
            color: #006fb9;
            background-color: #fff;
            font-size: .75rem;
            line-height: 105%;
            font-family: overpasssemibold,sans-serif;
            height: 50px
        }

            .accesos .card-body .boton.acceso-rapido i {
                position: absolute;
                left: 0;
                top: 0;
                width: 30px;
                height: 100%;
                background-position: center center;
                filter: grayscale(0);
                -webkit-filter: grayscale(0);
                opacity: 1;
                background-size: 30px auto
            }

    @media only screen and (max-width :1300px) {
        .accesos .card-body .boton.acceso-rapido i {
            opacity: .2;
            width: 100%;
            background-size: auto 100%
        }
    }

    @media only screen and (max-width :1185px) {
        .accesos .card-body .boton.acceso-rapido i {
            opacity: .2;
            width: 100%;
            background-size: auto 100%
        }
    }

    @media only screen and (max-width :576px) {
        .accesos .card-body .boton.acceso-rapido i {
            opacity: 1;
            left: 0;
            width: 50px;
            background-size: 40px auto
        }
    }

    .accesos .card-body .boton.acceso-rapido:active, .accesos .card-body .boton.acceso-rapido:focus, .accesos .card-body .boton.acceso-rapido:hover {
        background-color: #006fb9;
        color: #fff;
        opacity: 1
    }

        .accesos .card-body .boton.acceso-rapido:active i, .accesos .card-body .boton.acceso-rapido:focus i, .accesos .card-body .boton.acceso-rapido:hover i {
            filter: brightness(300%);
            -webkit-filter: brightness(300%)
        }

    @media only screen and (max-width :1300px) {
        .accesos .card-body .boton.acceso-rapido {
            padding: 10px 2px;
            font-size: .7rem;
            text-align: center;
            justify-content: center;
            align-items: center
        }
    }

    @media only screen and (max-width :1185px) {
        .accesos .card-body .boton.acceso-rapido {
            font-size: .7rem;
            min-width: 60px;
            flex: 1 1 10%
        }
    }

    @media only screen and (max-width :576px) {
        .accesos .card-body .boton.acceso-rapido {
            min-width: 80px;
            flex: 0 1 calc(50% - 8px);
            -ms-width: calc(50% - 8px);
            font-size: .9rem;
            padding: 10px 2px 10px 45px;
            text-align: left;
            justify-content: flex-start;
            align-items: center
        }
    }

    @media only screen and (max-width :576px) {
        .accesos .card-body .boton.acceso-rapido {
            font-size: 1rem;
            min-width: 80px;
            flex: 0 1 calc(100% - 0px)
        }
    }

    .accesos .card-body.stretch {
        justify-content: space-around;
        align-items: stretch;
        min-height: 120px
    }

    @media only screen and (max-width :576px) {
        .accesos .card-body.stretch {
            justify-content: flex-start;
            align-items: center
        }
    }

    .accesos .card-body.stretch .boton.acceso-rapido {
        min-height: 120px;
        justify-content: center;
        align-items: center;
        padding: 0;
        text-align: center;
        font-size: .8rem;
        flex: 1 1 19%
    }

        .accesos .card-body.stretch .boton.acceso-rapido i {
            width: 100%;
            opacity: 1;
            background-position: center center;
            background-size: auto 130%;
            height: 50px;
            position: static;
            top: initial;
            left: initial
        }

    @media only screen and (max-width :576px) {
        .accesos .card-body.stretch .boton.acceso-rapido i {
            opacity: 1;
            left: 0;
            width: 50px;
            height: 30px;
            background-size: 40px auto
        }
    }

    @media only screen and (max-width :1185px) {
        .accesos .card-body.stretch .boton.acceso-rapido {
            font-size: .6rem;
            flex: 1 1 19%
        }
    }

    @media only screen and (max-width :800px) {
        .accesos .card-body.stretch .boton.acceso-rapido {
            flex: 1 1 48%;
            min-height: 90px
        }
    }

    @media only screen and (max-width :576px) {
        .accesos .card-body.stretch .boton.acceso-rapido {
            flex: 1 1 100%;
            justify-content: flex-start;
            align-items: center;
            min-height: 50px;
            width: 100%;
            height: 50px;
            font-size: .9rem;
            text-align: left;
            padding: 10px 2px 10px 5px
        }
    }

    @media only screen and (max-width :576px) {
        .accesos .card-body.stretch .boton {
            min-height: 20px;
            width: 50%;
            height: 50px
        }
    }

    @media only screen and (max-width :1300px) {
        .accesos .card-body {
            padding: 5px
        }
    }

    @media only screen and (max-width :576px) {
        .accesos .card-body {
            padding: 2px
        }
    }

    @media only screen and (max-width :576px) {
        .accesos.toolbar-type {
            display: block !important;
            position: fixed;
            bottom: 0;
            left: 0;
            overflow: hidden;
            z-index: 100;
            width: 100%;
            margin: 0;
            padding: 0;
            min-height: 60px;
            max-height: 60px;
            height: 60px;
            border-radius: 0;
            box-shadow: 0 -4px 9px 0 rgba(0,0,0,.1);
            -ms-box-shadow: 0 -4px 9px 0 rgba(0,0,0,.1)
        }

            .accesos.toolbar-type .card-header {
                display: none !important
            }

            .accesos.toolbar-type .stretch {
                margin: 0;
                padding: 0;
                display: block;
                width: 100%;
                min-height: 60px;
                max-height: 60px;
                height: 60px
            }

                .accesos.toolbar-type .stretch .acceso-rapido {
                    margin: 0 !important;
                    padding: 0 !important;
                    display: inline-block !important;
                    box-sizing: border-box !important;
                    font-size: .48rem !important;
                    text-align: center !important;
                    border-left: 1px solid #f0f0f0;
                    width: 19.8% !important;
                    height: 60px !important;
                    min-width: 0 !important;
                    max-width: 20% !important;
                    box-shadow: none !important
                }

                    .accesos.toolbar-type .stretch .acceso-rapido .bci-icon {
                        height: 40px !important;
                        width: 100% !important
                    }

                    .accesos.toolbar-type .stretch .acceso-rapido:first-child {
                        border: none
                    }
    }

    .accesos.demo .card-body .boton.acceso-rapido {
        width: calc(14% - 8px);
        flex: 1 1 13%;
        text-transform: none
    }

    .info-expandible {
        position: relative
    }

        .info-expandible .side-data {
            min-height: 0;
            height: auto
        }

        .info-expandible .collapse, .info-expandible .collapsing {
            margin: 0;
            padding: 0
        }

    .nota-detalle {
        padding: 10px;
        font-size: .9rem !important
    }

        .nota-detalle small {
            display: block;
            padding-top: 10px;
            display: block;
            font-size: .7rem
        }

            .nota-detalle small::before {
                font-family: overpassbold,sans-serif;
                font-size: .7rem;
                padding-top: 10px;
                display: block;
                content: attr(data-text)
            }

    .busqueda-dashboard {
        height: auto;
        width: 100%;
        max-width: 100%
    }

        .busqueda-dashboard .card-body {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: center
        }

            .busqueda-dashboard .card-body .datos {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center
            }

                .busqueda-dashboard .card-body .datos input[type=text] {
                    flex: 4
                }

                .busqueda-dashboard .card-body .datos a {
                    flex: 2
                }

                .busqueda-dashboard .card-body .datos label {
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: flex-start;
                    align-items: center
                }

                    .busqueda-dashboard .card-body .datos label input {
                        margin-right: 5px
                    }

            .busqueda-dashboard .card-body form {
                width: 100%;
                display: block
            }

            .busqueda-dashboard .card-body .formulario-seccion {
                width: 100%
            }

            .busqueda-dashboard .card-body .formulario-bloque .formularios {
                margin-bottom: 1px;
                margin-top: 3px
            }

        .busqueda-dashboard .card-footer {
            min-height: 55px
        }

            .busqueda-dashboard .card-footer .boton {
                margin: 0
            }

        .busqueda-dashboard .meta-filters {
            height: 30px
        }

            .busqueda-dashboard .meta-filters li {
                height: 30px !important
            }

    @media only screen and (max-width :1185px) {
        .busqueda-dashboard {
            height: auto
        }

            .busqueda-dashboard .formularios.especial {
                min-width: 50px
            }

                .busqueda-dashboard .formularios.especial input[type=text] {
                    text-align: right;
                    -moz-text-align-last: right;
                    text-align-last: right
                }

                    .busqueda-dashboard .formularios.especial input[type=text]::-webkit-input-placeholder {
                        color: #fff
                    }

                    .busqueda-dashboard .formularios.especial input[type=text]:-moz-placeholder {
                        color: #fff
                    }

                    .busqueda-dashboard .formularios.especial input[type=text]::-moz-placeholder {
                        color: #fff
                    }

                    .busqueda-dashboard .formularios.especial input[type=text]:-ms-input-placeholder {
                        color: #fff
                    }
    }

    @media only screen and (max-width :800px) {
        .busqueda-dashboard .formularios.especial input[type=text]::-webkit-input-placeholder {
            color: #ccc
        }

        .busqueda-dashboard .formularios.especial input[type=text]:-moz-placeholder {
            color: #ccc
        }

        .busqueda-dashboard .formularios.especial input[type=text]::-moz-placeholder {
            color: #ccc
        }

        .busqueda-dashboard .formularios.especial input[type=text]:-ms-input-placeholder {
            color: #ccc
        }
    }

    @media only screen and (max-width :576px) {
        .busqueda-dashboard .formularios .form-check-input {
            width: 10% !important;
            margin: 6px 0;
            display: inline-block
        }

        .busqueda-dashboard .formularios .form-check-label {
            width: 85% !important;
            margin: 6px 0;
            font-size: .8rem;
            width: 10%;
            display: inline-block;
            font-size: 1rem
        }

        .busqueda-dashboard .formularios.especial {
            min-width: 50px;
            width: 100%
        }
    }

    .busqueda-dashboard .especial {
        flex: 1 1 20%
    }

    .busqueda-dashboard .boton {
        padding: 6px 10px 6px 10px;
        font-size: 1rem;
        margin-top: 0
    }

        .busqueda-dashboard .boton.simple {
            width: auto
        }

        .busqueda-dashboard .boton.bg-disabled {
            width: auto
        }

    @media only screen and (max-width :1185px) {
        .busqueda-dashboard .boton {
            float: right
        }
    }

    @media only screen and (max-width :800px) {
        .busqueda-dashboard .boton {
            max-width: 200%
        }
    }

    @media only screen and (max-width :576px) {
        .busqueda-dashboard .boton {
            float: none;
            display: block;
            margin: 5px auto
        }
    }

    .folderfix {
        background: #000;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

        .folderfix .folder {
            width: 300px;
            display: block;
            min-height: 100px;
            min-width: 100px
        }

            .folderfix .folder .card-body {
                text-align: center
            }

                .folderfix .folder .card-body .boton {
                    min-width: 200px
                }

    .productos-lista > .card-header {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 5px
    }

        .productos-lista > .card-header ul {
            margin: 0;
            padding: 0
        }

            .productos-lista > .card-header ul li {
                display: inline-block;
                height: 40px;
                position: relative
            }

        .productos-lista > .card-header .filters-list {
            flex: 1 1 70%;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-end;
            align-items: flex-start
        }

    @media only screen and (max-width :1185px) {
        .productos-lista > .card-header .filters-list {
            flex: 1 1 75%
        }
    }

    @media only screen and (max-width :576px) {
        .productos-lista > .card-header .filters-list {
            margin: 10px 0
        }
    }

    .productos-lista > .card-header .filters-list .filter-set {
        flex: 1 1 18%;
        margin: 0;
        border: none
    }

    @media only screen and (max-width :576px) {
        .productos-lista > .card-header .filters-list .filter-set {
            margin-bottom: 15px
        }
    }

    .productos-lista > .card-header .filters-list .filter-set.seleccion {
        flex: 0 0 40%
    }

    @media only screen and (max-width :576px) {
        .productos-lista > .card-header .filters-list .filter-set.seleccion {
            flex: 0 0 100%
        }
    }

    .productos-lista > .card-header .filters-list .filter-set.range {
        flex: 1 1 12%
    }

    @media only screen and (max-width :576px) {
        .productos-lista > .card-header .filters-list .filter-set.range {
            flex: 1 1 45%
        }
    }

    .productos-lista > .card-header .filters-list .filter-set.campos {
        flex: 1 1 15%
    }

    @media only screen and (max-width :576px) {
        .productos-lista > .card-header .filters-list .filter-set.campos {
            flex: 1 1 45%
        }
    }

    .productos-lista > .card-header .filters-list .filter-set .filter-range {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-around;
        align-items: center
    }

        .productos-lista > .card-header .filters-list .filter-set .filter-range input[type=range] {
            flex: 1 1 50%;
            height: 15px;
            margin-right: 2%
        }

    .ie .productos-lista > .card-header .filters-list .filter-set .filter-range input[type=range] {
        height: auto;
        margin-right: inherit
    }

    .productos-lista > .card-header .filters-list .filter-set .filter-range output {
        position: static;
        flex: 0 0 20px
    }

    .productos-lista > .card-header .filters-list .filter-set .filter-checkbox {
        margin: 0;
        flex: 1 1 20%
    }

    .productos-lista > .card-header .filters-list .filter-set .pin {
        max-width: 60px;
        min-width: 0;
        margin: 0 0 0 10px
    }

        .productos-lista > .card-header .filters-list .filter-set .pin input {
            padding: 0;
            line-height: 1;
            height: 28px;
            min-width: 0;
            border-radius: 5px;
            background-color: #f2f2f2
        }

        .productos-lista > .card-header .filters-list .filter-set .pin + .boton.icono {
            height: 28px;
            margin: 0 0 0 6px
        }

            .productos-lista > .card-header .filters-list .filter-set .pin + .boton.icono i {
                width: 24px;
                height: 28px
            }

    .ie .productos-lista > .card-header .filters-list .filter-set .pin + .boton.icono.bg-azul {
        background-color: #bfc1c0
    }

    .productos-lista > .card-header .titulos {
        flex: 1 1 25%;
        height: 100%;
        font-size: 1.2rem;
        padding: 0 0 0 10px;
        text-transform: none
    }

        .productos-lista > .card-header .titulos p {
            margin: 0;
            font-size: .65rem
        }

            .productos-lista > .card-header .titulos p span {
                font-family: overpassbold,sans-serif
            }

            .productos-lista > .card-header .titulos p a {
                text-decoration: underline;
                font-family: overpassbold,sans-serif;
                color: #006fb9;
                cursor: pointer
            }

    @media only screen and (max-width :1185px) {
        .productos-lista > .card-header .titulos {
            flex: 1 1 20%;
            font-size: .9rem
        }
    }

    @media only screen and (max-width :800px) {
        .productos-lista > .card-header .titulos {
            flex: 0 0 100%;
            font-size: .9rem
        }

            .productos-lista > .card-header .titulos p {
                display: inline-block;
                border-left: 2px solid #f2f2f2;
                margin-left: 5px;
                padding-left: 5px
            }
    }

    @media only screen and (max-width :576px) {
        .productos-lista > .card-header .titulos {
            font-size: .8rem
        }
    }

    .productos-lista .card-body {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: stretch
    }

        .productos-lista .card-body .disclaimer {
            min-height: 200px;
            display: none
        }

    @media only screen and (max-width :800px) {
        .productos-lista .card-body .disclaimer {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: center;
            align-items: center
        }

            .productos-lista .card-body .disclaimer h3 {
                text-align: center;
                font-size: 1.5rem;
                color: #404141
            }

            .productos-lista .card-body .disclaimer + .datos {
                display: none
            }
    }

    .productos-lista .card-body > .datos {
        display: block;
        width: 100%
    }

        .productos-lista .card-body > .datos .cobertura-base, .productos-lista .card-body > .datos .cobertura-flexible, .productos-lista .card-body > .datos .productos-relevantes {
            padding: 5px
        }

        .productos-lista .card-body > .datos .productos-relevantes {
            background-color: #fff;
            box-shadow: inset 0 0 6px 1px rgba(0,0,0,.3);
            -ms-box-shadow: inset 0 0 6px 1px rgba(0,0,0,.3);
            z-index: 10;
            padding-top: 10px
        }

        .productos-lista .card-body > .datos .cobertura-base .bloque {
            background-color: #fff
        }

            .productos-lista .card-body > .datos .cobertura-base .bloque > h6 {
                flex: 1 1 100%;
                text-align: center;
                font-family: overpassbold,sans-serif;
                font-size: .8rem;
                color: #595b5a
            }

            .productos-lista .card-body > .datos .cobertura-base .bloque span {
                flex: 1 1 100%;
                text-align: center
            }

                .productos-lista .card-body > .datos .cobertura-base .bloque span .bci-icon {
                    height: 30px;
                    width: 30px;
                    display: inline-block;
                    opacity: 1;
                    filter: grayscale(0);
                    -webkit-filter: grayscale(0)
                }

        .productos-lista .card-body > .datos .cobertura-base .columna-leyenda .bloque {
            justify-content: space-between;
            align-items: center
        }

            .productos-lista .card-body > .datos .cobertura-base .columna-leyenda .bloque p {
                text-align: left;
                width: 100%;
                padding: 0 0 0 5px;
                margin: 0;
                font-family: overpassbold,sans-serif;
                color: #006fb9;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                cursor: pointer
            }

                .productos-lista .card-body > .datos .cobertura-base .columna-leyenda .bloque p span {
                    flex: 1 1 50%;
                    text-align: left
                }

                .productos-lista .card-body > .datos .cobertura-base .columna-leyenda .bloque p .bci-icon {
                    flex: 0 0 30px;
                    height: 30px;
                    width: 30px
                }

        .productos-lista .card-body > .datos .cobertura-flexible {
            margin-top: 10px
        }

            .productos-lista .card-body > .datos .cobertura-flexible .row .col-3, .productos-lista .card-body > .datos .cobertura-flexible .row .col-9 {
                display: none
            }

                .productos-lista .card-body > .datos .cobertura-flexible .row .col-3.active, .productos-lista .card-body > .datos .cobertura-flexible .row .col-9.active {
                    display: block
                }

                .productos-lista .card-body > .datos .cobertura-flexible .row .col-3:first-child {
                    display: block
                }

    .ie .productos-lista .card-body > .datos .cobertura-flexible .row .col-3 .bloque {
        height: 100%
    }

    .productos-lista .card-body > .datos .cobertura-flexible .row .col-4 .bloque {
        height: 50px
    }

    .productos-lista .card-body > .datos .cobertura-flexible .switch label::after {
        font-size: .7rem;
        width: 100%;
        min-width: 180px
    }

    .productos-lista .card-body > .datos .cobertura-flexible .bloque.flexible {
        justify-content: space-between;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        height: 220px;
        background-color: none
    }

        .productos-lista .card-body > .datos .cobertura-flexible .bloque.flexible h4 {
            text-transform: uppercase
        }

        .productos-lista .card-body > .datos .cobertura-flexible .bloque.flexible .formulario-seccion {
            width: 100%;
            height: 60px
        }

    .productos-lista .card-body > .datos .cobertura-flexible .independientes section, .productos-lista .card-body > .datos .cobertura-flexible .unificada section {
        border-radius: 5px;
        padding: 5px;
        background-color: #e5e5e5
    }

        .productos-lista .card-body > .datos .cobertura-flexible .independientes section .checkbox-simple label span, .productos-lista .card-body > .datos .cobertura-flexible .unificada section .checkbox-simple label span {
            width: 100%
        }

    .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos {
        height: 60px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

        .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia {
            font-family: overpassregular,sans-serif;
            padding: 0;
            margin: 0;
            font-size: .8rem;
            width: 100%;
            flex: 1 1 100%;
            padding: 0 10px 0 35px;
            position: relative;
            height: auto;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-end;
            align-items: center
        }

            .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia.no {
                height: 20px;
                text-align: center;
                justify-content: center;
                align-items: center
            }

            .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia span {
                text-align: right;
                width: 100%;
                font-size: .55rem;
                line-height: 1.3;
                margin: 0;
                padding: 0
            }

                .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia span strong {
                    display: block;
                    font-size: .65rem
                }

            .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia > .bci-icon {
                position: absolute;
                top: 0;
                left: 4px;
                height: 100%;
                background-size: 90% auto;
                width: 27px;
                display: inline-block;
                opacity: 1;
                filter: grayscale(0);
                -webkit-filter: grayscale(0)
            }

    @media only screen and (max-width :1185px) {
        .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos {
            height: 80px
        }

            .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia {
                padding: 0 10px 0 50px;
                padding: 0 4px;
                justify-content: flex-start;
                align-items: center
            }

                .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia span {
                    width: 100%;
                    font-size: .56rem
                }

                .productos-lista .card-body > .datos .cobertura-flexible .unificada .bloque.datos p.advertencia > .bci-icon {
                    display: none !important
                }
    }

    .productos-lista .card-body > .datos .cobertura-flexible .unificada .selectores {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start
    }

        .productos-lista .card-body > .datos .cobertura-flexible .unificada .selectores .modulos {
            flex: 0 0 48%
        }

    .productos-lista .card-body > .datos .pre-leyenda {
        height: 24px;
        width: 100%;
        display: block;
        margin: 0;
        padding: 3px 0 0 5px;
        font-size: .7rem
    }

    .productos-lista .card-body > .datos .dropdown {
        margin: 0;
        padding: 0;
        height: 40px
    }

        .productos-lista .card-body > .datos .dropdown .dropdown-menu {
            min-width: 250px;
            padding: 0;
            box-shadow: 0 2px 15px 2px rgba(0,0,0,.3);
            -ms-box-shadow: 0 2px 15px 2px rgba(0,0,0,.3);
            border: none
        }

            .productos-lista .card-body > .datos .dropdown .dropdown-menu .dropdown-header {
                padding: 3px 5px;
                margin: 0;
                color: #fff;
                background-color: #006fb9;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: center
            }

    .ie .productos-lista .card-body > .datos .dropdown .dropdown-menu .dropdown-header {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: 30px;
        line-height: 30px;
        padding: 7px 10px 0 10px
    }

        .ie .productos-lista .card-body > .datos .dropdown .dropdown-menu .dropdown-header h6, .ie .productos-lista .card-body > .datos .dropdown .dropdown-menu .dropdown-header span {
            margin: 0;
            padding: 0;
            height: auto
        }

    .productos-lista .card-body > .datos .dropdown .dropdown-menu h6 {
        flex: 1 1 30%;
        font-size: 1rem;
        margin: 0;
        padding: 0
    }

    .productos-lista .card-body > .datos .dropdown .dropdown-menu span {
        flex: 1 1 29%;
        font-size: .6rem;
        margin: 0;
        padding: 0;
        text-align: right
    }

    .productos-lista .card-body > .datos .dropdown .dropdown-menu > ul {
        margin: 0;
        padding: 0
    }

        .productos-lista .card-body > .datos .dropdown .dropdown-menu > ul > li {
            list-style: none;
            padding: 3px 5px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #d9d9d9;
            height: 30px
        }

            .productos-lista .card-body > .datos .dropdown .dropdown-menu > ul > li:last-child {
                border: none
            }

            .productos-lista .card-body > .datos .dropdown .dropdown-menu > ul > li > h6 {
                font-size: .8rem
            }

            .productos-lista .card-body > .datos .dropdown .dropdown-menu > ul > li span {
                font-size: .8rem
            }

            .productos-lista .card-body > .datos .dropdown .dropdown-menu > ul > li.mayor {
                background-color: #f2f2f2
            }

    .productos-lista .card-body > .datos .bloque {
        height: 50px;
        width: 100%;
        margin-bottom: 5px;
        background-color: #f2f2f2;
        padding: 3px;
        font-family: overpassregular,sans-serif;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        border-radius: 3px
    }

        .productos-lista .card-body > .datos .bloque > span {
            flex: 1 1 100%;
            text-align: center;
            font-size: 1rem;
            font-family: overpassbold,sans-serif
        }

        .productos-lista .card-body > .datos .bloque.gris {
            background-color: rgba(89,91,90,.2)
        }

        .productos-lista .card-body > .datos .bloque.rojo {
            background-color: #fef4f5
        }

        .productos-lista .card-body > .datos .bloque.datos {
            justify-content: space-between;
            align-items: center
        }

            .productos-lista .card-body > .datos .bloque.datos h4 {
                flex: 1 1 50%;
                font-size: .8rem;
                font-family: overpassregular,sans-serif
            }

                .productos-lista .card-body > .datos .bloque.datos h4 > span {
                    font-size: 1rem;
                    font-family: overpassbold,sans-serif;
                    color: #006fb9
                }

            .productos-lista .card-body > .datos .bloque.datos .formularios {
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: center;
                align-items: center
            }

            .productos-lista .card-body > .datos .bloque.datos .dropdown {
                position: relative;
                flex: 0 0 40px
            }

            .productos-lista .card-body > .datos .bloque.datos .solo-iconos {
                position: relative;
                flex: 0 0 40px;
                cursor: pointer;
                height: 40px;
                display: inline-block
            }

                .productos-lista .card-body > .datos .bloque.datos .solo-iconos .bci-icon {
                    height: 40px;
                    width: 40px;
                    background-size: auto 70%
                }

                .productos-lista .card-body > .datos .bloque.datos .solo-iconos:hover .bci-icon {
                    opacity: 1;
                    filter: grayscale(0);
                    -webkit-filter: grayscale(0)
                }

                .productos-lista .card-body > .datos .bloque.datos .solo-iconos[aria-expanded=true] {
                    position: relative
                }

                    .productos-lista .card-body > .datos .bloque.datos .solo-iconos[aria-expanded=true]:hover .bci-icon {
                        opacity: 1;
                        filter: grayscale(0);
                        -webkit-filter: grayscale(0)
                    }

                    .productos-lista .card-body > .datos .bloque.datos .solo-iconos[aria-expanded=true]::after {
                        content: "";
                        display: block;
                        height: 3px;
                        width: 100%;
                        bottom: 0;
                        left: 10%;
                        width: 80%;
                        position: absolute;
                        background-color: #006fb9
                    }

                    .productos-lista .card-body > .datos .bloque.datos .solo-iconos[aria-expanded=true] .bci-icon {
                        opacity: 1;
                        filter: grayscale(0);
                        -webkit-filter: grayscale(0)
                    }

        .productos-lista .card-body > .datos .bloque.principal {
            background-color: #006fb9;
            box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
            -ms-box-shadow: 0 2px 4px 1px rgba(0,0,0,.3)
        }

            .productos-lista .card-body > .datos .bloque.principal h3 {
                flex: 0 0 100%;
                font-family: overpassbold,sans-serif;
                color: #fff;
                text-align: center
            }

            .productos-lista .card-body > .datos .bloque.principal p {
                font-family: overpassregular,sans-serif;
                flex: 1 1 50%;
                padding: 0 3px;
                font-size: .7rem;
                color: rgba(255,255,255,.7);
                text-align: left
            }

                .productos-lista .card-body > .datos .bloque.principal p:last-child {
                    text-align: right
                }

    .productos-lista .card-body > .datos .columna-leyenda .pre-leyenda {
        font-size: .8rem;
        text-transform: uppercase
    }

    .productos-convenios {
        margin-top: 65px
    }

        .productos-convenios > .card-header {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            padding: 5px
        }

            .productos-convenios > .card-header ul {
                margin: 0;
                padding: 0
            }

                .productos-convenios > .card-header ul li {
                    display: inline-block;
                    height: 40px;
                    position: relative
                }

            .productos-convenios > .card-header .titulos {
                flex: 1 1 25%;
                font-size: 1.5rem
            }

                .productos-convenios > .card-header .titulos p {
                    margin: 0;
                    padding: 0 0 0 5px;
                    font-size: .65rem;
                    text-transform: none
                }

                    .productos-convenios > .card-header .titulos p span {
                        font-family: overpassbold,sans-serif
                    }

                    .productos-convenios > .card-header .titulos p a {
                        text-decoration: underline;
                        font-family: overpassbold,sans-serif;
                        color: #006fb9;
                        cursor: pointer
                    }

            .productos-convenios > .card-header .filters-list {
                flex: 1 1 75%;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: flex-start
            }

                .productos-convenios > .card-header .filters-list .filter-set {
                    flex: 1 1 22%;
                    border: none;
                    padding: 0
                }

                    .productos-convenios > .card-header .filters-list .filter-set.range {
                        flex: 1 1 12%
                    }

                    .productos-convenios > .card-header .filters-list .filter-set.checkbox.small {
                        flex: 1 1 10%
                    }

                    .productos-convenios > .card-header .filters-list .filter-set .filter-checkbox {
                        flex: 1 0 30%;
                        padding: 0;
                        margin: 1px
                    }

        .productos-convenios > .card-body {
            justify-content: space-between;
            align-items: flex-start;
            height: auto;
            max-height: 600px;
            padding-top: 0
        }

            .productos-convenios > .card-body.productos {
                padding: 5px 10px 5px 10px
            }

            .productos-convenios > .card-body.datos-pestanas {
                display: block;
                max-width: 100%;
                width: auto
            }

                .productos-convenios > .card-body.datos-pestanas .tab-content .tab-pane {
                    text-align: left
                }

                    .productos-convenios > .card-body.datos-pestanas .tab-content .tab-pane .formulario-bloque h2 {
                        margin-top: 10px
                    }

                    .productos-convenios > .card-body.datos-pestanas .tab-content .tab-pane .formulario-bloque .formularios {
                        margin-top: 1px;
                        margin-bottom: 5px
                    }

                        .productos-convenios > .card-body.datos-pestanas .tab-content .tab-pane .formulario-bloque .formularios input, .productos-convenios > .card-body.datos-pestanas .tab-content .tab-pane .formulario-bloque .formularios select {
                            background-color: #f2f2f2
                        }

            .productos-convenios > .card-body > aside {
                align-self: stretch;
                flex: 2;
                margin: 10px 20px 0 0;
                border-right: 2px solid #d9d9d9
            }

                .productos-convenios > .card-body > aside .filters-list {
                    max-height: 440px;
                    overflow: auto
                }

            .productos-convenios > .card-body .content {
                flex: 9;
                margin: 0;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: stretch
            }

                .productos-convenios > .card-body .content header {
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: space-between;
                    align-items: center;
                    padding: 15px 0
                }

                    .productos-convenios > .card-body .content header h1 {
                        flex-basis: 20%;
                        line-height: 100%;
                        margin: 0;
                        padding: 0;
                        text-align: left;
                        text-transform: none;
                        font-family: overpassbold,sans-serif
                    }

                    .productos-convenios > .card-body .content header section {
                        flex-basis: 80%;
                        display: flex;
                        flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        justify-content: flex-end;
                        align-items: center
                    }

                        .productos-convenios > .card-body .content header section h3 {
                            width: auto;
                            font-size: .8rem
                        }

                .productos-convenios > .card-body .content > .tiposproductos {
                    flex: 0 0 80px;
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    flex-direction: column;
                    -moz-flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start
                }

                    .productos-convenios > .card-body .content > .tiposproductos > article {
                        flex: 1 1 30%;
                        width: 95%;
                        padding-bottom: 10px;
                        display: flex;
                        flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        flex-direction: column;
                        -moz-flex-direction: column;
                        justify-content: space-between;
                        align-items: stretch
                    }

                        .productos-convenios > .card-body .content > .tiposproductos > article > h3 {
                            flex: 0 0 25px;
                            line-height: 25px;
                            margin: 0;
                            padding: 0;
                            font-family: overpassbold,sans-serif;
                            font-size: .6rem;
                            text-transform: uppercase
                        }

                        .productos-convenios > .card-body .content > .tiposproductos > article > .modulo {
                            flex: 1 1 18%
                        }

                    .productos-convenios > .card-body .content > .tiposproductos > section {
                        width: 95%;
                        flex: 0 0 150px;
                        justify-content: center;
                        align-items: center
                    }

                    .productos-convenios > .card-body .content > .tiposproductos h3 {
                        font-family: overpasslight,sans-serif;
                        color: #595b5a;
                        font-size: .8rem;
                        text-align: center
                    }

                    .productos-convenios > .card-body .content > .tiposproductos section {
                        display: flex;
                        flex-wrap: wrap;
                        -webkit-flex-wrap: wrap
                    }

                        .productos-convenios > .card-body .content > .tiposproductos section.modulo {
                            justify-content: center;
                            align-items: center;
                            padding: 5px
                        }

                            .productos-convenios > .card-body .content > .tiposproductos section.modulo.rojo {
                                background: rgba(255,0,0,.08);
                                margin: 2px
                            }

                .productos-convenios > .card-body .content > section {
                    width: 100%;
                    display: block;
                    max-height: 460px;
                    overflow: auto;
                    flex: 1 1 70%;
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: space-between;
                    align-items: flex-start
                }

                    .productos-convenios > .card-body .content > section.columnas {
                        overflow: hidden
                    }

                    .productos-convenios > .card-body .content > section .columna-producto {
                        flex: 1 1 20%;
                        margin-left: 5px;
                        margin-top: 0;
                        margin-bottom: 0;
                        min-width: 1px;
                        display: flex;
                        flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        flex-direction: column;
                        -moz-flex-direction: column;
                        justify-content: space-between;
                        align-items: stretch
                    }

                        .productos-convenios > .card-body .content > section .columna-producto:hover .datos {
                            background-color: #f8f8f8
                        }

                            .productos-convenios > .card-body .content > section .columna-producto:hover .datos .title h1 {
                                color: #006fb9
                            }

                        .productos-convenios > .card-body .content > section .columna-producto:hover.destacado .datos {
                            background-color: #0078c8
                        }

                            .productos-convenios > .card-body .content > section .columna-producto:hover.destacado .datos .title h1 {
                                color: #fff
                            }

                        .productos-convenios > .card-body .content > section .columna-producto:first-child {
                            margin-left: 0
                        }

                        .productos-convenios > .card-body .content > section .columna-producto .datos {
                            flex: 1 1 150px;
                            display: flex;
                            flex-wrap: wrap;
                            -webkit-flex-wrap: wrap;
                            flex-direction: column;
                            -moz-flex-direction: column;
                            justify-content: flex-end;
                            align-items: stretch;
                            width: 100%
                        }

                            .productos-convenios > .card-body .content > section .columna-producto .datos .top {
                                width: 100%;
                                padding: 0 10px;
                                display: flex;
                                flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                justify-content: space-between;
                                align-items: center;
                                flex: 0 0 20px;
                                font-size: .7rem;
                                color: #aeb2af
                            }

                            .productos-convenios > .card-body .content > section .columna-producto .datos .title {
                                flex: 1 1 95px;
                                padding: 0 10px;
                                width: 100%;
                                display: flex;
                                flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                justify-content: flex-start;
                                align-items: center
                            }

                                .productos-convenios > .card-body .content > section .columna-producto .datos .title h1 {
                                    font-size: 1.5rem;
                                    text-align: left;
                                    line-height: 100%;
                                    padding: 0;
                                    margin: 0
                                }

                            .productos-convenios > .card-body .content > section .columna-producto .datos .features {
                                width: 100%;
                                flex: 0 0 25px;
                                text-align: left;
                                padding: 0 10px 5px 10px;
                                margin: 0
                            }

                                .productos-convenios > .card-body .content > section .columna-producto .datos .features p {
                                    margin: 0;
                                    padding: 0;
                                    color: #aeb2af;
                                    line-height: 13px;
                                    font-size: .7rem
                                }

                                    .productos-convenios > .card-body .content > section .columna-producto .datos .features p span {
                                        margin: 0 5px
                                    }

                            .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas {
                                flex: 1 1 25px;
                                width: 100%
                            }

                                .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas > a {
                                    cursor: pointer;
                                    font-size: .7rem;
                                    color: #595b5a;
                                    text-decoration: underline;
                                    font-weight: 700;
                                    text-align: left;
                                    width: 100%;
                                    display: block;
                                    line-height: 30px;
                                    padding: 0 10px;
                                    background-color: #e5e5e5;
                                    background-image: url(../img/svg/_lite_cambiar.svg);
                                    background-position: 98% center;
                                    background-repeat: no-repeat
                                }

                                    .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas > a:hover {
                                        background-color: #bfbfbf
                                    }

                                .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas .coberturas-detalle, .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas .coberturas-guardar {
                                    height: 0;
                                    overflow: hidden
                                }

                                .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo {
                                    flex: 0 0 180px
                                }

                                    .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo > a {
                                        background-image: url(../img/svg/_lite_error.svg)
                                    }

                                    .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle {
                                        height: 140px;
                                        overflow: auto;
                                        background: #d9d9d9;
                                        padding: 4px
                                    }

                                        .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article {
                                            margin-bottom: 20px
                                        }

                                            .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article h3 {
                                                font-family: overpassbold,sans-serif;
                                                font-size: .7rem;
                                                color: #006fb9
                                            }

                                            .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article:last-child {
                                                margin-bottom: 0
                                            }

                                            .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item {
                                                height: 35px;
                                                display: block;
                                                font-family: overpassregular,sans-serif;
                                                width: 95%;
                                                font-size: .8rem;
                                                background: #f2f2f2;
                                                text-align: left;
                                                line-height: 35px;
                                                margin-bottom: 5px;
                                                padding-left: 5px;
                                                display: flex;
                                                flex-wrap: wrap;
                                                -webkit-flex-wrap: wrap;
                                                justify-content: space-between;
                                                align-items: center;
                                                cursor: pointer
                                            }

                                                .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item h5 {
                                                    font-style: normal;
                                                    font-family: overpassbold,sans-serif;
                                                    color: #878988;
                                                    font-size: .8rem
                                                }

                                                .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item:hover {
                                                    background-color: #e5e5e5
                                                }

                                                .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item .icon {
                                                    height: 35px;
                                                    width: 35px;
                                                    display: block;
                                                    background-position: center center;
                                                    background-repeat: no-repeat;
                                                    background-size: auto 90%;
                                                    background-image: url(../img/svg/_lite_check.svg);
                                                    filter: grayscale(100%) brightness(190%);
                                                    -webkit-filter: grayscale(100%) brightness(190%)
                                                }

                                                .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item.disabled {
                                                    cursor: not-allowed
                                                }

                                                    .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item.disabled h5 {
                                                        opacity: .2
                                                    }

                                                    .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item.disabled .icon {
                                                        opacity: .4;
                                                        background-image: url(../img/svg/_lite_error.svg);
                                                        filter: grayscale(100%);
                                                        -webkit-filter: grayscale(100%)
                                                    }

                                                .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item.active h5 {
                                                    color: #595b5a
                                                }

                                                .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items .cobertura-item.active .icon {
                                                    background-image: url(../img/svg/_lite_check.svg);
                                                    filter: grayscale(0) brightness(100%);
                                                    -webkit-filter: grayscale(0) brightness(100%)
                                                }

                                            .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle article .items select.cobertura-item {
                                                -webkit-appearance: none;
                                                -moz-appearance: none;
                                                appearance: none;
                                                color: #595b5a;
                                                width: 95%;
                                                padding: 0;
                                                outline: 0;
                                                border: none;
                                                padding-left: 10px;
                                                font-family: overpassbold,sans-serif;
                                                background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC) !important;
                                                background-repeat: no-repeat;
                                                background-position: 94% center;
                                                background-size: 10px auto
                                            }

                                    .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-guardar {
                                        height: 35px;
                                        background: #f2f2f2;
                                        border-bottom: 4px solid #f2f2f2
                                    }

                                        .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-guardar .boton {
                                            height: 25px;
                                            padding: 5px;
                                            font-size: .7rem
                                        }

                                    .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-detalle, .productos-convenios > .card-body .content > section .columna-producto .datos .coberturas.activo .coberturas-guardar {
                                        display: block
                                    }

                        .productos-convenios > .card-body .content > section .columna-producto .deducibles {
                            background: #fff;
                            flex: 0 0 280px;
                            display: flex;
                            flex-wrap: wrap;
                            -webkit-flex-wrap: wrap;
                            flex-direction: column;
                            -moz-flex-direction: column;
                            justify-content: space-between;
                            align-items: center
                        }

                            .productos-convenios > .card-body .content > section .columna-producto .deducibles section {
                                padding: 3px;
                                flex: 1 1 15%;
                                display: flex;
                                flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                justify-content: flex-start;
                                align-items: stretch;
                                position: relative;
                                border-top: 2px solid #f2f2f2
                            }

                                .productos-convenios > .card-body .content > section .columna-producto .deducibles section .cuota {
                                    font-size: 1rem;
                                    flex: 0 0 85%;
                                    padding: 2px 0 2px 20px;
                                    margin: 0;
                                    text-align: left
                                }

                                    .productos-convenios > .card-body .content > section .columna-producto .deducibles section .cuota p {
                                        margin: 0;
                                        padding: 0
                                    }

                                        .productos-convenios > .card-body .content > section .columna-producto .deducibles section .cuota p span {
                                            margin-left: 10px;
                                            font-weight: 700;
                                            font-size: 1.2rem;
                                            color: #595b5a
                                        }

                                            .productos-convenios > .card-body .content > section .columna-producto .deducibles section .cuota p span::before {
                                                content: "$"
                                            }

                                        .productos-convenios > .card-body .content > section .columna-producto .deducibles section .cuota p small {
                                            color: #aeb2af
                                        }

                                .productos-convenios > .card-body .content > section .columna-producto .deducibles section .bruto {
                                    font-size: .7rem;
                                    flex: 0 0 85%;
                                    padding: 2px 0 2px 20px;
                                    margin: 0;
                                    text-align: left
                                }

                                    .productos-convenios > .card-body .content > section .columna-producto .deducibles section .bruto p {
                                        margin: 0;
                                        padding: 0
                                    }

                                        .productos-convenios > .card-body .content > section .columna-producto .deducibles section .bruto p span {
                                            margin-left: 10px;
                                            color: #aeb2af
                                        }

                                        .productos-convenios > .card-body .content > section .columna-producto .deducibles section .bruto p small {
                                            color: #aeb2af
                                        }

                                .productos-convenios > .card-body .content > section .columna-producto .deducibles section > a {
                                    cursor: pointer;
                                    display: block;
                                    position: absolute;
                                    right: 3px;
                                    top: 5%;
                                    height: 90%;
                                    width: 30px;
                                    background-color: #bfc1c0;
                                    background-image: url(../img/svg/_lite_next_arrow.svg);
                                    background-repeat: no-repeat;
                                    background-position: center center;
                                    opacity: .2;
                                    transition: all .2s ease-out
                                }

                                    .productos-convenios > .card-body .content > section .columna-producto .deducibles section > a:hover {
                                        background-color: #f3f3f3;
                                        opacity: .6
                                    }

                            .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo {
                                flex: 0 0 105px;
                                background: #a6a7a7;
                                display: flex;
                                flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                flex-direction: row;
                                -moz-flex-direction: row;
                                justify-content: space-between;
                                align-items: center;
                                padding-top: 3px;
                                box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.1);
                                -ms-box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.1);
                                z-index: 10
                            }

                                .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section {
                                    flex: 1 0 47%;
                                    height: 44px;
                                    padding-left: 0;
                                    border: none;
                                    margin: 1%;
                                    background: #e5e5e5;
                                    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
                                    -ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1)
                                }

                                    .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section .cuota {
                                        margin: 0;
                                        padding: 0 0 0 10px
                                    }

                                        .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section .cuota p {
                                            margin: 0;
                                            padding: 0
                                        }

                                            .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section .cuota p::before {
                                                content: attr(data-active);
                                                font-size: .6rem;
                                                font-weight: 700
                                            }

                                            .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section .cuota p span {
                                                font-size: .9rem;
                                                margin: 0;
                                                padding: 0;
                                                display: block
                                            }

                                            .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section .cuota p small {
                                                display: none
                                            }

                                    .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section .bruto {
                                        display: none
                                    }

                                    .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section > a {
                                        background-color: #fff;
                                        opacity: 1
                                    }

                                        .productos-convenios > .card-body .content > section .columna-producto .deducibles.activo section > a:hover {
                                            background-color: #fff;
                                            opacity: .6
                                        }

                        .productos-convenios > .card-body .content > section .columna-producto.destacado {
                            background-color: #006fb9
                        }

                            .productos-convenios > .card-body .content > section .columna-producto.destacado .top {
                                color: #6dc4ff
                            }

                            .productos-convenios > .card-body .content > section .columna-producto.destacado .title h1 {
                                color: #fff
                            }

                            .productos-convenios > .card-body .content > section .columna-producto.destacado .features p {
                                color: #6dc4ff
                            }

                            .productos-convenios > .card-body .content > section .columna-producto.destacado .coberturas > a {
                                background-color: #007ed3;
                                color: #a0d9ff;
                                background-image: url(../img/svg/_lite_cambiar_white.svg)
                            }

                                .productos-convenios > .card-body .content > section .columna-producto.destacado .coberturas > a:hover {
                                    background-color: #0075c3
                                }

                            .productos-convenios > .card-body .content > section .columna-producto.destacado .coberturas.activo > a {
                                background-image: url(../img/svg/_lite_cerrar.svg)
                            }

                            .productos-convenios > .card-body .content > section .columna-producto.destacado .deducibles {
                                background: #006fb9;
                                padding-bottom: 5px
                            }

                                .productos-convenios > .card-body .content > section .columna-producto.destacado .deducibles section {
                                    background: #fff
                                }

                                .productos-convenios > .card-body .content > section .columna-producto.destacado .deducibles .cuota span {
                                    color: #006fb9
                                }

                    .productos-convenios > .card-body .content > section .modulo-producto {
                        height: 205px;
                        cursor: pointer;
                        text-align: left;
                        position: relative;
                        transition: all .2s linear;
                        box-shadow: 0 0 15px 2px rgba(0,0,0,.1);
                        -ms-box-shadow: 0 0 15px 2px rgba(0,0,0,.1);
                        border-radius: 8px
                    }

    @media only screen and (min-width :1201px) {
        .productos-convenios > .card-body .content > section .modulo-producto {
            flex: 0 1 23%;
            margin: 1%
        }
    }

    @media only screen and (max-width :1300px) {
        .productos-convenios > .card-body .content > section .modulo-producto {
            flex: 0 1 31.2%;
            margin: 1%
        }
    }

    @media only screen and (max-width :1185px) {
        .productos-convenios > .card-body .content > section .modulo-producto {
            flex: 1 1 45%;
            margin: 1%
        }
    }

    .productos-convenios > .card-body .content > section .modulo-producto:hover {
        box-shadow: 0 0 15px 2px rgba(0,0,0,.4);
        -ms-box-shadow: 0 0 15px 2px rgba(0,0,0,.4)
    }

        .productos-convenios > .card-body .content > section .modulo-producto:hover .card-header {
            background-color: #00953a
        }

            .productos-convenios > .card-body .content > section .modulo-producto:hover .card-header > h1, .productos-convenios > .card-body .content > section .modulo-producto:hover .card-header > p {
                color: #fff
            }

            .productos-convenios > .card-body .content > section .modulo-producto:hover .card-header .dropdown {
                border-left: 2px solid #006226
            }

                .productos-convenios > .card-body .content > section .modulo-producto:hover .card-header .dropdown > a i {
                    filter: grayscale(100%) brightness(120%);
                    -webkit-filter: grayscale(100%) brightness(120%)
                }

    .productos-convenios > .card-body .content > section .modulo-producto a.full {
        position: absolute;
        display: block;
        height: 100%;
        width: calc(100% - 30px);
        z-index: 100
    }

    .productos-convenios > .card-body .content > section .modulo-producto .card-header {
        border-radius: 8px 8px 0 0;
        padding: 5px 10px;
        position: relative;
        background-color: #f2f2f2;
        height: 75px;
        transition: all .2s linear;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center
    }

        .productos-convenios > .card-body .content > section .modulo-producto .card-header > h1 {
            font-size: 1rem;
            line-height: 95%;
            font-family: overpassbold,sans-serif;
            padding: 0 25px 0 0;
            margin: 0;
            flex-basis: 100%
        }

        .productos-convenios > .card-body .content > section .modulo-producto .card-header > p {
            font-size: .8rem;
            text-transform: none;
            font-family: overpassregular,sans-serif;
            padding: 0;
            margin: 0;
            flex-basis: 100%
        }

        .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown {
            transition: border-left .2s linear;
            position: absolute;
            top: 10%;
            right: 0;
            height: 100%;
            width: 30px;
            height: 80%;
            border-left: 2px solid #d9d9d9
        }

            .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown .dropdown-menu {
                box-shadow: 0 0 15px 2px rgba(0,0,0,.4);
                -ms-box-shadow: 0 0 15px 2px rgba(0,0,0,.4);
                border: none
            }

                .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown .dropdown-menu .dropdown-header {
                    font-size: .7rem
                }

                .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown .dropdown-menu .dropdown-item {
                    text-transform: none;
                    font-family: overpassregular,sans-serif;
                    font-size: 1.1rem
                }

                    .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown .dropdown-menu .dropdown-item:hover {
                        background-color: #00953a;
                        color: #fff
                    }

            .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown > a {
                display: block;
                width: 100%;
                height: 100%;
                position: absolute
            }

                .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown > a:hover i {
                    opacity: .5;
                    filter: grayscale(100%);
                    -webkit-filter: grayscale(100%)
                }

                .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown > a > i {
                    opacity: 1;
                    height: 100%;
                    width: 100%;
                    margin: 0;
                    padding: 0;
                    filter: grayscale(100%) brightness(70%);
                    -webkit-filter: grayscale(100%) brightness(70%)
                }

                .productos-convenios > .card-body .content > section .modulo-producto .card-header .dropdown > a::after {
                    display: none
                }

    .productos-convenios > .card-body .content > section .modulo-producto .card-footer {
        border-radius: 0 0 8px 8px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-end;
        align-content: space-between;
        -webkit-align-content: space-between;
        -moz-align-content: space-between;
        -ms-align-content: space-between;
        height: 120px;
        padding: 5px 10px
    }

        .productos-convenios > .card-body .content > section .modulo-producto .card-footer article {
            width: 100%;
            display: block
        }

            .productos-convenios > .card-body .content > section .modulo-producto .card-footer article p {
                display: block;
                text-align: left;
                width: 100%;
                padding: 0;
                margin: 0;
                font-family: Arial,sans-serif;
                font-size: .7rem;
                line-height: 130%;
                color: #aeb2af
            }

            .productos-convenios > .card-body .content > section .modulo-producto .card-footer article h3 {
                text-transform: uppercase;
                font-size: 1.6rem;
                width: 100%;
                position: relative;
                border-bottom: 5px solid #f2f2f2;
                margin: 0 0 25px 0;
                padding: 0;
                font-family: overpassbold,sans-serif
            }

                .productos-convenios > .card-body .content > section .modulo-producto .card-footer article h3 span {
                    position: absolute;
                    right: 0;
                    top: 0;
                    font-size: .8rem;
                    width: 50%;
                    text-align: right
                }

            .productos-convenios > .card-body .content > section .modulo-producto .card-footer article h2 {
                text-transform: uppercase;
                font-size: 1.6rem;
                border: none;
                color: #ef3742;
                font-family: overpassbold,sans-serif;
                width: 100%;
                position: relative;
                padding: 0;
                margin: 0;
                position: relative
            }

                .productos-convenios > .card-body .content > section .modulo-producto .card-footer article h2 span {
                    width: 50%;
                    position: absolute;
                    right: 0;
                    top: 0;
                    margin: 0 2px;
                    font-size: .8rem;
                    text-align: right
                }

                .productos-convenios > .card-body .content > section .modulo-producto .card-footer article h2 + h3 {
                    margin: 0;
                    border-bottom: none;
                    border-top: 5px solid #f2f2f2;
                    padding-top: 5px;
                    font-size: 1rem;
                    font-weight: 400
                }

                    .productos-convenios > .card-body .content > section .modulo-producto .card-footer article h2 + h3 span {
                        font-size: .8rem
                    }

    .productos-convenios > .card-footer {
        box-shadow: 0 0 15px 2px rgba(0,0,0,.1);
        -ms-box-shadow: 0 0 15px 2px rgba(0,0,0,.1)
    }

        .productos-convenios > .card-footer.pasos {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: center
        }

    .dragdrop {
        padding: 0;
        width: 98%;
        margin: 0 auto 0
    }

        .dragdrop > div {
            padding: 0
        }

        .dragdrop small {
            font-family: overpassregular,sans-serif;
            color: #595b5a;
            margin-top: 10px;
            margin-left: 18px;
            display: block;
            padding: 0 0 0 43px;
            width: 100%;
            position: relative;
            height: 22px;
            opacity: .8
        }

            .dragdrop small::before {
                background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC) !important;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: auto 15px;
                display: inline-block;
                content: "";
                width: 22px;
                opacity: .3;
                height: 22px;
                position: absolute;
                top: -1px;
                left: 2px
            }

        .dragdrop ol {
            display: block;
            width: 100%;
            position: relative;
            margin: 10px 0;
            list-style: none;
            counter-reset: li;
            padding: 0 0 0 18px
        }

            .dragdrop ol li.placeholder {
                background-color: #006fb9;
                z-index: 1000;
                border-radius: 2px;
                height: 2px;
                list-style: none;
                counter-increment: 0
            }

                .dragdrop ol li.placeholder::before {
                    display: none
                }

            .dragdrop ol li.dragged {
                z-index: 1001;
                position: absolute;
                counter-increment: 0
            }

                .dragdrop ol li.dragged .checkbox-simple {
                    opacity: .5
                }

                .dragdrop ol li.dragged::before {
                    background-color: #006fb9;
                    display: none
                }

            .dragdrop ol li {
                width: 100%;
                margin-bottom: 10px;
                counter-increment: li;
                position: relative
            }

                .dragdrop ol li::before {
                    content: counter(li);
                    display: inline-block;
                    height: 25px;
                    width: 25px;
                    background-color: #595b5a;
                    color: #fff;
                    text-align: center;
                    border-radius: 100%;
                    font-size: 1rem;
                    vertical-align: middle;
                    position: absolute;
                    left: 0;
                    top: 6px
                }

                .dragdrop ol li .checkbox-simple {
                    width: 100%;
                    padding-left: 0
                }

                    .dragdrop ol li .checkbox-simple:focus {
                        background-color: red
                    }

                    .dragdrop ol li .checkbox-simple input:checked + label {
                        color: #595b5a
                    }

                    .dragdrop ol li .checkbox-simple label {
                        margin-left: 8%;
                        pointer-events: auto;
                        color: #d5d7d6
                    }

                        .dragdrop ol li .checkbox-simple label span {
                            font-size: 1rem;
                            line-height: 120%
                        }

    .lista-switch {
        width: 100%;
        box-shadow: none !important;
        min-height: 0
    }

        .lista-switch.clear ul li {
            background: 0 0;
            border-radius: 0;
            border-bottom: 1px solid rgba(174,178,175,.2);
            padding-bottom: 5px;
            margin-bottom: 10px;
            justify-content: space-between;
            align-items: flex-start
        }

        .lista-switch.largo ul li {
            padding-left: 3px
        }

            .lista-switch.largo ul li .switch {
                flex: 0 1 100px
            }

        .lista-switch h4 {
            color: #006fb9
        }

        .lista-switch ul {
            margin: 0;
            padding: 0
        }

            .lista-switch ul li {
                margin: 0 0 8px 0;
                padding: 0 15px 0 15px;
                background: #fff;
                border-radius: 10px;
                list-style: none;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                flex-direction: row-reverse;
                -moz-flex-direction: row-reverse
            }

                .lista-switch ul li span {
                    font-family: overpassregular,sans-serif;
                    font-size: .8rem;
                    color: #595b5a;
                    flex: 1 1 45%
                }

                .lista-switch ul li .switch {
                    flex: 1 1 50%;
                    min-width: 0
                }

    .convenios-editables {
        width: 100%;
        padding: 0
    }

        .convenios-editables .checkbox label::after {
            left: -105%;
            text-align: right;
            width: 70px;
            padding: 0;
            top: 2px
        }

        .convenios-editables > .card-body {
            margin: 0;
            padding: 0
        }

        .convenios-editables .card-footer {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-end;
            align-items: center
        }

            .convenios-editables .card-footer .boton {
                max-width: 300px
            }

    .caracteristicas {
        box-shadow: none !important;
        width: 100%
    }

        .caracteristicas .card-body {
            background: 0 0;
            padding: 0 10px 0 10px
        }

            .caracteristicas .card-body h4 {
                margin-top: 10px;
                margin-bottom: 20px;
                font-size: .8rem;
                font-weight: 700;
                text-align: center
            }

            .caracteristicas .card-body .datos {
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                font-family: overpassregular,sans-serif;
                padding: 8px;
                border-top: 5px solid #00953a;
                margin-bottom: 10px
            }

                .caracteristicas .card-body .datos .valor {
                    flex: 2 0 50%;
                    font-size: 2rem;
                    color: #00953a
                }

                    .caracteristicas .card-body .datos .valor u {
                        text-decoration: none;
                        font-size: 1rem;
                        color: #aeb2af
                    }

                        .caracteristicas .card-body .datos .valor u::after {
                            content: " · "
                        }

                .caracteristicas .card-body .datos .uf {
                    flex: 1 0 50%;
                    font-size: 1.5rem;
                    color: #00953a;
                    text-align: right
                }

                    .caracteristicas .card-body .datos .uf u {
                        text-decoration: none;
                        font-size: .9rem;
                        color: #aeb2af
                    }

                        .caracteristicas .card-body .datos .uf u::after {
                            content: " · "
                        }

                .caracteristicas .card-body .datos .cuota {
                    flex: 2 0 50%;
                    font-size: .9rem
                }

    .ie .caracteristicas .card-body .datos .cuota {
        font-size: .8rem
    }

    .caracteristicas .card-body .datos .cuota u {
        text-decoration: none;
        color: #aeb2af
    }

        .caracteristicas .card-body .datos .cuota u::after {
            content: " · "
        }

    .caracteristicas .card-body .datos .vigencia {
        flex: 1 0 50%;
        font-size: .9rem;
        text-align: right
    }

    .ie .caracteristicas .card-body .datos .vigencia {
        font-size: .8rem
    }

    .caracteristicas .card-body .datos .vigencia u {
        text-decoration: none;
        color: #aeb2af
    }

        .caracteristicas .card-body .datos .vigencia u::after {
            content: " · "
        }

    .caracteristicas .card-body .propiedades {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 5px 0 0 0
    }

        .caracteristicas .card-body .propiedades .propiedad {
            display: block;
            height: auto;
            flex: 1 1 30%;
            text-align: center;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: center;
            align-items: center
        }

            .caracteristicas .card-body .propiedades .propiedad figure {
                display: inline-block;
                margin: 0;
                padding: 0;
                background-color: #006fb9;
                width: 80px;
                height: 80px;
                border-radius: 50%;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: center;
                align-items: center
            }

    .ie .caracteristicas .card-body .propiedades .propiedad figure {
        background-color: #f2f2f2
    }

    @media only screen and (max-width :800px) {
        .caracteristicas .card-body .propiedades .propiedad figure {
            width: 50px;
            height: 50px
        }
    }

    .caracteristicas .card-body .propiedades .propiedad figure img {
        filter: brightness(600%);
        -webkit-filter: brightness(600%);
        width: 71%;
        height: auto
    }

    .caracteristicas .card-body .propiedades .propiedad p {
        height: 30px;
        padding: 4px;
        text-transform: uppercase;
        font-size: .7rem;
        width: 80%;
        border-radius: 10px;
        display: inline-block
    }

    @media only screen and (max-width :800px) {
        .caracteristicas .card-body .propiedades .propiedad p {
            font-size: .55rem;
            width: 90%
        }
    }

    .modulo-estadisticas {
        position: relative;
        margin-bottom: 150px
    }

        .modulo-estadisticas .card-footer.flotante {
            background: 0 0
        }

            .modulo-estadisticas .card-footer.flotante .modulo-pendientes {
                flex: 48%;
                background: #333434;
                border-radius: 3px;
                margin: 1%;
                text-align: left;
                padding: 5px 5px 5px 15px;
                position: relative
            }

                .modulo-estadisticas .card-footer.flotante .modulo-pendientes .barra {
                    border-radius: 3px 0 0 3px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 6px;
                    height: 100%
                }

                    .modulo-estadisticas .card-footer.flotante .modulo-pendientes .barra.positivo {
                        background-color: #00953a
                    }

                    .modulo-estadisticas .card-footer.flotante .modulo-pendientes .barra.negativo {
                        background-color: #ef3742
                    }

                .modulo-estadisticas .card-footer.flotante .modulo-pendientes h4 {
                    color: #fff;
                    font-size: 2.3rem
                }

                .modulo-estadisticas .card-footer.flotante .modulo-pendientes h5 {
                    color: #fff;
                    font-size: .9rem
                }

    .login-especial .card-body {
        padding-top: 30px
    }

    .login-especial .nav-pills {
        position: absolute;
        bottom: -20px;
        left: 17px
    }

        .login-especial .nav-pills ~ h1 {
            margin-bottom: 30px
        }

    .login-especial .boton#login-boton {
        width: 160px
    }

    @media only screen and (max-width :576px) {
        .login-especial .boton#login-boton {
            width: 110px
        }
    }

    .login-especial .boton.nav-link {
        background-color: #fafafa;
        width: 140px;
        text-align: left;
        position: relative;
        border-radius: 2px;
        box-shadow: 0 -2px 9px 0 rgba(0,0,0,.2);
        -ms-box-shadow: 0 -2px 9px 0 rgba(0,0,0,.2);
        transition: all .2s linear
    }

        .login-especial .boton.nav-link i {
            position: absolute;
            right: 1%;
            top: 0;
            height: 100%;
            width: 25%;
            background-position: center center;
            background-image: url(../img/svg/_lite_checkoff.svg)
        }

        .login-especial .boton.nav-link:active, .login-especial .boton.nav-link:focus, .login-especial .boton.nav-link:hover {
            color: #595b5a
        }

        .login-especial .boton.nav-link.active {
            background: #fff;
            color: #006fb9;
            font-family: overpasssemibold,sans-serif
        }

            .login-especial .boton.nav-link.active i {
                background-image: url(../img/svg/_lite_check.svg);
                filter: grayscale(0);
                -webkit-filter: grayscale(0);
                opacity: 1
            }

    @media only screen and (max-width :576px) {
        .login-especial .boton.nav-link {
            width: 110px;
            font-size: .7rem
        }
    }

    .archivo-imagen {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #d9d9d9;
        border-radius: 5px;
        padding: 10px;
        min-height: 80px;
        max-height: 220px;
        position: relative;
        overflow: hidden;
        margin-bottom: 30px
    }

        .archivo-imagen::before {
            content: attr(data-title);
            font-family: overpassbold,sans-serif;
            color: #f2f2f2;
            text-transform: uppercase;
            font-size: 2rem;
            z-index: 1;
            width: 100%;
            display: block;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

        .archivo-imagen a.borrar-imagen {
            position: absolute;
            right: 10px;
            bottom: 10px;
            height: 25px;
            font-family: overpasssemibold,sans-serif;
            color: #f2f2f2;
            font-size: .8rem;
            color: #fff;
            z-index: 10;
            border-radius: 4px;
            line-height: 25px;
            padding: 0 10px;
            background: #595b5a;
            text-transform: uppercase;
            cursor: pointer;
            display: none
        }

            .archivo-imagen a.borrar-imagen:hover {
                background: #404141;
                color: #fff
            }

        .archivo-imagen img {
            display: inline-block;
            z-index: 2;
            height: auto;
            width: 80%
        }

            .archivo-imagen img + a.borrar-imagen {
                display: block
            }

    .listaProductos {
        margin: 0;
        padding: 0
    }

        .listaProductos > header {
            padding: 4px 13px;
            background-color: #e4e4e4;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: center
        }

            .listaProductos > header h3 {
                margin: 0;
                color: #006fb9;
                font-family: overpasssemibold,sans-serif;
                font-size: .9rem;
                flex: 1 1 40%;
                -moz-flex: 1 1 40%;
                flex: 1 1 40%;
                -webkit-flex: 1 1 40%;
                -moz-flex: 1 1 40%;
                -ms-flex: 1 1 40%
            }

            .listaProductos > header .formularios {
                flex: 1 1 20%;
                -moz-flex: 1 1 20%;
                flex: 1 1 20%;
                -webkit-flex: 1 1 20%;
                -moz-flex: 1 1 20%;
                -ms-flex: 1 1 20%;
                margin: 0 3px;
                padding: 0
            }

            .listaProductos > header .boton {
                flex: 1 1 10%;
                -moz-flex: 1 1 10%;
                flex: 1 1 10%;
                -webkit-flex: 1 1 10%;
                -moz-flex: 1 1 10%;
                -ms-flex: 1 1 10%
            }

        .listaProductos .productos {
            padding: 10px;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            background-color: #ededed;
            height: 330px;
            box-shadow: inset 0 0 10px 0 rgba(0,0,0,.2);
            -ms-box-shadow: inset 0 0 10px 0 rgba(0,0,0,.2);
            overflow-x: hidden;
            overflow-y: auto
        }

            .listaProductos .productos .modulo {
                height: 195px;
                position: relative;
                background: 0 0 !important;
                flex: 0 0 30%;
                -moz-flex: 0 0 30%;
                flex: 0 0 30%;
                -webkit-flex: 0 0 30%;
                -moz-flex: 0 0 30%;
                -ms-flex: 0 0 30%;
                margin: 0 5px 20px
            }

                .listaProductos .productos .modulo.active .adelante {
                    z-index: 0;
                    opacity: 0;
                    transform: rotateY(180deg) translateZ(-10px);
                    box-shadow: 0 1px 2px 0 transparent;
                    -ms-box-shadow: 0 1px 2px 0 transparent
                }

                .listaProductos .productos .modulo.active .atras {
                    z-index: 1;
                    opacity: 1;
                    transform: rotateY(0) translateZ(10px);
                    box-shadow: 0 1px 12px 0 rgba(0,0,0,.3);
                    -ms-box-shadow: 0 1px 12px 0 rgba(0,0,0,.3)
                }

                .listaProductos .productos .modulo .adelante {
                    z-index: 1;
                    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
                    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
                    border-radius: 5px;
                    background: #fff;
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    transition: all .3s linear
                }

                    .listaProductos .productos .modulo .adelante h1, .listaProductos .productos .modulo .adelante h2 {
                        font-size: 1rem;
                        border: none;
                        text-align: center;
                        width: 100%;
                        padding: 0
                    }

                    .listaProductos .productos .modulo .adelante .header {
                        text-align: center;
                        height: 60px;
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        justify-content: center;
                        align-items: center;
                        align-content: center;
                        -webkit-align-content: center;
                        -moz-align-content: center;
                        -ms-align-content: center
                    }

                        .listaProductos .productos .modulo .adelante .header h1 {
                            font-family: overpasslight,sans-serif;
                            color: #006fb9;
                            margin: 0;
                            padding: 0 5px;
                            font-size: .8rem
                        }

                            .listaProductos .productos .modulo .adelante .header h1 strong {
                                display: block;
                                font-family: overpassbold,sans-serif
                            }

                    .listaProductos .productos .modulo .adelante .body {
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        justify-content: center;
                        align-items: center;
                        align-content: center;
                        -webkit-align-content: center;
                        -moz-align-content: center;
                        -ms-align-content: center;
                        height: 90px;
                        background-color: #006fb9
                    }

                        .listaProductos .productos .modulo .adelante .body h2 {
                            color: #fff;
                            font-family: overpasslight,sans-serif;
                            font-size: 1.7rem;
                            font-style: normal;
                            margin-bottom: 0
                        }

                        .listaProductos .productos .modulo .adelante .body h5 {
                            width: 100%;
                            color: #fff;
                            font-style: normal;
                            font-size: .7rem;
                            text-align: center;
                            margin: 0 0 10px 0;
                            padding: 0
                        }

                        .listaProductos .productos .modulo .adelante .body a {
                            color: rgba(255,255,255,.6);
                            font-size: .7rem;
                            text-decoration: underline;
                            cursor: pointer
                        }

                    .listaProductos .productos .modulo .adelante .footer {
                        text-align: center;
                        padding: 6px 0
                    }

                .listaProductos .productos .modulo .atras {
                    cursor: pointer;
                    background-image: url(../img/svg/_lite_cerrar.svg);
                    background-position: center bottom;
                    background-size: 35px auto;
                    background-repeat: no-repeat;
                    z-index: 0;
                    border-radius: 5px;
                    transform: rotateY(180deg) translateX(-10px);
                    box-shadow: 0 1px 2px 0 transparent;
                    -ms-box-shadow: 0 1px 2px 0 transparent;
                    background-color: #006fb9;
                    transition: all .3s linear;
                    opacity: 0;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    padding: 10px;
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    align-content: center;
                    -webkit-align-content: center;
                    -moz-align-content: center;
                    -ms-align-content: center
                }

                    .listaProductos .productos .modulo .atras h1, .listaProductos .productos .modulo .atras p {
                        color: #fff
                    }

                    .listaProductos .productos .modulo .atras p {
                        text-align: center;
                        font-family: overpasslight,sans-serif;
                        font-size: .7rem;
                        line-height: 1.1
                    }

                    .listaProductos .productos .modulo .atras h1 {
                        font-weight: 300;
                        margin: 0 0 10px 0;
                        padding: 0 5px;
                        font-size: .7rem
                    }

                        .listaProductos .productos .modulo .atras h1 strong {
                            display: block;
                            font-family: overpassbold,sans-serif
                        }

    .barrauf {
        background-color: #e5e5e5;
        width: 225px;
        margin: 0;
        padding: 1px;
        border-radius: 20px;
        position: absolute;
        right: 10px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

        .barrauf span {
            font-size: .9rem;
            padding: 3px;
            color: #909090;
            text-align: center;
            flex: 1
        }

        .barrauf .negro23 {
            text-align: center;
            flex: 1;
            color: #595b5a !important;
            font-family: overpassbold,sans-serif
        }

    .corredorIcono {
        border-radius: calc($iconH/2) calc($iconH/2) 2px calc($iconH/2);
        text-align: center;
        line-height: 20px;
        background-color: gold;
        width: 20px;
        display: inline-block;
        height: 20px;
        margin-right: 5px;
        font-size: .7rem;
        font-family: overpassbold,sans-serif
    }

        .corredorIcono.iconoP {
            border-radius: 10px 10px 10px 10px;
            color: #fff;
            text-indent: 0 !important
        }

            .corredorIcono.iconoP.puntoazul {
                background-color: #006fb9 !important
            }

            .corredorIcono.iconoP.puntoverde {
                background-color: #00953a
            }

            .corredorIcono.iconoP.puntoceleste {
                background-color: #0071ce
            }

        .corredorIcono.botonbarra {
            background-color: #00953a;
            display: inline-block;
            width: 110px !important;
            height: 24px !important;
            border-radius: 4px 4px 4px 4px !important;
            line-height: 27px !important;
            font-size: .7rem;
            font-family: overpassbold,sans-serif;
            color: #fff;
            cursor: pointer
        }

    .barracotizaEstado {
        margin: 10px 0 0;
        padding: 0;
        display: block;
        position: relative;
        height: 30px
    }

        .barracotizaEstado ul {
            width: 100%;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            height: 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            border-radius: 20px;
            background: #006fb9;
            z-index: 0
        }

            .barracotizaEstado ul.bg-grisclaro {
                background-color: #aeb2af
            }

            .barracotizaEstado ul.bg-gris {
                background-color: #595b5a
            }

            .barracotizaEstado ul.bg-verde {
                background-color: #00953a
            }

            .barracotizaEstado ul.bg-amarillo {
                background-color: gold
            }

            .barracotizaEstado ul.bg-rojo {
                background-color: #ef3742
            }

            .barracotizaEstado ul.bg-morado {
                background-color: #9c67d2
            }

            .barracotizaEstado ul.bg-mostaza {
                background-color: #d7b401
            }

            .barracotizaEstado ul.bg-verdeClaroOscuro {
                background-color: #028b38
            }

            .barracotizaEstado ul.bg-verdeOscuro {
                background-color: #02742f
            }

            .barracotizaEstado ul li {
                z-index: 10;
                list-style: none
            }

                .barracotizaEstado ul li a {
                    text-decoration: none;
                    padding: 0 12px;
                    height: 30px;
                    min-width: 30px;
                    line-height: calc($alturaSteps + 4px);
                    font-family: overpassbold,sans-serif;
                    font-size: .8rem;
                    text-align: center;
                    display: block;
                    border-radius: calc($alturaSteps/2);
                    color: #fff !important
                }

                .barracotizaEstado ul li .gris {
                    color: rgba(255,255,255,.4) !important
                }

                .barracotizaEstado ul li .grisoscuro {
                    color: #484848 !important
                }

    .info-toggle {
        display: none
    }

        .info-toggle.active {
            width: 100%;
            display: block
        }

            .info-toggle.active input[type=text], .info-toggle.active select, .info-toggle.active textarea {
                background-color: #f2f2f2 !important
            }

            .info-toggle.active > .interactive {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: center
            }

    .contenido-calendario {
        flex: 1;
        margin-left: 10px
    }

        .contenido-calendario header .titulares {
            flex: 1 1 30% !important;
            margin: 0
        }

        .contenido-calendario header .boton {
            flex: 0 0 180px
        }

        .contenido-calendario .pestanas ul li {
            border-top: none !important;
            height: 36px !important;
            line-height: 36px !important;
            position: relative;
            padding-right: 32px !important
        }

            .contenido-calendario .pestanas ul li span.notificacion {
                height: 18px;
                width: 18px;
                border-radius: 9px;
                display: inline-block;
                position: absolute;
                top: 9px;
                right: 6px;
                color: #fff;
                font-family: overpassregular,sans-serif;
                font-size: .7rem;
                text-align: center;
                line-height: 18px
            }

    .win .contenido-calendario .pestanas ul li span.notificacion {
        line-height: 20px
    }

    .contenido-calendario .pestanas ul li span.notificacion.celeste {
        background-color: #0071ce
    }

    .contenido-calendario .pestanas ul li span.notificacion.rosado {
        background-color: #f25774
    }

    .contenido-calendario .pestanas ul li span.notificacion.morado {
        background-color: #9c67d2
    }

    .contenido-calendario .pestanas ul li span.notificacion.mostaza {
        background-color: #d7b401
    }

    .contenido-calendario .pestanas ul li span.notificacion.azul {
        background-color: #006fb9
    }

    .contenido-calendario .pestanas ul li span.notificacion.rojo {
        background-color: #ef3742
    }

    .contenido-calendario .pestanas ul li span.notificacion.verde {
        background-color: #00953a
    }

    .contenido-calendario .pestanas ul li span.notificacion.gris {
        background-color: #595b5a
    }

    .modal-calendario {
        flex: 0 0 360px;
        display: block;
        height: 86%;
        margin-right: 5px;
        justify-content: center;
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        overflow: auto;
        background-color: #fff
    }

        .modal-calendario::-webkit-scrollbar {
            width: 12px !important
        }

        .modal-calendario::-webkit-scrollbar-track {
            box-shadow: inset 0 0 1px #888 !important;
            border-radius: 22px !important
        }

        .modal-calendario::-webkit-scrollbar-thumb {
            background: #9c67d2 !important;
            border-radius: 22px !important
        }

            .modal-calendario::-webkit-scrollbar-thumb:hover {
                background: #ef3742 !important
            }

        .modal-calendario .calendario-actual {
            width: 100%;
            height: 65%;
            max-height: 400px;
            background: #fff;
            align-items: center;
            flex: 1 1 auto;
            padding: 3%;
            position: relative
        }

        .modal-calendario .calendario-pasado {
            width: 100%;
            height: 65%;
            max-height: 400px;
            background: #f5f5f5;
            align-items: center;
            flex: 1 1 auto;
            padding: 3%
        }

    .w70 {
        max-width: 1290px;
        width: 70% !important;
        display: block
    }

    .cabecezaEspecial {
        min-height: 0 !important
    }

        .cabecezaEspecial h2 {
            color: #9c67d2;
            border-left: 0
        }

    .cabeceza {
        min-height: 0 !important
    }

        .cabeceza h2 {
            border-left: 0
        }

        .cabeceza.celeste h2 {
            color: #0071ce
        }

        .cabeceza.rosado h2 {
            color: #f25774
        }

        .cabeceza.morado h2 {
            color: #9c67d2
        }

        .cabeceza.mostaza h2 {
            color: #d7b401
        }

        .cabeceza.azul h2 {
            color: #006fb9
        }

        .cabeceza.rojo h2 {
            color: #ef3742
        }

        .cabeceza.verde h2 {
            color: #00953a
        }

        .cabeceza.gris h2 {
            color: #595b5a
        }

    .modal-calendario .datepicker-days .table-condensed thead tr .prev {
        visibility: hidden !important
    }

    .modal-calendario .datepicker-days .table-condensed thead tr .next {
        visibility: hidden !important
    }

    .modal-calendario .datepicker-days .table-condensed thead tr th {
        cursor: default;
        pointer-events: none
    }

        .modal-calendario .datepicker-days .table-condensed thead tr th:hover {
            background-color: rgba(255,255,255,0)
        }

    .modal-calendario .datepicker table tr td {
        border-radius: 25% !important;
        color: #9c67d2;
        padding: .9rem !important;
        line-height: 1 !important
    }

    .modal-calendario .datepicker table tr th {
        border-radius: 25% !important;
        color: #9c67d2;
        padding: .9rem !important;
        line-height: 1 !important
    }

    .modal-calendario .datepicker table tr td.old {
        opacity: .2;
        pointer-events: none
    }

    .modal-calendario .datepicker table tr td.new {
        opacity: .2;
        pointer-events: none
    }

    .modal-calendario .datepicker table tr td.today {
        color: #fff;
        background-color: #f25774 !important;
        border-radius: 25%
    }

    .modal-calendario .datepicker table tr td.active:active {
        background-color: #9c67d2 !important
    }

    .modal-calendario .datepicker table tr td.active.highlighted:active {
        background-color: #9c67d2 !important
    }

    .modal-calendario .datepicker table tr td.active.active {
        background-color: #9c67d2 !important
    }

    .modal-calendario .datepicker table tr td.active.highlighted.active {
        background-color: #9c67d2 !important
    }

    .modal-calendario .datepicker table tr td.event {
        position: relative
    }

        .modal-calendario .datepicker table tr td.event .event-flag {
            position: absolute;
            top: 5px;
            left: 10%;
            min-height: 4px;
            width: 80%;
            display: block;
            justify-content: center;
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap
        }

            .modal-calendario .datepicker table tr td.event .event-flag .dot {
                width: 4px;
                height: 4px;
                border-radius: 2px;
                display: block;
                margin: 0 2px 2px 0
            }

                .modal-calendario .datepicker table tr td.event .event-flag .dot:last-child {
                    margin: 0 0 2px 0
                }

                .modal-calendario .datepicker table tr td.event .event-flag .dot.celeste {
                    background-color: #0071ce
                }

                .modal-calendario .datepicker table tr td.event .event-flag .dot.rosado {
                    background-color: #f25774
                }

                .modal-calendario .datepicker table tr td.event .event-flag .dot.morado {
                    background-color: #9c67d2
                }

                .modal-calendario .datepicker table tr td.event .event-flag .dot.mostaza {
                    background-color: #d7b401
                }

                .modal-calendario .datepicker table tr td.event .event-flag .dot.azul {
                    background-color: #006fb9
                }

                .modal-calendario .datepicker table tr td.event .event-flag .dot.rojo {
                    background-color: #ef3742
                }

                .modal-calendario .datepicker table tr td.event .event-flag .dot.verde {
                    background-color: #00953a
                }

                .modal-calendario .datepicker table tr td.event .event-flag .dot.gris {
                    background-color: #595b5a
                }

        .modal-calendario .datepicker table tr td.event.active .dot.azul, .modal-calendario .datepicker table tr td.event.active .dot.celeste, .modal-calendario .datepicker table tr td.event.active .dot.gris, .modal-calendario .datepicker table tr td.event.active .dot.morado, .modal-calendario .datepicker table tr td.event.active .dot.mostaza, .modal-calendario .datepicker table tr td.event.active .dot.rojo, .modal-calendario .datepicker table tr td.event.active .dot.rosado, .modal-calendario .datepicker table tr td.event.active .dot.verde, .modal-calendario .datepicker table tr td.event.today .dot.azul, .modal-calendario .datepicker table tr td.event.today .dot.celeste, .modal-calendario .datepicker table tr td.event.today .dot.gris, .modal-calendario .datepicker table tr td.event.today .dot.morado, .modal-calendario .datepicker table tr td.event.today .dot.mostaza, .modal-calendario .datepicker table tr td.event.today .dot.rojo, .modal-calendario .datepicker table tr td.event.today .dot.rosado, .modal-calendario .datepicker table tr td.event.today .dot.verde {
            background-color: #fff
        }

        .modal-calendario .datepicker table tr td.event.new .event-flag, .modal-calendario .datepicker table tr td.event.old .event-flag {
            display: none
        }

    .modal-calendario .open > .dropdown-toggle.datepicker table tr td.active {
        background-color: #9c67d2 !important
    }

        .modal-calendario .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
            background-color: #9c67d2 !important
        }

    .modal-calendario .datepicker {
        width: 100% !important;
        max-width: 100% !important
    }

        .modal-calendario .datepicker .datepicker-days {
            width: 100%
        }

            .modal-calendario .datepicker .datepicker-days .table-condensed {
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                align-content: center
            }

                .modal-calendario .datepicker .datepicker-days .table-condensed tbody {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    align-content: center
                }

                    .modal-calendario .datepicker .datepicker-days .table-condensed tbody tr {
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                        align-content: center
                    }

                        .modal-calendario .datepicker .datepicker-days .table-condensed tbody tr td {
                            display: flex;
                            flex-direction: row;
                            justify-content: center;
                            align-items: center;
                            align-content: center;
                            border-radius: 14px;
                            box-sizing: border-box;
                            padding: 0 !important;
                            height: 48px !important;
                            width: 48px !important;
                            max-width: 48px !important;
                            min-width: 48px !important;
                            max-height: 48px !important;
                            min-height: 48px !important
                        }

    .error-page {
        width: 100%;
        display: block;
        height: 100%;
        color: #fff;
        margin-right: 10px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center
    }

        .error-page .error-page-content {
            margin-top: 4%;
            width: 48%;
            margin-right: 10px;
            text-align: center
        }

            .error-page .error-page-content h1 {
                font-size: 3.5rem;
                color: #595b5a;
                font-weight: 1000;
                line-height: 1 !important
            }

            .error-page .error-page-content h3 {
                font-size: 2.3rem;
                color: #595b5a;
                font-weight: 1000;
                line-height: 1 !important
            }

            .error-page .error-page-content h4 {
                font-size: 1rem;
                color: #595b5a !important;
                font-weight: 500
            }

                .error-page .error-page-content h4 a {
                    color: #595b5a !important
                }

                    .error-page .error-page-content h4 a :link {
                        color: #595b5a !important
                    }

                    .error-page .error-page-content h4 a :hover {
                        text-decoration: underline;
                        color: #595b5a !important
                    }

    #listadoUsuario table tr.cumple td {
        color: #9c67d2 !important
    }

    #listadoUsuario table tr td.cumple:first-child, #listadoUsuario table tr th.cumple:first-child {
        text-align: left !important;
        background-color: #9c67d2;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0 !important;
        height: 20px !important;
        width: 20px !important;
        max-width: 24px !important;
        min-width: 24px !important;
        max-height: 37px !important;
        min-height: 37px !important;
        color: #9c67d2
    }

    #listadoUsuario table tr td.cumple i, #listadoUsuario table tr th.cumple i {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0 !important;
        height: 20px !important;
        width: 20px !important;
        max-width: 24px !important;
        min-width: 24px !important;
        max-height: 37px !important;
        min-height: 37px !important;
        color: #9c67d2
    }

    .bci-icon {
        display: inline-block;
        margin: 0;
        width: 22px;
        background: center center no-repeat;
        background-size: 100% auto;
        height: 22px;
        opacity: 1 !important;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%)
    }

        .bci-icon.cumpleano {
            background-image: url(../img/svg/icono-cumpleano.svg);
            background-size: 60% auto !important
        }

    h2 {
        font-size: 1.1rem;
        padding: 0 3px;
        margin: 3px 0 6px 5px;
        display: block;
        color: #00953a;
        font-style: normal;
        font-family: overpassregular,sans-serif;
        border-left: 3px solid #00953a;
        padding-left: 9px
    }

        h2.solorojo {
            color: #ef3742;
            border-left: 0 solid
        }

    .modal.fijo {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0 !important;
        display: none;
        overflow: hidden;
        outline: 0
    }

    .card .card-header.card-modal {
        text-transform: none !important
    }

        .card .card-header.card-modal h3 strong {
            font-family: overpassbold,sans-serif
        }

    .bci-icon.dedoIcono {
        background-image: url(../img/svg/dedoIcono.svg);
        background-size: 100% auto !important
    }

    .bci-icon.menuIcono {
        background-image: url(../img/svg/menuIcono.svg);
        background-size: 100% auto !important
    }

    .bci-icon.llamadaIcono {
        background-image: url(../img/svg/llamadaIcono.svg);
        background-size: 100% auto !important
    }

    .card-body h4.bg-azul {
        color: #006fb9
    }

    .pindicator {
        display: flex;
        margin: 2rem auto 0;
        width: 16rem
    }

        .pindicator .bullet {
            flex: 1;
            position: relative;
            text-align: center
        }

            .pindicator .bullet .icon {
                background-color: #d3d3d3;
                border-radius: 100%;
                color: transparent;
                cursor: pointer;
                font-size: 1.5rem;
                display: inline-block;
                height: 1em;
                line-height: 2;
                text-align: center;
                width: 1em
            }

            .pindicator .bullet .past .icon {
                background-color: #006fb9
            }

            .pindicator .bullet .past::after {
                opacity: 1
            }

            .pindicator .bullet .past .text {
                color: #000
            }

            .pindicator .bullet .current .icon {
                background-color: #006fb9
            }

            .pindicator .bullet .current::after {
                opacity: 1
            }

            .pindicator .bullet .current .text {
                color: #000
            }

    .formularios.datepicks.minioculto::after {
        content: " ";
        background-image: none !important
    }

    .pdf-conteiner {
        display: flex
    }

        .pdf-conteiner iframe {
            justify-content: center !important
        }

    .barraseparadora {
        background-color: #eaeaea;
        width: 4px;
        height: 63px;
        border-radius: 20px;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 10px;
        margin-left: 0
    }

    .totalestabla {
        color: #006fb9;
        text-align: right
    }

    .tablas .tablaDatos table tbody tr td span.corredorIcono2 {
        padding: 0;
        margin: 0 5px 0 0;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-indent: 2px;
        text-align: center;
        border-radius: 10px 10px 2px 10px;
        text-align: center;
        line-height: 20px;
        background-color: #006fb9 !important;
        width: 20px;
        display: inline-block;
        height: 20px;
        margin-right: 5px;
        font-size: .7rem;
        font-family: overpassbold,sans-serif
    }

    .tablas .tablaDatos table tbody tr td span.corredorIcono2 {
        padding: 0;
        margin: 0 5px 0 0;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-indent: 2px;
        text-align: center;
        border-radius: 10px 10px 2px 10px;
        text-align: center;
        line-height: 20px;
        background-color: #fff;
        width: 20px;
        display: inline-block;
        height: 20px;
        margin-right: 5px;
        font-size: .7rem;
        font-family: overpassbold,sans-serif
    }

    .resultados-datos .tablas .solo-icono .bci-icon.cerrar_2.normalTamano {
        background-size: 75% !important
    }

    .item_modulo {
        height: 170px;
        flex: 1 0 22%;
        background-color: #fff;
        display: block;
        margin: 5px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        border-radius: 5px
    }

        .item_modulo.especialElementoM {
            flex: 0 0 15%
        }

    @media only screen and (max-width :576px) {
        .item_modulo.especialElementoM {
            flex: 0 0 44%
        }
    }

    .modulos {
        flex: 0 0 800px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-start;
        margin-left: 150px
    }

        .modulos.especialCompleto {
            flex: 0 0 1470px;
            width: 100%;
            padding: 0 5% 0 5%
        }

            .modulos.especialCompleto header figure img {
                height: 50%;
                width: auto
            }

            .modulos.especialCompleto .sub-titulares h2 {
                color: #5a5a5a;
                font-family: overpassbold,sans-serif
            }

            .modulos.especialCompleto .sub-titulares .formularios input::-moz-placeholder {
                text-align: right;
                padding: 18px
            }

            .modulos.especialCompleto .sub-titulares .formularios input:-ms-input-placeholder {
                text-align: right;
                padding: 18px
            }

            .modulos.especialCompleto .sub-titulares .formularios input::placeholder {
                text-align: right;
                padding: 18px
            }

            .modulos.especialCompleto .sub-titulares .formularios input[type=text] {
                padding: 0 0 0 69px
            }

            .modulos.especialCompleto .sub-titulares .formularios span {
                color: #505050;
                bottom: 32px;
                position: relative;
                font-size: 1.5em;
                right: 20px;
                left: 4px;
                font-family: overpassbold,sans-serif !important;
                z-index: 1
            }

    @media only screen and (max-width :576px) {
        .modulos.especialCompleto {
            flex: 0 0 102%;
            justify-content: center
        }
    }

    @media only screen and (max-width :1185px) {
        .modulos {
            flex: 1 0 115%
        }
    }

    @media only screen and (max-width :576px) {
        .pack-modulos {
            padding: 100px 10px 10px 10px !important
        }

        #agrupaciones .pack-modulos {
            padding: 30px 10px 10px 10px !important
        }
    }

    .cabecera-seccion-interna {
        position: absolute;
        top: 48px;
        left: 0;
        width: 100%;
        height: 32px;
        display: block;
        text-align: left
    }

        .cabecera-seccion-interna .flotante-cambio-seccion {
            position: absolute;
            top: 2px;
            right: 20px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-end;
            align-items: center;
            height: 38px
        }

            .cabecera-seccion-interna .flotante-cambio-seccion li {
                color: rgba(255,255,255,.5);
                font-family: overpasslight,sans-serif;
                list-style: none;
                height: 30px;
                padding: 3px 10px
            }

                .cabecera-seccion-interna .flotante-cambio-seccion li a {
                    color: rgba(255,255,255,.5)
                }

                    .cabecera-seccion-interna .flotante-cambio-seccion li a:hover {
                        color: #fff;
                        text-decoration: none
                    }

                .cabecera-seccion-interna .flotante-cambio-seccion li.activo {
                    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
                    -ms-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
                    font-family: overpassbold,sans-serif;
                    background-color: #fff;
                    border-radius: 2px;
                    margin: 0 5px
                }

                    .cabecera-seccion-interna .flotante-cambio-seccion li.activo a {
                        color: #00953a
                    }

                        .cabecera-seccion-interna .flotante-cambio-seccion li.activo a:hover {
                            color: #595b5a
                        }

        .cabecera-seccion-interna h1 {
            font-family: overpasslight,sans-serif;
            text-transform: inherit;
            padding: 0 0 0 10px;
            margin: 0;
            line-height: 30px;
            text-align: left;
            color: #fff;
            font-size: 1.1rem
        }

            .cabecera-seccion-interna h1 strong {
                font-family: overpassbold,sans-serif
            }

        .cabecera-seccion-interna.bg-celeste {
            background-color: #0071ce
        }

        .cabecera-seccion-interna.bg-amarillo {
            background-color: gold
        }

            .cabecera-seccion-interna.bg-amarillo h1 {
                color: #595b5a
            }

        .cabecera-seccion-interna.bg-amarillo-volver {
            background-color: gold
        }

            .cabecera-seccion-interna.bg-amarillo-volver h1 {
                color: #595b5a;
                padding: 0 0 0 90px !important
            }

            .cabecera-seccion-interna.bg-amarillo-volver span {
                background-color: #f1cb01;
                height: 32px;
                width: 85px;
                top: 0;
                left: 0;
                position: absolute;
                cursor: pointer;
                font-family: overpassregular,sans-serif;
                color: #fff;
                padding: 3px
            }

        .cabecera-seccion-interna.bg-verde {
            background-color: #00953a
        }

        .cabecera-seccion-interna.bg-gris {
            background-color: #aeb2af
        }

        .cabecera-seccion-interna.bg-rosado {
            background-color: #f25774
        }

        .cabecera-seccion-interna.bg-morado {
            background-color: #9c67d2
        }

        .cabecera-seccion-interna.bg-rojo {
            background-color: #ef3742
        }

        .cabecera-seccion-interna.bg-azul {
            background-color: #006fb9
        }

    .contenedorElementosSeguro {
        display: flex;
        flex-wrap: wrap;
        margin-right: -4%;
        margin-left: 12px
    }

    .chosen-select, .chosen-select-deselect {
        width: 100%
    }

    .chosen-container {
        display: inline-block;
        position: relative;
        width: 100% !important;
        font-size: 1rem;
        text-align: left;
        vertical-align: middle
    }

        .chosen-container .chosen-drop {
            background: #fff;
            border-radius: 3px;
            margin-top: -1px;
            position: absolute;
            top: 100%;
            left: -9000px;
            z-index: 1060;
            box-shadow: 1px 0 15px 2px rgba(0,0,0,.1);
            -ms-box-shadow: 1px 0 15px 2px rgba(0,0,0,.1)
        }

        .chosen-container.chosen-with-drop .chosen-drop {
            left: 0;
            right: 0
        }

        .chosen-container .chosen-results {
            margin: 0;
            position: relative;
            max-height: 10rem;
            padding: .5rem 0 0 0;
            color: #6c757d;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch
        }

            .chosen-container .chosen-results li {
                display: none;
                line-height: 1.5;
                list-style: none;
                margin: 0;
                padding: .25rem .25rem .25rem 1.5rem;
                font-family: overpassregular,sans-serif
            }

                .chosen-container .chosen-results li em {
                    font-style: normal;
                    color: #6c757d
                }

                .chosen-container .chosen-results li.group-result {
                    display: list-item;
                    cursor: default;
                    padding-left: .75rem;
                    color: #adb5bd;
                    font-weight: 400;
                    text-transform: uppercase
                }

                .chosen-container .chosen-results li.group-option {
                    padding-left: 1.5rem
                }

                .chosen-container .chosen-results li.active-result {
                    cursor: pointer;
                    display: list-item
                }

                .chosen-container .chosen-results li.result-selected {
                    color: #495057
                }

                    .chosen-container .chosen-results li.result-selected:before {
                        display: inline-block;
                        position: relative;
                        top: .3rem;
                        width: 1.25rem;
                        height: 1.25rem;
                        margin-left: -1.25rem;
                        content: "";
                        background-image: url(../img/svg/_lite_cerrar.svg);
                        background-size: 1.25rem 1.25rem;
                        background-position: center center;
                        background-repeat: no-repeat
                    }

                .chosen-container .chosen-results li.highlighted {
                    background-color: #006fb9;
                    background-image: none;
                    color: #fff
                }

                    .chosen-container .chosen-results li.highlighted:before {
                        background-image: url(../img/svg/_lite_cerrar.svg)
                    }

                    .chosen-container .chosen-results li.highlighted em {
                        background: 0 0;
                        color: rgba(255,255,255,.8)
                    }

                .chosen-container .chosen-results li.disabled-result {
                    display: list-item;
                    color: #ced4da
                }

            .chosen-container .chosen-results .no-results {
                display: list-item;
                padding: .25rem 0 1rem 1.065rem;
                color: #dc3545
            }

        .chosen-container .chosen-results-scroll {
            background: #fff;
            margin: 0 .25rem;
            position: absolute;
            text-align: center;
            width: 20rem;
            z-index: 1
        }

            .chosen-container .chosen-results-scroll span {
                display: inline-block;
                height: 1.5;
                text-indent: -5000px;
                width: .5rem
            }

    .chosen-container-single .chosen-single {
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem;
        color: #6c757d;
        display: block;
        height: calc(2.25rem + 2px);
        overflow: hidden;
        line-height: calc(2.25rem + 2px);
        padding: 0 0 0 .75rem;
        position: relative;
        text-decoration: none;
        white-space: nowrap
    }

        .chosen-container-single .chosen-single abbr {
            display: inline-block;
            position: absolute;
            top: .45rem;
            right: 2.5rem;
            width: 1.5rem;
            height: 1.5rem;
            cursor: pointer;
            background-image: url(../img/svg/_lite_cerrar.svg);
            background-size: 1.5rem 1.5rem;
            background-position: center center;
            background-repeat: no-repeat
        }

            .chosen-container-single .chosen-single abbr:hover {
                background-image: url(../img/svg/_lite_cerrar.svg)
            }

        .chosen-container-single .chosen-single span {
            display: block;
            margin-right: 1.5rem;
            text-overflow: ellipsis
        }

        .chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
            background-position: right 2px
        }

        .chosen-container-single .chosen-single div {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            width: 2rem;
            height: 100%;
            padding-left: .5rem;
            background-color: #fff
        }

            .chosen-container-single .chosen-single div:after {
                display: inline-block;
                position: relative;
                top: .25rem;
                left: -1rem;
                width: 2rem;
                height: 2rem;
                content: "";
                background-image: url(../img/svg/_lite_cerrar.svg);
                background-size: 2rem 2rem;
                background-position: center center;
                background-repeat: no-repeat
            }

    .chosen-container-single .chosen-default {
        color: #adb5bd
    }

    .chosen-container-single a:not([href]):not([tabindex]) {
        color: #6c757d !important
    }

        .chosen-container-single a:not([href]):not([tabindex]).chosen-single:not(.chosen-default) {
            color: #6c757d !important
        }

    .chosen-container-single .chosen-search-input {
        display: none;
        box-shadow: 0 1px 2px 0 transparent;
        -ms-box-shadow: 0 1px 2px 0 transparent;
        border: none
    }

    .chosen-container-single .chosen-search {
        margin: 0;
        padding: .5rem .5rem 0 .5rem;
        position: relative;
        white-space: nowrap;
        z-index: 1000
    }

        .chosen-container-single .chosen-search:after {
            display: inline-block;
            position: relative;
            top: .365rem;
            left: -1.75rem;
            width: 1.25rem;
            height: 1.25rem;
            content: "";
            background-image: url(../img/svg/_lite_cerrar.svg);
            background-size: 2rem auto;
            background-position: center center;
            background-repeat: no-repeat
        }

        .chosen-container-single .chosen-search input[type=text] {
            background-color: #f8f9fa;
            border: 1px solid #ced4da;
            outline: 0;
            border-radius: .25rem;
            padding: .25rem 1rem .25rem .5rem;
            width: 100%;
            box-shadow: none !important
        }

    .chosen-container-single .chosen-drop {
        margin-top: -1px;
        border-radius: 0 0 .25rem .25rem;
        background-clip: padding-box
    }

    .chosen-container-single-nosearch .chosen-search {
        display: none
    }

    .chosen-container-multi .chosen-choices {
        background-color: #fff;
        font-size: .9rem;
        outline: 0;
        border: none;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
        -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
        border-radius: .25rem;
        cursor: text;
        margin: 0;
        overflow: hidden;
        padding: 15px 0 0 0;
        position: relative
    }

    .formulario-bloque .chosen-container-multi .chosen-choices {
        padding: 0
    }

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none
    }

    .chosen-container-multi .chosen-choices .search-field {
        margin: 0;
        padding: 0;
        white-space: nowrap
    }

        .chosen-container-multi .chosen-choices .search-field input[type=text] {
            box-shadow: none !important;
            background: 0 0 !important;
            border: 0 !important;
            color: #6c757d;
            height: calc(2.25rem + 2px);
            margin: 0;
            padding: 0;
            outline: 0;
            width: 100% !important
        }

        .chosen-container-multi .chosen-choices .search-field .default {
            color: #ced4da
        }

    .chosen-container-multi .chosen-choices .search-choice {
        background-clip: padding-box;
        position: relative;
        margin: .35rem 0 0 .5rem;
        padding: .25rem 1.5rem .25rem .25rem;
        border: 1px solid #ced4da;
        background-color: #006fb9;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem;
        cursor: default;
        font-size: .8rem;
        line-height: 100%;
        color: #fff
    }

        .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
            display: inline-block;
            position: absolute;
            top: .2rem;
            right: .125rem;
            width: 1rem;
            height: 1rem;
            cursor: pointer;
            background-image: url(../img/svg/_lite_cerrar.svg);
            background-size: auto 100%;
            background-position: center center;
            background-repeat: no-repeat
        }

            .chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
                background-image: url(../img/svg/_lite_cerrar.svg)
            }

    .chosen-container-multi .chosen-choices .search-choice-focus {
        background: #dee2e6
    }

        .chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
            background-position: right -11px
        }

    .chosen-container-multi .chosen-drop .result-selected {
        display: none
    }

    .chosen-container-active .chosen-single {
        transition: border linear 0s,box-shadow linear 0s
    }

    @media screen and (prefers-reduced-motion:reduce) {
        .chosen-container-active .chosen-single {
            transition: none
        }
    }

    .chosen-container-active.chosen-with-drop .chosen-single {
        background-color: #fff;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transition: border linear 0s,box-shadow linear 0s
    }

    @media screen and (prefers-reduced-motion:reduce) {
        .chosen-container-active.chosen-with-drop .chosen-single {
            transition: none
        }
    }

    .chosen-container-active.chosen-with-drop .chosen-single div:after {
        display: inline-block;
        position: relative;
        top: .25rem;
        left: -1rem;
        width: 2rem;
        height: 2rem;
        content: "";
        background-image: url(../img/svg/_lite_cerrar.svg);
        background-size: 2rem 2rem;
        background-position: center center;
        background-repeat: no-repeat
    }

    .chosen-container-active .chosen-choices {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transition: border linear 0s,box-shadow linear 0s
    }

    @media screen and (prefers-reduced-motion:reduce) {
        .chosen-container-active .chosen-choices {
            transition: none
        }
    }

    .chosen-container-active .chosen-choices .search-field input[type=text] {
        color: #595b5a !important;
        box-shadow: none !important
    }

    .chosen-container-active.chosen-with-drop .chosen-choices {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .chosen-container-active.chosen-with-drop .chosen-search-input {
        display: inline-block;
        box-shadow: none !important
    }

    .chosen-disabled {
        cursor: default;
        opacity: .5 !important
    }

        .chosen-disabled .chosen-single {
            cursor: default
        }

        .chosen-disabled .chosen-choices .search-choice .search-choice-close {
            cursor: default
        }

    .chosen-container-optgroup-clickable li.group-result {
        text-transform: none !important
    }

        .chosen-container-optgroup-clickable li.group-result:hover {
            background-color: #007bff;
            color: #fff;
            cursor: pointer
        }

    input[type=text].chosen-focus-input {
        position: absolute;
        top: -9000px;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        background: 0 0 !important;
        border: 0 !important;
        outline: 0;
        box-shadow: 0 1px 2px 0 transparent;
        -ms-box-shadow: 0 1px 2px 0 transparent
    }

    .input-group:nth-of-type(1) .chosen-container .chosen-choices {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group:not(:nth-of-type(1)) .chosen-container .chosen-choices {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group:not(:nth-of-type(1)) .input-group-prepend .input-group-text {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .input-group .chosen-container {
        position: relative;
        flex: 1 1 auto;
        width: 1% !important
    }

    .datepicker {
        padding: 4px;
        border-radius: 4px;
        direction: ltr
    }

        .datepicker.dropdown-menu {
            font-size: .8rem !important;
            font-family: overpassregular,sans-serif
        }

    @media only screen and (max-width :576px) {
        .datepicker.dropdown-menu {
            width: 280px !important
        }
    }

    .datepicker-inline {
        width: 220px
    }

    .datepicker.datepicker-rtl {
        direction: rtl
    }

        .datepicker.datepicker-rtl table tr td span {
            float: right
        }

    .datepicker-dropdown {
        top: 0;
        left: 0
    }

        .datepicker-dropdown:before {
            content: "";
            display: inline-block;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #999;
            border-top: 0;
            border-bottom-color: rgba(0,0,0,.2);
            position: absolute
        }

        .datepicker-dropdown:after {
            content: "";
            display: inline-block;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #fff;
            border-top: 0;
            position: absolute
        }

        .datepicker-dropdown.datepicker-orient-left:before {
            left: 6px
        }

        .datepicker-dropdown.datepicker-orient-left:after {
            left: 7px
        }

        .datepicker-dropdown.datepicker-orient-right:before {
            right: 6px
        }

        .datepicker-dropdown.datepicker-orient-right:after {
            right: 7px
        }

        .datepicker-dropdown.datepicker-orient-bottom:before {
            top: -7px
        }

        .datepicker-dropdown.datepicker-orient-bottom:after {
            top: -6px
        }

        .datepicker-dropdown.datepicker-orient-top:before {
            bottom: -7px;
            border-bottom: 0;
            border-top: 7px solid #999
        }

        .datepicker-dropdown.datepicker-orient-top:after {
            bottom: -6px;
            border-bottom: 0;
            border-top: 6px solid #fff
        }

    .datepicker table {
        margin: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    @media only screen and (max-width :576px) {
        .datepicker table {
            width: 100% !important
        }
    }

    .datepicker td, .datepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        border-radius: 4px;
        border: none;
        color: #595b5a
    }

    .table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
        background-color: transparent
    }

    .datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
        background: #eee;
        cursor: pointer
    }

    .datepicker table tr td.new, .datepicker table tr td.old {
        color: #595b5a
    }

    .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
        background: 0 0;
        color: #595b5a;
        cursor: default
    }

    .datepicker table tr td.highlighted {
        background: #006fb9;
        border-radius: 0
    }

    .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
        background-color: gold
    }

        .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
            background-color: #006fb9
        }

            .datepicker table tr td.today:hover:hover {
                color: #000
            }

            .datepicker table tr td.today.active:hover {
                color: #fff
            }

    .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
        background: #eee;
        border-radius: 0
    }

        .datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover {
            background-color: gold
        }

            .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] {
                background-color: gold
            }

    .datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
        background-color: #006fb9
    }

        .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] {
            background-color: #006fb9;
            color: #fff
        }

            .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active {
                color: #fff
            }

    .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
        background-color: #006fb9;
        color: #fff
    }

        .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
            background-color: #006fb9;
            color: #fff
        }

            .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active {
                color: #fff
            }

    .datepicker table tr td span {
        display: block;
        width: 23%;
        height: 54px;
        line-height: 54px;
        float: left;
        margin: 1%;
        cursor: pointer;
        border-radius: 4px
    }

        .datepicker table tr td span.focused, .datepicker table tr td span:hover {
            background: #595b5a;
            color: #fff
        }

        .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
            background: 0 0;
            color: #595b5a;
            cursor: default
        }

        .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
            background-color: #00953a
        }

            .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
                background-color: #006fb9
            }

                .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
                    color: #fff
                }

        .datepicker table tr td span.new, .datepicker table tr td span.old {
            color: #595b5a
        }

    .datepicker .datepicker-switch {
        width: 145px
    }

    .datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
        cursor: pointer
    }

    .datepicker .next, .datepicker .prev {
        position: relative;
        color: #fff !important
    }

        .datepicker .next::after, .datepicker .prev::after {
            position: absolute;
            top: 0;
            display: block;
            height: 20px;
            width: 30px;
            background-size: auto 90%;
            background-repeat: no-repeat;
            background-position: center center;
            content: "   "
        }

        .datepicker .next::after {
            right: 0;
            background-image: url(../img/svg/_lite_next_arrow.svg)
        }

        .datepicker .prev::after {
            left: 0;
            background-image: url(../img/svg/_lite_back_arrow.svg)
        }

        .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
            background: #eee
        }

    .datepicker .cw {
        font-size: 10px;
        width: 12px;
        padding: 0 2px 0 5px;
        vertical-align: middle
    }

    .input-append.date .add-on, .input-prepend.date .add-on {
        cursor: pointer
    }

        .input-append.date .add-on i, .input-prepend.date .add-on i {
            margin-top: 3px
        }

    .input-daterange input {
        text-align: center
    }

        .input-daterange input:first-child {
            border-radius: 3px 0 0 3px
        }

        .input-daterange input:last-child {
            border-radius: 0 3px 3px 0
        }

    .input-daterange .add-on {
        display: inline-block;
        width: auto;
        min-width: 16px;
        height: 18px;
        padding: 4px 5px;
        font-weight: 400;
        line-height: 18px;
        text-align: center;
        text-shadow: 0 1px 0 #fff;
        vertical-align: middle;
        background-color: #eee;
        border: 1px solid #ccc;
        margin-left: -5px;
        margin-right: -5px
    }

    @keyframes chartjs-render-animation {
        from {
            opacity: .99
        }

        to {
            opacity: 1
        }
    }

    .chartjs-render-monitor {
        animation: chartjs-render-animation 1ms
    }

    .chartjs-size-monitor, .chartjs-size-monitor-expand, .chartjs-size-monitor-shrink {
        position: absolute;
        direction: ltr;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        pointer-events: none;
        visibility: hidden;
        z-index: -1
    }

        .chartjs-size-monitor-expand > div {
            position: absolute;
            width: 1000000px;
            height: 1000000px;
            left: 0;
            top: 0
        }

        .chartjs-size-monitor-shrink > div {
            position: absolute;
            width: 200%;
            height: 200%;
            left: 0;
            top: 0
        }

    .slider {
        display: inline-block;
        vertical-align: middle;
        position: relative
    }

        .slider.slider-horizontal {
            width: 210px;
            height: 20px
        }

            .slider.slider-horizontal .slider-track {
                height: 10px;
                width: 100%;
                margin-top: -5px;
                top: 50%;
                left: 0
            }

            .slider.slider-horizontal .slider-selection {
                height: 100%;
                top: 0;
                bottom: 0
            }

            .slider.slider-horizontal .slider-handle.triangle {
                border-width: 0 10px 10px 10px;
                width: 0;
                height: 0;
                border-bottom-color: #0480be;
                margin-top: 0
            }

            .slider.slider-horizontal .slider-handle {
                margin-left: -10px;
                margin-top: -5px
            }

        .slider.slider-vertical .slider-track {
            width: 10px;
            height: 100%;
            margin-left: -5px;
            left: 50%;
            top: 0
        }

        .slider.slider-vertical .slider-selection {
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0
        }

        .slider.slider-vertical .slider-handle {
            margin-left: -5px;
            margin-top: -10px
        }

            .slider.slider-vertical .slider-handle.triangle {
                border-width: 10px 0 10px 10px;
                width: 1px;
                height: 1px;
                border-left-color: #0480be;
                margin-left: 0
            }

        .slider input {
            display: none
        }

        .slider .tooltip-inner {
            white-space: nowrap
        }

    .slider-track {
        position: absolute;
        cursor: pointer;
        background-color: #f7f7f7;
        background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
        background-repeat: repeat-x;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
        border-radius: 4px
    }

    .slider-selection {
        position: absolute;
        background-color: #f7f7f7;
        background-image: linear-gradient(to bottom,#f9f9f9,#f5f5f5);
        background-repeat: repeat-x;
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        box-sizing: border-box;
        border-radius: 4px
    }

    .slider-handle {
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: #0e90d2;
        background-image: linear-gradient(to bottom,#149bdf,#0480be);
        background-repeat: repeat-x;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
        opacity: .8;
        border: 0 solid transparent
    }

        .slider-handle.round {
            border-radius: 20px
        }

        .slider-handle.triangle {
            background: transparent none
        }

    .chosen-container, .chosen-container-single {
        padding-top: 0;
        height: auto
    }

        .chosen-container a, .chosen-container-single a {
            border: none;
            line-height: 50px
        }

    .accordion {
        background: 0 0
    }

        .accordion > .card {
            box-shadow: none !important;
            margin-bottom: 5px;
            width: 100%;
            max-width: 100%;
            min-height: 0;
            min-width: 0
        }

            .accordion > .card > .collapse {
                border-bottom: 3px solid #d5d7d6
            }

            .accordion > .card > .card-header {
                padding-left: 15px;
                padding-right: 20px;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: flex-start;
                background-color: #fff;
                margin-bottom: 5px
            }

                .accordion > .card > .card-header > button {
                    font-size: 1rem;
                    background-position: left center;
                    background-repeat: no-repeat;
                    background-size: 30px auto;
                    width: 80%;
                    text-align: left;
                    padding-left: 40px;
                    flex: 1 1 70%;
                    margin: 0;
                    text-decoration: none
                }

                    .accordion > .card > .card-header > button:hover {
                        text-decoration: none
                    }

                    .accordion > .card > .card-header > button[aria-expanded=false] {
                        color: #aeb2af;
                        background-image: url(../img/svg/_bold_down.svg)
                    }

                    .accordion > .card > .card-header > button[aria-expanded=true] {
                        color: #006fb9;
                        font-family: overpassbold,sans-serif;
                        background-image: url(../img/svg/_bold_up.svg);
                        background-size: 20px auto;
                        background-position: 5px center
                    }

                .accordion > .card > .card-header > .checkbox {
                    flex: 1 1 25%;
                    width: 20%;
                    min-width: 0;
                    max-width: 80px;
                    padding: 0;
                    margin: 0
                }

            .accordion > .card .collapsed, .accordion > .card .collapsing {
                background: #fff
            }

            .accordion > .card .collapse.show {
                background: #fff
            }

            .accordion > .card .collapse .card-body, .accordion > .card .collapsed .card-body, .accordion > .card .collapsing .card-body {
                padding: 7px
            }

    .xl-1 {
        width: 100%
    }

    @media only screen and (min-width :1201px) {
        .xl-1 {
            width: 49%
        }
    }

    @media only screen and (max-width :1300px) {
        .xl-1 {
            width: 100%
        }
    }

    .xl-2 {
        width: 48%
    }

    @media only screen and (min-width :1201px) {
        .xl-2 {
            width: 24%
        }
    }

    @media only screen and (max-width :1300px) {
        .xl-2 {
            width: 48%
        }
    }

    @media only screen and (max-width :576px) {
        .xl-2 {
            width: 100%
        }
    }

    .xl-3 {
        width: 32%
    }

    .xl-4 {
        width: 24%
    }

    .xl-5 {
        width: 19%
    }

    @media only screen and (max-width :576px) {
        .xl-5 {
            width: 48%
        }
    }

    .xl-6 {
        width: 15%
    }

    @media only screen and (max-width :1185px) {
        .xl-3, .xl-4, .xl-6 {
            width: 32%
        }
    }

    @media only screen and (max-width :800px) {
        .xl-3, .xl-4, .xl-6 {
            width: 24%
        }
    }

    @media only screen and (max-width :576px) {
        .xl-3, .xl-4, .xl-6 {
            width: 100%
        }
    }

    .loader-container {
        position: relative;
        height: 50px;
        width: 100%;
        display: block;
        background-color: rgba(0,0,0,.7);
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        z-index: 1000
    }

        .loader-container.flotante {
            position: absolute;
            top: 0;
            left: 0;
            height: 100% !important;
            width: 100%
        }

        .loader-container.full {
            position: fixed;
            top: 0;
            left: 0;
            height: 100% !important;
            width: 100%;
            z-index: 10000
        }

            .loader-container.full .loader {
                width: 98%;
                max-width: 300px;
                height: 200px
            }

                .loader-container.full .loader .mensaje {
                    font-size: 2rem;
                    padding: 10px 0
                }

                    .loader-container.full .loader .mensaje small {
                        display: block;
                        font-size: 1rem
                    }

                    .loader-container.full .loader .mensaje.liviano {
                        text-transform: capitalize;
                        font-size: 1.2rem
                    }

                        .loader-container.full .loader .mensaje.liviano small {
                            margin: 2px 0;
                            font-size: 1rem
                        }

                .loader-container.full .loader.carga svg {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%)
                }

                .loader-container.full .loader.carga figcaption {
                    height: 400px;
                    width: 200px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: center;
                    align-items: stretch;
                    align-content: stretch;
                    -webkit-align-content: stretch;
                    -moz-align-content: stretch;
                    -ms-align-content: stretch
                }

                    .loader-container.full .loader.carga figcaption figure {
                        height: 85%;
                        width: 100%;
                        display: block;
                        position: relative
                    }

                        .loader-container.full .loader.carga figcaption figure i.bci-icon {
                            position: absolute;
                            top: 60%;
                            left: 50%;
                            transform: translate(-50%,-60%);
                            height: 90px !important;
                            width: 90px !important
                        }

                    .loader-container.full .loader.carga figcaption h1 {
                        font-size: 1rem
                    }

        .loader-container .loader {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            width: 80%;
            max-width: 200px;
            min-width: 100px
        }

            .loader-container .loader .mensaje {
                text-align: center;
                color: #fff;
                width: 100%
            }

        .loader-container.h100 {
            height: 100px
        }

            .loader-container.h100 .mensaje {
                font-size: .6rem
            }

        .loader-container.h110 {
            height: 110px
        }

            .loader-container.h110 .mensaje {
                font-size: .65rem
            }

        .loader-container.h120 {
            height: 120px
        }

            .loader-container.h120 .mensaje {
                font-size: .7rem
            }

        .loader-container.h130 {
            height: 130px
        }

            .loader-container.h130 .mensaje {
                font-size: .75rem
            }

        .loader-container.h140 {
            height: 140px
        }

            .loader-container.h140 .mensaje {
                font-size: .8rem
            }

        .loader-container.h150 {
            height: 150px
        }

            .loader-container.h150 .mensaje {
                font-size: .85rem
            }

        .loader-container.h160 {
            height: 160px
        }

            .loader-container.h160 .mensaje {
                font-size: .9rem
            }

        .loader-container.h170 {
            height: 170px
        }

            .loader-container.h170 .mensaje {
                font-size: .95rem
            }

        .loader-container.h180 {
            height: 180px
        }

            .loader-container.h180 .mensaje {
                font-size: 1rem
            }

        .loader-container.h190 {
            height: 190px
        }

            .loader-container.h190 .mensaje {
                font-size: 1.05rem
            }

        .loader-container.h200 {
            height: 200px
        }

            .loader-container.h200 .mensaje {
                font-size: 1.1rem
            }

        .loader-container.h210 {
            height: 210px
        }

            .loader-container.h210 .mensaje {
                font-size: 1.15rem
            }

        .loader-container.h220 {
            height: 220px
        }

            .loader-container.h220 .mensaje {
                font-size: 1.2rem
            }

        .loader-container.h230 {
            height: 230px
        }

            .loader-container.h230 .mensaje {
                font-size: 1.25rem
            }

        .loader-container.h240 {
            height: 240px
        }

            .loader-container.h240 .mensaje {
                font-size: 1.3rem
            }

        .loader-container.h250 {
            height: 250px
        }

            .loader-container.h250 .mensaje {
                font-size: 1.35rem
            }

        .loader-container.h260 {
            height: 260px
        }

            .loader-container.h260 .mensaje {
                font-size: 1.4rem
            }

        .loader-container.h270 {
            height: 270px
        }

            .loader-container.h270 .mensaje {
                font-size: 1.45rem
            }

        .loader-container.h280 {
            height: 280px
        }

            .loader-container.h280 .mensaje {
                font-size: 1.5rem
            }

        .loader-container.h290 {
            height: 290px
        }

            .loader-container.h290 .mensaje {
                font-size: 1.55rem
            }

        .loader-container.h300 {
            height: 300px
        }

            .loader-container.h300 .mensaje {
                font-size: 1.6rem
            }

        .loader-container.h310 {
            height: 310px
        }

            .loader-container.h310 .mensaje {
                font-size: 1.65rem
            }

        .loader-container.h320 {
            height: 320px
        }

            .loader-container.h320 .mensaje {
                font-size: 1.7rem
            }

        .loader-container.h330 {
            height: 330px
        }

            .loader-container.h330 .mensaje {
                font-size: 1.75rem
            }

        .loader-container.h340 {
            height: 340px
        }

            .loader-container.h340 .mensaje {
                font-size: 1.8rem
            }

        .loader-container.h350 {
            height: 350px
        }

            .loader-container.h350 .mensaje {
                font-size: 1.85rem
            }

        .loader-container.h360 {
            height: 360px
        }

            .loader-container.h360 .mensaje {
                font-size: 1.9rem
            }

        .loader-container.h370 {
            height: 370px
        }

            .loader-container.h370 .mensaje {
                font-size: 1.95rem
            }

        .loader-container.h380 {
            height: 380px
        }

            .loader-container.h380 .mensaje {
                font-size: 2rem
            }

        .loader-container.h390 {
            height: 390px
        }

            .loader-container.h390 .mensaje {
                font-size: 2.05rem
            }

        .loader-container.h400 {
            height: 400px
        }

            .loader-container.h400 .mensaje {
                font-size: 2.1rem
            }

        .loader-container.h410 {
            height: 410px
        }

            .loader-container.h410 .mensaje {
                font-size: 2.15rem
            }

        .loader-container.h420 {
            height: 420px
        }

            .loader-container.h420 .mensaje {
                font-size: 2.2rem
            }

        .loader-container.h430 {
            height: 430px
        }

            .loader-container.h430 .mensaje {
                font-size: 2.25rem
            }

        .loader-container.h440 {
            height: 440px
        }

            .loader-container.h440 .mensaje {
                font-size: 2.3rem
            }

        .loader-container.h450 {
            height: 450px
        }

            .loader-container.h450 .mensaje {
                font-size: 2.35rem
            }

        .loader-container.h460 {
            height: 460px
        }

            .loader-container.h460 .mensaje {
                font-size: 2.4rem
            }

        .loader-container.h470 {
            height: 470px
        }

            .loader-container.h470 .mensaje {
                font-size: 2.45rem
            }

        .loader-container.h480 {
            height: 480px
        }

            .loader-container.h480 .mensaje {
                font-size: 2.5rem
            }

        .loader-container.h490 {
            height: 490px
        }

            .loader-container.h490 .mensaje {
                font-size: 2.55rem
            }

        .loader-container.h500 {
            height: 500px
        }

            .loader-container.h500 .mensaje {
                font-size: 2.6rem
            }

        .loader-container.h510 {
            height: 510px
        }

            .loader-container.h510 .mensaje {
                font-size: 2.65rem
            }

        .loader-container.h520 {
            height: 520px
        }

            .loader-container.h520 .mensaje {
                font-size: 2.7rem
            }

        .loader-container.h530 {
            height: 530px
        }

            .loader-container.h530 .mensaje {
                font-size: 2.75rem
            }

        .loader-container.h540 {
            height: 540px
        }

            .loader-container.h540 .mensaje {
                font-size: 2.8rem
            }

        .loader-container.h550 {
            height: 550px
        }

            .loader-container.h550 .mensaje {
                font-size: 2.85rem
            }

        .loader-container.h560 {
            height: 560px
        }

            .loader-container.h560 .mensaje {
                font-size: 2.9rem
            }

        .loader-container.h570 {
            height: 570px
        }

            .loader-container.h570 .mensaje {
                font-size: 2.95rem
            }

        .loader-container.h580 {
            height: 580px
        }

            .loader-container.h580 .mensaje {
                font-size: 3rem
            }

        .loader-container.h590 {
            height: 590px
        }

            .loader-container.h590 .mensaje {
                font-size: 3.05rem
            }

        .loader-container.h600 {
            height: 600px
        }

            .loader-container.h600 .mensaje {
                font-size: 3.1rem
            }

        .loader-container.h610 {
            height: 610px
        }

            .loader-container.h610 .mensaje {
                font-size: 3.15rem
            }

        .loader-container.h620 {
            height: 620px
        }

            .loader-container.h620 .mensaje {
                font-size: 3.2rem
            }

        .loader-container.h630 {
            height: 630px
        }

            .loader-container.h630 .mensaje {
                font-size: 3.25rem
            }

        .loader-container.h640 {
            height: 640px
        }

            .loader-container.h640 .mensaje {
                font-size: 3.3rem
            }

        .loader-container.h650 {
            height: 650px
        }

            .loader-container.h650 .mensaje {
                font-size: 3.35rem
            }

        .loader-container.h660 {
            height: 660px
        }

            .loader-container.h660 .mensaje {
                font-size: 3.4rem
            }

        .loader-container.h670 {
            height: 670px
        }

            .loader-container.h670 .mensaje {
                font-size: 3.45rem
            }

        .loader-container.h680 {
            height: 680px
        }

            .loader-container.h680 .mensaje {
                font-size: 3.5rem
            }

        .loader-container.h690 {
            height: 690px
        }

            .loader-container.h690 .mensaje {
                font-size: 3.55rem
            }

        .loader-container.h700 {
            height: 700px
        }

            .loader-container.h700 .mensaje {
                font-size: 3.6rem
            }

        .loader-container.h710 {
            height: 710px
        }

            .loader-container.h710 .mensaje {
                font-size: 3.65rem
            }

        .loader-container.h720 {
            height: 720px
        }

            .loader-container.h720 .mensaje {
                font-size: 3.7rem
            }

        .loader-container.h730 {
            height: 730px
        }

            .loader-container.h730 .mensaje {
                font-size: 3.75rem
            }

        .loader-container.h740 {
            height: 740px
        }

            .loader-container.h740 .mensaje {
                font-size: 3.8rem
            }

        .loader-container.h750 {
            height: 750px
        }

            .loader-container.h750 .mensaje {
                font-size: 3.85rem
            }

        .loader-container.h760 {
            height: 760px
        }

            .loader-container.h760 .mensaje {
                font-size: 3.9rem
            }

        .loader-container.h770 {
            height: 770px
        }

            .loader-container.h770 .mensaje {
                font-size: 3.95rem
            }

        .loader-container.h780 {
            height: 780px
        }

            .loader-container.h780 .mensaje {
                font-size: 4rem
            }

        .loader-container.h790 {
            height: 790px
        }

            .loader-container.h790 .mensaje {
                font-size: 4.05rem
            }

        .loader-container.h800 {
            height: 800px
        }

            .loader-container.h800 .mensaje {
                font-size: 4.1rem
            }

        .loader-container.h810 {
            height: 810px
        }

            .loader-container.h810 .mensaje {
                font-size: 4.15rem
            }

        .loader-container.h820 {
            height: 820px
        }

            .loader-container.h820 .mensaje {
                font-size: 4.2rem
            }

        .loader-container.h830 {
            height: 830px
        }

            .loader-container.h830 .mensaje {
                font-size: 4.25rem
            }

        .loader-container.h840 {
            height: 840px
        }

            .loader-container.h840 .mensaje {
                font-size: 4.3rem
            }

        .loader-container.h850 {
            height: 850px
        }

            .loader-container.h850 .mensaje {
                font-size: 4.35rem
            }

        .loader-container.h860 {
            height: 860px
        }

            .loader-container.h860 .mensaje {
                font-size: 4.4rem
            }

        .loader-container.h870 {
            height: 870px
        }

            .loader-container.h870 .mensaje {
                font-size: 4.45rem
            }

        .loader-container.h880 {
            height: 880px
        }

            .loader-container.h880 .mensaje {
                font-size: 4.5rem
            }

        .loader-container.h890 {
            height: 890px
        }

            .loader-container.h890 .mensaje {
                font-size: 4.55rem
            }

        .loader-container.h900 {
            height: 900px
        }

            .loader-container.h900 .mensaje {
                font-size: 4.6rem
            }

        .loader-container.h910 {
            height: 910px
        }

            .loader-container.h910 .mensaje {
                font-size: 4.65rem
            }

        .loader-container.h920 {
            height: 920px
        }

            .loader-container.h920 .mensaje {
                font-size: 4.7rem
            }

        .loader-container.h930 {
            height: 930px
        }

            .loader-container.h930 .mensaje {
                font-size: 4.75rem
            }

        .loader-container.h940 {
            height: 940px
        }

            .loader-container.h940 .mensaje {
                font-size: 4.8rem
            }

        .loader-container.h950 {
            height: 950px
        }

            .loader-container.h950 .mensaje {
                font-size: 4.85rem
            }

        .loader-container.h960 {
            height: 960px
        }

            .loader-container.h960 .mensaje {
                font-size: 4.9rem
            }

        .loader-container.h970 {
            height: 970px
        }

            .loader-container.h970 .mensaje {
                font-size: 4.95rem
            }

        .loader-container.h980 {
            height: 980px
        }

            .loader-container.h980 .mensaje {
                font-size: 5rem
            }

        .loader-container.h990 {
            height: 990px
        }

            .loader-container.h990 .mensaje {
                font-size: 5.05rem
            }

        .loader-container.h1000 {
            height: 1000px
        }

            .loader-container.h1000 .mensaje {
                font-size: 5.1rem
            }

    #loadingGif {
        background-position: center center;
        position: fixed;
        z-index: 10000;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.3);
        opacity: 1
    }

    .datos-pestanas {
        box-shadow: none !important;
        padding: 5px 3px 3px 3px;
        background: #f2f2f2;
        width: 100%
    }

        .datos-pestanas.iconos .nav-item {
            position: relative;
            text-indent: 20px
        }

            .datos-pestanas.iconos .nav-item .bci-icon {
                height: 20px;
                width: 35px;
                margin: 0;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate(0,-50%)
            }

        .datos-pestanas > .card-body {
            padding: 0;
            position: relative
        }

        .datos-pestanas .nav-tabs {
            background: #f2f2f2;
            border: none;
            outline: 0
        }

            .datos-pestanas .nav-tabs li:first-child {
                margin-left: 10px
            }

            .datos-pestanas .nav-tabs li a {
                border: none;
                outline: 0;
                font-family: overpassregular,sans-serif;
                color: #595b5a;
                font-size: .9rem
            }

    @media only screen and (max-width :576px) {
        .datos-pestanas .nav-tabs li a {
            font-size: .6rem
        }
    }

    .datos-pestanas .nav-tabs li a.active {
        color: #006fb9;
        position: relative
    }

        .datos-pestanas .nav-tabs li a.active::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            height: 3px;
            width: 100%;
            background-color: #006fb9
        }

    .datos-pestanas .tab-content {
        background: #f2f2f2
    }

    .datos-pestanas .tab-pane {
        background-color: #fff;
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
        min-height: 200px;
        height: auto;
        overflow: hidden;
        overflow-y: auto
    }

    @media only screen and (max-width :576px) {
        .datos-pestanas .tab-pane {
            overflow-x: auto
        }
    }

    .datos-pestanas .tab-pane > .card {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        box-shadow: none !important
    }

        .datos-pestanas .tab-pane > .card table {
            width: 98%;
            margin: 5px auto 10px
        }

    .datos-pestanas .boton.flotante {
        position: absolute;
        top: -3px;
        right: 0;
        height: 30px;
        min-width: 0
    }

        .datos-pestanas .boton.flotante::before {
            height: 2px
        }

        .datos-pestanas .boton.flotante:hover::before {
            height: 6px
        }

    .formulario-pasos {
        counter-reset: section
    }

        .formulario-pasos .nav-item {
            margin-top: 10px;
            counter-increment: section
        }

            .formulario-pasos .nav-item .nav-link {
                position: relative;
                background: 0 0 !important
            }

                .formulario-pasos .nav-item .nav-link::before {
                    content: "Paso " counters(section, ".");
                    font-size: .5rem;
                    letter-spacing: 3px;
                    line-height: 100%;
                    margin: 0;
                    padding: 2px;
                    display: block;
                    text-transform: uppercase;
                    border-radius: 2px;
                    position: absolute;
                    background: #595b5a;
                    top: -5px;
                    color: #fff
                }

                .formulario-pasos .nav-item .nav-link.active {
                    color: #006fb9
                }

                    .formulario-pasos .nav-item .nav-link.active::after {
                        display: none
                    }

                    .formulario-pasos .nav-item .nav-link.active::before {
                        background: #006fb9
                    }

    @media only screen and (max-width :576px) {
        .formulario-pasos .nav-item .nav-link {
            width: auto;
            font-size: .85rem;
            padding-right: 15px
        }

            .formulario-pasos .nav-item .nav-link::before {
                width: auto;
                padding: 2px 5px;
                font-size: .4rem;
                top: -2px
            }
    }

    .alert {
        font-family: overpasssemibold,sans-serif;
        text-transform: uppercase;
        font-size: .8rem;
        width: 100%
    }

    @media only screen and (min-width :1201px) {
        .alert {
            font-size: .9rem
        }
    }

    @media only screen and (max-width :1185px) {
        .alert {
            font-size: .8rem
        }
    }

    @media only screen and (max-width :800px) {
        .alert {
            font-size: .7rem
        }
    }

    @media only screen and (max-width :576px) {
        .alert {
            font-size: .7rem
        }
    }

    .login .alert {
        font-size: .775rem
    }

    .alert.floating {
        z-index: 1040;
        opacity: .9;
        position: fixed;
        bottom: 1%;
        right: 1%;
        width: 98%;
        margin: 0
    }

    .alert.alert-danger {
        border: none;
        background-color: #ef3742;
        color: #fff
    }

    .alert.alert-success {
        border: none;
        background-color: #00953a;
        color: #fff
    }

    .alert.alert-warning {
        border: none;
        background-color: gold;
        color: #595b5a
    }

        .alert.alert-warning button {
            opacity: .3;
            filter: grayscale(100%) brightness(0);
            -webkit-filter: grayscale(100%) brightness(0)
        }

    .alert button {
        background-image: url(../img/svg/_lite_cerrar.svg);
        background-size: 120%;
        background-repeat: no-repeat;
        background-position: center center;
        height: 50px
    }

        .alert button span {
            display: none
        }

    .alerta {
        height: 30px;
        color: #ef3742;
        font-size: .8rem;
        font-family: overpassregular,sans-serif,sans-serif;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center
    }

        .alerta .bci-icon {
            opacity: 1;
            filter: grayscale(0);
            -webkit-filter: grayscale(0);
            margin-right: 10px;
            height: 20px;
            width: 20px
        }

    .modulo-404 {
        display: block;
        margin: 10px auto;
        width: 98%;
        max-width: 1200px
    }

        .modulo-404 img {
            width: 100%;
            height: auto
        }

        .modulo-404 h1 {
            font-size: 2rem;
            text-align: center
        }

    @media only screen and (max-width :800px) {
        .modulo-404 h1 {
            font-size: 1.8rem
        }
    }

    @media only screen and (max-width :576px) {
        .modulo-404 h1 {
            font-size: 1.4rem
        }
    }

    .modulo-404 h4 {
        text-align: center;
        font-size: 1rem;
        padding: 5px 25% 15px
    }

    @media only screen and (max-width :800px) {
        .modulo-404 h4 {
            padding: 5px 15% 15px;
            font-size: .9rem
        }
    }

    @media only screen and (max-width :576px) {
        .modulo-404 h4 {
            padding: 5px 5% 15px;
            font-size: .8 rem
        }
    }

    .modulo-404 .row {
        width: 70%;
        margin: 0 auto
    }

    @media only screen and (max-width :800px) {
        .modulo-404 .row {
            width: 85%
        }
    }

    @media only screen and (max-width :576px) {
        .modulo-404 .row {
            width: 100%
        }
    }

    .modulo-404 div {
        text-align: center
    }

    .modulo-404 .boton {
        min-width: 160px
    }

    @media only screen and (max-width :800px) {
        .modulo-404 .boton {
            min-width: 200px
        }
    }

    @media only screen and (max-width :576px) {
        .modulo-404 .boton {
            min-width: 280px
        }
    }

    @media only screen and (max-width :576px) {
        .campana-carrusel .carousel .carousel-inner .carousel-item {
            height: 200px
        }
    }

    .campana-carrusel .carousel .navegar {
        height: 60px;
        width: 60px;
        display: block;
        background-color: #fff;
        border-radius: 30px;
        background-size: 40px 40px;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        transition: all .1s ease-out
    }

        .campana-carrusel .carousel .navegar:hover {
            background-size: 30px 30px;
            background-color: rgba(255,255,255,.8)
        }

    @media only screen and (max-width :576px) {
        .campana-carrusel .carousel .navegar {
            height: 40px;
            width: 40px;
            background-size: 20px 20px
        }
    }

    .campana-carrusel .carousel .navegar.next {
        position: absolute;
        top: 50%;
        left: 98%;
        transform: translate(-98%,-50%);
        background-image: url(../img/svg/_lite_next_arrow.svg)
    }

    .campana-carrusel .carousel .navegar.prev {
        position: absolute;
        top: 50%;
        left: 2%;
        transform: translate(-2%,-50%);
        background-image: url(../img/svg/_lite_back_arrow.svg)
    }

    .campana-carrusel .carousel .carousel-item {
        height: 330px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right center
    }

        .campana-carrusel .carousel .carousel-item .card {
            z-index: 2;
            display: block;
            position: absolute;
            top: 50%;
            left: 18%;
            transform: translate(-18%,-50%);
            width: 400px;
            background-color: rgba(0,0,0,.5) !important;
            padding: .5rem;
            text-align: center
        }

    @media only screen and (max-width :800px) {
        .campana-carrusel .carousel .carousel-item .card {
            width: 70%;
            left: 15%
        }
    }

    @media only screen and (max-width :576px) {
        .campana-carrusel .carousel .carousel-item .card {
            width: 90%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }
    }

    .campana-carrusel .carousel .carousel-item .card .boton {
        display: inline-block;
        width: 50%;
        font-size: 1rem;
        padding: 6px 10px
    }

    @media only screen and (max-width :576px) {
        .campana-carrusel .carousel .carousel-item .card .boton {
            font-size: .7rem;
            padding: 6px 2px;
            min-width: 60%
        }
    }

    .campana-carrusel .carousel .carousel-item .card h1 {
        border: none;
        color: #fff;
        font-size: 2.4rem;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-family: overpassbold,sans-serif
    }

    @media only screen and (max-width :576px) {
        .campana-carrusel .carousel .carousel-item .card h1 {
            font-size: 1.4rem
        }
    }

    .campana-carrusel .carousel .carousel-item .card h2 {
        border: none;
        color: #fff;
        font-size: 1.1rem;
        width: 100%;
        text-align: center;
        font-family: overpasslight,sans-serif
    }

    @media only screen and (max-width :576px) {
        .campana-carrusel .carousel .carousel-item .card h2 {
            font-size: 1rem
        }
    }

    .mapa {
        border: 1px solid #e5e5e5;
        margin: 10px 0;
        width: 100%;
        min-height: 100px;
        display: block;
        background: gold;
        overflow: hidden;
        border-radius: 10px
    }

        .mapa.alto_0 {
            min-height: 0
        }

    @media only screen and (max-width :576px) {
        .mapa.alto_0 {
            min-height: 0
        }
    }

    .mapa.alto_1 {
        min-height: 1px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_1 {
            min-height: .8px
        }
    }

    .mapa.alto_2 {
        min-height: 2px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_2 {
            min-height: 1.6px
        }
    }

    .mapa.alto_3 {
        min-height: 3px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_3 {
            min-height: 2.4px
        }
    }

    .mapa.alto_4 {
        min-height: 4px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_4 {
            min-height: 3.2px
        }
    }

    .mapa.alto_5 {
        min-height: 5px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_5 {
            min-height: 4px
        }
    }

    .mapa.alto_6 {
        min-height: 6px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_6 {
            min-height: 4.8px
        }
    }

    .mapa.alto_7 {
        min-height: 7px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_7 {
            min-height: 5.6px
        }
    }

    .mapa.alto_8 {
        min-height: 8px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_8 {
            min-height: 6.4px
        }
    }

    .mapa.alto_9 {
        min-height: 9px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_9 {
            min-height: 7.2px
        }
    }

    .mapa.alto_10 {
        min-height: 10px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_10 {
            min-height: 8px
        }
    }

    .mapa.alto_11 {
        min-height: 11px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_11 {
            min-height: 8.8px
        }
    }

    .mapa.alto_12 {
        min-height: 12px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_12 {
            min-height: 9.6px
        }
    }

    .mapa.alto_13 {
        min-height: 13px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_13 {
            min-height: 10.4px
        }
    }

    .mapa.alto_14 {
        min-height: 14px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_14 {
            min-height: 11.2px
        }
    }

    .mapa.alto_15 {
        min-height: 15px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_15 {
            min-height: 12px
        }
    }

    .mapa.alto_16 {
        min-height: 16px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_16 {
            min-height: 12.8px
        }
    }

    .mapa.alto_17 {
        min-height: 17px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_17 {
            min-height: 13.6px
        }
    }

    .mapa.alto_18 {
        min-height: 18px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_18 {
            min-height: 14.4px
        }
    }

    .mapa.alto_19 {
        min-height: 19px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_19 {
            min-height: 15.2px
        }
    }

    .mapa.alto_20 {
        min-height: 20px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_20 {
            min-height: 16px
        }
    }

    .mapa.alto_21 {
        min-height: 21px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_21 {
            min-height: 16.8px
        }
    }

    .mapa.alto_22 {
        min-height: 22px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_22 {
            min-height: 17.6px
        }
    }

    .mapa.alto_23 {
        min-height: 23px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_23 {
            min-height: 18.4px
        }
    }

    .mapa.alto_24 {
        min-height: 24px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_24 {
            min-height: 19.2px
        }
    }

    .mapa.alto_25 {
        min-height: 25px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_25 {
            min-height: 20px
        }
    }

    .mapa.alto_26 {
        min-height: 26px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_26 {
            min-height: 20.8px
        }
    }

    .mapa.alto_27 {
        min-height: 27px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_27 {
            min-height: 21.6px
        }
    }

    .mapa.alto_28 {
        min-height: 28px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_28 {
            min-height: 22.4px
        }
    }

    .mapa.alto_29 {
        min-height: 29px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_29 {
            min-height: 23.2px
        }
    }

    .mapa.alto_30 {
        min-height: 30px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_30 {
            min-height: 24px
        }
    }

    .mapa.alto_31 {
        min-height: 31px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_31 {
            min-height: 24.8px
        }
    }

    .mapa.alto_32 {
        min-height: 32px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_32 {
            min-height: 25.6px
        }
    }

    .mapa.alto_33 {
        min-height: 33px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_33 {
            min-height: 26.4px
        }
    }

    .mapa.alto_34 {
        min-height: 34px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_34 {
            min-height: 27.2px
        }
    }

    .mapa.alto_35 {
        min-height: 35px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_35 {
            min-height: 28px
        }
    }

    .mapa.alto_36 {
        min-height: 36px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_36 {
            min-height: 28.8px
        }
    }

    .mapa.alto_37 {
        min-height: 37px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_37 {
            min-height: 29.6px
        }
    }

    .mapa.alto_38 {
        min-height: 38px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_38 {
            min-height: 30.4px
        }
    }

    .mapa.alto_39 {
        min-height: 39px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_39 {
            min-height: 31.2px
        }
    }

    .mapa.alto_40 {
        min-height: 40px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_40 {
            min-height: 32px
        }
    }

    .mapa.alto_41 {
        min-height: 41px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_41 {
            min-height: 32.8px
        }
    }

    .mapa.alto_42 {
        min-height: 42px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_42 {
            min-height: 33.6px
        }
    }

    .mapa.alto_43 {
        min-height: 43px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_43 {
            min-height: 34.4px
        }
    }

    .mapa.alto_44 {
        min-height: 44px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_44 {
            min-height: 35.2px
        }
    }

    .mapa.alto_45 {
        min-height: 45px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_45 {
            min-height: 36px
        }
    }

    .mapa.alto_46 {
        min-height: 46px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_46 {
            min-height: 36.8px
        }
    }

    .mapa.alto_47 {
        min-height: 47px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_47 {
            min-height: 37.6px
        }
    }

    .mapa.alto_48 {
        min-height: 48px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_48 {
            min-height: 38.4px
        }
    }

    .mapa.alto_49 {
        min-height: 49px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_49 {
            min-height: 39.2px
        }
    }

    .mapa.alto_50 {
        min-height: 50px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_50 {
            min-height: 40px
        }
    }

    .mapa.alto_51 {
        min-height: 51px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_51 {
            min-height: 40.8px
        }
    }

    .mapa.alto_52 {
        min-height: 52px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_52 {
            min-height: 41.6px
        }
    }

    .mapa.alto_53 {
        min-height: 53px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_53 {
            min-height: 42.4px
        }
    }

    .mapa.alto_54 {
        min-height: 54px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_54 {
            min-height: 43.2px
        }
    }

    .mapa.alto_55 {
        min-height: 55px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_55 {
            min-height: 44px
        }
    }

    .mapa.alto_56 {
        min-height: 56px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_56 {
            min-height: 44.8px
        }
    }

    .mapa.alto_57 {
        min-height: 57px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_57 {
            min-height: 45.6px
        }
    }

    .mapa.alto_58 {
        min-height: 58px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_58 {
            min-height: 46.4px
        }
    }

    .mapa.alto_59 {
        min-height: 59px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_59 {
            min-height: 47.2px
        }
    }

    .mapa.alto_60 {
        min-height: 60px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_60 {
            min-height: 48px
        }
    }

    .mapa.alto_61 {
        min-height: 61px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_61 {
            min-height: 48.8px
        }
    }

    .mapa.alto_62 {
        min-height: 62px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_62 {
            min-height: 49.6px
        }
    }

    .mapa.alto_63 {
        min-height: 63px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_63 {
            min-height: 50.4px
        }
    }

    .mapa.alto_64 {
        min-height: 64px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_64 {
            min-height: 51.2px
        }
    }

    .mapa.alto_65 {
        min-height: 65px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_65 {
            min-height: 52px
        }
    }

    .mapa.alto_66 {
        min-height: 66px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_66 {
            min-height: 52.8px
        }
    }

    .mapa.alto_67 {
        min-height: 67px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_67 {
            min-height: 53.6px
        }
    }

    .mapa.alto_68 {
        min-height: 68px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_68 {
            min-height: 54.4px
        }
    }

    .mapa.alto_69 {
        min-height: 69px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_69 {
            min-height: 55.2px
        }
    }

    .mapa.alto_70 {
        min-height: 70px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_70 {
            min-height: 56px
        }
    }

    .mapa.alto_71 {
        min-height: 71px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_71 {
            min-height: 56.8px
        }
    }

    .mapa.alto_72 {
        min-height: 72px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_72 {
            min-height: 57.6px
        }
    }

    .mapa.alto_73 {
        min-height: 73px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_73 {
            min-height: 58.4px
        }
    }

    .mapa.alto_74 {
        min-height: 74px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_74 {
            min-height: 59.2px
        }
    }

    .mapa.alto_75 {
        min-height: 75px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_75 {
            min-height: 60px
        }
    }

    .mapa.alto_76 {
        min-height: 76px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_76 {
            min-height: 60.8px
        }
    }

    .mapa.alto_77 {
        min-height: 77px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_77 {
            min-height: 61.6px
        }
    }

    .mapa.alto_78 {
        min-height: 78px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_78 {
            min-height: 62.4px
        }
    }

    .mapa.alto_79 {
        min-height: 79px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_79 {
            min-height: 63.2px
        }
    }

    .mapa.alto_80 {
        min-height: 80px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_80 {
            min-height: 64px
        }
    }

    .mapa.alto_81 {
        min-height: 81px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_81 {
            min-height: 64.8px
        }
    }

    .mapa.alto_82 {
        min-height: 82px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_82 {
            min-height: 65.6px
        }
    }

    .mapa.alto_83 {
        min-height: 83px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_83 {
            min-height: 66.4px
        }
    }

    .mapa.alto_84 {
        min-height: 84px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_84 {
            min-height: 67.2px
        }
    }

    .mapa.alto_85 {
        min-height: 85px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_85 {
            min-height: 68px
        }
    }

    .mapa.alto_86 {
        min-height: 86px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_86 {
            min-height: 68.8px
        }
    }

    .mapa.alto_87 {
        min-height: 87px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_87 {
            min-height: 69.6px
        }
    }

    .mapa.alto_88 {
        min-height: 88px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_88 {
            min-height: 70.4px
        }
    }

    .mapa.alto_89 {
        min-height: 89px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_89 {
            min-height: 71.2px
        }
    }

    .mapa.alto_90 {
        min-height: 90px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_90 {
            min-height: 72px
        }
    }

    .mapa.alto_91 {
        min-height: 91px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_91 {
            min-height: 72.8px
        }
    }

    .mapa.alto_92 {
        min-height: 92px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_92 {
            min-height: 73.6px
        }
    }

    .mapa.alto_93 {
        min-height: 93px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_93 {
            min-height: 74.4px
        }
    }

    .mapa.alto_94 {
        min-height: 94px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_94 {
            min-height: 75.2px
        }
    }

    .mapa.alto_95 {
        min-height: 95px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_95 {
            min-height: 76px
        }
    }

    .mapa.alto_96 {
        min-height: 96px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_96 {
            min-height: 76.8px
        }
    }

    .mapa.alto_97 {
        min-height: 97px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_97 {
            min-height: 77.6px
        }
    }

    .mapa.alto_98 {
        min-height: 98px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_98 {
            min-height: 78.4px
        }
    }

    .mapa.alto_99 {
        min-height: 99px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_99 {
            min-height: 79.2px
        }
    }

    .mapa.alto_100 {
        min-height: 100px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_100 {
            min-height: 80px
        }
    }

    .mapa.alto_101 {
        min-height: 101px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_101 {
            min-height: 80.8px
        }
    }

    .mapa.alto_102 {
        min-height: 102px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_102 {
            min-height: 81.6px
        }
    }

    .mapa.alto_103 {
        min-height: 103px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_103 {
            min-height: 82.4px
        }
    }

    .mapa.alto_104 {
        min-height: 104px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_104 {
            min-height: 83.2px
        }
    }

    .mapa.alto_105 {
        min-height: 105px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_105 {
            min-height: 84px
        }
    }

    .mapa.alto_106 {
        min-height: 106px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_106 {
            min-height: 84.8px
        }
    }

    .mapa.alto_107 {
        min-height: 107px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_107 {
            min-height: 85.6px
        }
    }

    .mapa.alto_108 {
        min-height: 108px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_108 {
            min-height: 86.4px
        }
    }

    .mapa.alto_109 {
        min-height: 109px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_109 {
            min-height: 87.2px
        }
    }

    .mapa.alto_110 {
        min-height: 110px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_110 {
            min-height: 88px
        }
    }

    .mapa.alto_111 {
        min-height: 111px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_111 {
            min-height: 88.8px
        }
    }

    .mapa.alto_112 {
        min-height: 112px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_112 {
            min-height: 89.6px
        }
    }

    .mapa.alto_113 {
        min-height: 113px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_113 {
            min-height: 90.4px
        }
    }

    .mapa.alto_114 {
        min-height: 114px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_114 {
            min-height: 91.2px
        }
    }

    .mapa.alto_115 {
        min-height: 115px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_115 {
            min-height: 92px
        }
    }

    .mapa.alto_116 {
        min-height: 116px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_116 {
            min-height: 92.8px
        }
    }

    .mapa.alto_117 {
        min-height: 117px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_117 {
            min-height: 93.6px
        }
    }

    .mapa.alto_118 {
        min-height: 118px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_118 {
            min-height: 94.4px
        }
    }

    .mapa.alto_119 {
        min-height: 119px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_119 {
            min-height: 95.2px
        }
    }

    .mapa.alto_120 {
        min-height: 120px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_120 {
            min-height: 96px
        }
    }

    .mapa.alto_121 {
        min-height: 121px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_121 {
            min-height: 96.8px
        }
    }

    .mapa.alto_122 {
        min-height: 122px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_122 {
            min-height: 97.6px
        }
    }

    .mapa.alto_123 {
        min-height: 123px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_123 {
            min-height: 98.4px
        }
    }

    .mapa.alto_124 {
        min-height: 124px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_124 {
            min-height: 99.2px
        }
    }

    .mapa.alto_125 {
        min-height: 125px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_125 {
            min-height: 100px
        }
    }

    .mapa.alto_126 {
        min-height: 126px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_126 {
            min-height: 100.8px
        }
    }

    .mapa.alto_127 {
        min-height: 127px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_127 {
            min-height: 101.6px
        }
    }

    .mapa.alto_128 {
        min-height: 128px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_128 {
            min-height: 102.4px
        }
    }

    .mapa.alto_129 {
        min-height: 129px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_129 {
            min-height: 103.2px
        }
    }

    .mapa.alto_130 {
        min-height: 130px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_130 {
            min-height: 104px
        }
    }

    .mapa.alto_131 {
        min-height: 131px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_131 {
            min-height: 104.8px
        }
    }

    .mapa.alto_132 {
        min-height: 132px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_132 {
            min-height: 105.6px
        }
    }

    .mapa.alto_133 {
        min-height: 133px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_133 {
            min-height: 106.4px
        }
    }

    .mapa.alto_134 {
        min-height: 134px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_134 {
            min-height: 107.2px
        }
    }

    .mapa.alto_135 {
        min-height: 135px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_135 {
            min-height: 108px
        }
    }

    .mapa.alto_136 {
        min-height: 136px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_136 {
            min-height: 108.8px
        }
    }

    .mapa.alto_137 {
        min-height: 137px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_137 {
            min-height: 109.6px
        }
    }

    .mapa.alto_138 {
        min-height: 138px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_138 {
            min-height: 110.4px
        }
    }

    .mapa.alto_139 {
        min-height: 139px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_139 {
            min-height: 111.2px
        }
    }

    .mapa.alto_140 {
        min-height: 140px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_140 {
            min-height: 112px
        }
    }

    .mapa.alto_141 {
        min-height: 141px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_141 {
            min-height: 112.8px
        }
    }

    .mapa.alto_142 {
        min-height: 142px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_142 {
            min-height: 113.6px
        }
    }

    .mapa.alto_143 {
        min-height: 143px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_143 {
            min-height: 114.4px
        }
    }

    .mapa.alto_144 {
        min-height: 144px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_144 {
            min-height: 115.2px
        }
    }

    .mapa.alto_145 {
        min-height: 145px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_145 {
            min-height: 116px
        }
    }

    .mapa.alto_146 {
        min-height: 146px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_146 {
            min-height: 116.8px
        }
    }

    .mapa.alto_147 {
        min-height: 147px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_147 {
            min-height: 117.6px
        }
    }

    .mapa.alto_148 {
        min-height: 148px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_148 {
            min-height: 118.4px
        }
    }

    .mapa.alto_149 {
        min-height: 149px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_149 {
            min-height: 119.2px
        }
    }

    .mapa.alto_150 {
        min-height: 150px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_150 {
            min-height: 120px
        }
    }

    .mapa.alto_151 {
        min-height: 151px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_151 {
            min-height: 120.8px
        }
    }

    .mapa.alto_152 {
        min-height: 152px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_152 {
            min-height: 121.6px
        }
    }

    .mapa.alto_153 {
        min-height: 153px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_153 {
            min-height: 122.4px
        }
    }

    .mapa.alto_154 {
        min-height: 154px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_154 {
            min-height: 123.2px
        }
    }

    .mapa.alto_155 {
        min-height: 155px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_155 {
            min-height: 124px
        }
    }

    .mapa.alto_156 {
        min-height: 156px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_156 {
            min-height: 124.8px
        }
    }

    .mapa.alto_157 {
        min-height: 157px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_157 {
            min-height: 125.6px
        }
    }

    .mapa.alto_158 {
        min-height: 158px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_158 {
            min-height: 126.4px
        }
    }

    .mapa.alto_159 {
        min-height: 159px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_159 {
            min-height: 127.2px
        }
    }

    .mapa.alto_160 {
        min-height: 160px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_160 {
            min-height: 128px
        }
    }

    .mapa.alto_161 {
        min-height: 161px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_161 {
            min-height: 128.8px
        }
    }

    .mapa.alto_162 {
        min-height: 162px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_162 {
            min-height: 129.6px
        }
    }

    .mapa.alto_163 {
        min-height: 163px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_163 {
            min-height: 130.4px
        }
    }

    .mapa.alto_164 {
        min-height: 164px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_164 {
            min-height: 131.2px
        }
    }

    .mapa.alto_165 {
        min-height: 165px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_165 {
            min-height: 132px
        }
    }

    .mapa.alto_166 {
        min-height: 166px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_166 {
            min-height: 132.8px
        }
    }

    .mapa.alto_167 {
        min-height: 167px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_167 {
            min-height: 133.6px
        }
    }

    .mapa.alto_168 {
        min-height: 168px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_168 {
            min-height: 134.4px
        }
    }

    .mapa.alto_169 {
        min-height: 169px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_169 {
            min-height: 135.2px
        }
    }

    .mapa.alto_170 {
        min-height: 170px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_170 {
            min-height: 136px
        }
    }

    .mapa.alto_171 {
        min-height: 171px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_171 {
            min-height: 136.8px
        }
    }

    .mapa.alto_172 {
        min-height: 172px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_172 {
            min-height: 137.6px
        }
    }

    .mapa.alto_173 {
        min-height: 173px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_173 {
            min-height: 138.4px
        }
    }

    .mapa.alto_174 {
        min-height: 174px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_174 {
            min-height: 139.2px
        }
    }

    .mapa.alto_175 {
        min-height: 175px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_175 {
            min-height: 140px
        }
    }

    .mapa.alto_176 {
        min-height: 176px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_176 {
            min-height: 140.8px
        }
    }

    .mapa.alto_177 {
        min-height: 177px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_177 {
            min-height: 141.6px
        }
    }

    .mapa.alto_178 {
        min-height: 178px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_178 {
            min-height: 142.4px
        }
    }

    .mapa.alto_179 {
        min-height: 179px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_179 {
            min-height: 143.2px
        }
    }

    .mapa.alto_180 {
        min-height: 180px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_180 {
            min-height: 144px
        }
    }

    .mapa.alto_181 {
        min-height: 181px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_181 {
            min-height: 144.8px
        }
    }

    .mapa.alto_182 {
        min-height: 182px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_182 {
            min-height: 145.6px
        }
    }

    .mapa.alto_183 {
        min-height: 183px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_183 {
            min-height: 146.4px
        }
    }

    .mapa.alto_184 {
        min-height: 184px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_184 {
            min-height: 147.2px
        }
    }

    .mapa.alto_185 {
        min-height: 185px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_185 {
            min-height: 148px
        }
    }

    .mapa.alto_186 {
        min-height: 186px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_186 {
            min-height: 148.8px
        }
    }

    .mapa.alto_187 {
        min-height: 187px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_187 {
            min-height: 149.6px
        }
    }

    .mapa.alto_188 {
        min-height: 188px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_188 {
            min-height: 150.4px
        }
    }

    .mapa.alto_189 {
        min-height: 189px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_189 {
            min-height: 151.2px
        }
    }

    .mapa.alto_190 {
        min-height: 190px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_190 {
            min-height: 152px
        }
    }

    .mapa.alto_191 {
        min-height: 191px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_191 {
            min-height: 152.8px
        }
    }

    .mapa.alto_192 {
        min-height: 192px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_192 {
            min-height: 153.6px
        }
    }

    .mapa.alto_193 {
        min-height: 193px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_193 {
            min-height: 154.4px
        }
    }

    .mapa.alto_194 {
        min-height: 194px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_194 {
            min-height: 155.2px
        }
    }

    .mapa.alto_195 {
        min-height: 195px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_195 {
            min-height: 156px
        }
    }

    .mapa.alto_196 {
        min-height: 196px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_196 {
            min-height: 156.8px
        }
    }

    .mapa.alto_197 {
        min-height: 197px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_197 {
            min-height: 157.6px
        }
    }

    .mapa.alto_198 {
        min-height: 198px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_198 {
            min-height: 158.4px
        }
    }

    .mapa.alto_199 {
        min-height: 199px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_199 {
            min-height: 159.2px
        }
    }

    .mapa.alto_200 {
        min-height: 200px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_200 {
            min-height: 160px
        }
    }

    .mapa.alto_201 {
        min-height: 201px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_201 {
            min-height: 160.8px
        }
    }

    .mapa.alto_202 {
        min-height: 202px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_202 {
            min-height: 161.6px
        }
    }

    .mapa.alto_203 {
        min-height: 203px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_203 {
            min-height: 162.4px
        }
    }

    .mapa.alto_204 {
        min-height: 204px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_204 {
            min-height: 163.2px
        }
    }

    .mapa.alto_205 {
        min-height: 205px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_205 {
            min-height: 164px
        }
    }

    .mapa.alto_206 {
        min-height: 206px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_206 {
            min-height: 164.8px
        }
    }

    .mapa.alto_207 {
        min-height: 207px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_207 {
            min-height: 165.6px
        }
    }

    .mapa.alto_208 {
        min-height: 208px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_208 {
            min-height: 166.4px
        }
    }

    .mapa.alto_209 {
        min-height: 209px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_209 {
            min-height: 167.2px
        }
    }

    .mapa.alto_210 {
        min-height: 210px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_210 {
            min-height: 168px
        }
    }

    .mapa.alto_211 {
        min-height: 211px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_211 {
            min-height: 168.8px
        }
    }

    .mapa.alto_212 {
        min-height: 212px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_212 {
            min-height: 169.6px
        }
    }

    .mapa.alto_213 {
        min-height: 213px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_213 {
            min-height: 170.4px
        }
    }

    .mapa.alto_214 {
        min-height: 214px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_214 {
            min-height: 171.2px
        }
    }

    .mapa.alto_215 {
        min-height: 215px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_215 {
            min-height: 172px
        }
    }

    .mapa.alto_216 {
        min-height: 216px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_216 {
            min-height: 172.8px
        }
    }

    .mapa.alto_217 {
        min-height: 217px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_217 {
            min-height: 173.6px
        }
    }

    .mapa.alto_218 {
        min-height: 218px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_218 {
            min-height: 174.4px
        }
    }

    .mapa.alto_219 {
        min-height: 219px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_219 {
            min-height: 175.2px
        }
    }

    .mapa.alto_220 {
        min-height: 220px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_220 {
            min-height: 176px
        }
    }

    .mapa.alto_221 {
        min-height: 221px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_221 {
            min-height: 176.8px
        }
    }

    .mapa.alto_222 {
        min-height: 222px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_222 {
            min-height: 177.6px
        }
    }

    .mapa.alto_223 {
        min-height: 223px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_223 {
            min-height: 178.4px
        }
    }

    .mapa.alto_224 {
        min-height: 224px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_224 {
            min-height: 179.2px
        }
    }

    .mapa.alto_225 {
        min-height: 225px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_225 {
            min-height: 180px
        }
    }

    .mapa.alto_226 {
        min-height: 226px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_226 {
            min-height: 180.8px
        }
    }

    .mapa.alto_227 {
        min-height: 227px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_227 {
            min-height: 181.6px
        }
    }

    .mapa.alto_228 {
        min-height: 228px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_228 {
            min-height: 182.4px
        }
    }

    .mapa.alto_229 {
        min-height: 229px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_229 {
            min-height: 183.2px
        }
    }

    .mapa.alto_230 {
        min-height: 230px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_230 {
            min-height: 184px
        }
    }

    .mapa.alto_231 {
        min-height: 231px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_231 {
            min-height: 184.8px
        }
    }

    .mapa.alto_232 {
        min-height: 232px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_232 {
            min-height: 185.6px
        }
    }

    .mapa.alto_233 {
        min-height: 233px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_233 {
            min-height: 186.4px
        }
    }

    .mapa.alto_234 {
        min-height: 234px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_234 {
            min-height: 187.2px
        }
    }

    .mapa.alto_235 {
        min-height: 235px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_235 {
            min-height: 188px
        }
    }

    .mapa.alto_236 {
        min-height: 236px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_236 {
            min-height: 188.8px
        }
    }

    .mapa.alto_237 {
        min-height: 237px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_237 {
            min-height: 189.6px
        }
    }

    .mapa.alto_238 {
        min-height: 238px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_238 {
            min-height: 190.4px
        }
    }

    .mapa.alto_239 {
        min-height: 239px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_239 {
            min-height: 191.2px
        }
    }

    .mapa.alto_240 {
        min-height: 240px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_240 {
            min-height: 192px
        }
    }

    .mapa.alto_241 {
        min-height: 241px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_241 {
            min-height: 192.8px
        }
    }

    .mapa.alto_242 {
        min-height: 242px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_242 {
            min-height: 193.6px
        }
    }

    .mapa.alto_243 {
        min-height: 243px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_243 {
            min-height: 194.4px
        }
    }

    .mapa.alto_244 {
        min-height: 244px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_244 {
            min-height: 195.2px
        }
    }

    .mapa.alto_245 {
        min-height: 245px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_245 {
            min-height: 196px
        }
    }

    .mapa.alto_246 {
        min-height: 246px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_246 {
            min-height: 196.8px
        }
    }

    .mapa.alto_247 {
        min-height: 247px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_247 {
            min-height: 197.6px
        }
    }

    .mapa.alto_248 {
        min-height: 248px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_248 {
            min-height: 198.4px
        }
    }

    .mapa.alto_249 {
        min-height: 249px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_249 {
            min-height: 199.2px
        }
    }

    .mapa.alto_250 {
        min-height: 250px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_250 {
            min-height: 200px
        }
    }

    .mapa.alto_251 {
        min-height: 251px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_251 {
            min-height: 200.8px
        }
    }

    .mapa.alto_252 {
        min-height: 252px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_252 {
            min-height: 201.6px
        }
    }

    .mapa.alto_253 {
        min-height: 253px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_253 {
            min-height: 202.4px
        }
    }

    .mapa.alto_254 {
        min-height: 254px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_254 {
            min-height: 203.2px
        }
    }

    .mapa.alto_255 {
        min-height: 255px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_255 {
            min-height: 204px
        }
    }

    .mapa.alto_256 {
        min-height: 256px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_256 {
            min-height: 204.8px
        }
    }

    .mapa.alto_257 {
        min-height: 257px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_257 {
            min-height: 205.6px
        }
    }

    .mapa.alto_258 {
        min-height: 258px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_258 {
            min-height: 206.4px
        }
    }

    .mapa.alto_259 {
        min-height: 259px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_259 {
            min-height: 207.2px
        }
    }

    .mapa.alto_260 {
        min-height: 260px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_260 {
            min-height: 208px
        }
    }

    .mapa.alto_261 {
        min-height: 261px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_261 {
            min-height: 208.8px
        }
    }

    .mapa.alto_262 {
        min-height: 262px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_262 {
            min-height: 209.6px
        }
    }

    .mapa.alto_263 {
        min-height: 263px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_263 {
            min-height: 210.4px
        }
    }

    .mapa.alto_264 {
        min-height: 264px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_264 {
            min-height: 211.2px
        }
    }

    .mapa.alto_265 {
        min-height: 265px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_265 {
            min-height: 212px
        }
    }

    .mapa.alto_266 {
        min-height: 266px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_266 {
            min-height: 212.8px
        }
    }

    .mapa.alto_267 {
        min-height: 267px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_267 {
            min-height: 213.6px
        }
    }

    .mapa.alto_268 {
        min-height: 268px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_268 {
            min-height: 214.4px
        }
    }

    .mapa.alto_269 {
        min-height: 269px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_269 {
            min-height: 215.2px
        }
    }

    .mapa.alto_270 {
        min-height: 270px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_270 {
            min-height: 216px
        }
    }

    .mapa.alto_271 {
        min-height: 271px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_271 {
            min-height: 216.8px
        }
    }

    .mapa.alto_272 {
        min-height: 272px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_272 {
            min-height: 217.6px
        }
    }

    .mapa.alto_273 {
        min-height: 273px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_273 {
            min-height: 218.4px
        }
    }

    .mapa.alto_274 {
        min-height: 274px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_274 {
            min-height: 219.2px
        }
    }

    .mapa.alto_275 {
        min-height: 275px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_275 {
            min-height: 220px
        }
    }

    .mapa.alto_276 {
        min-height: 276px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_276 {
            min-height: 220.8px
        }
    }

    .mapa.alto_277 {
        min-height: 277px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_277 {
            min-height: 221.6px
        }
    }

    .mapa.alto_278 {
        min-height: 278px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_278 {
            min-height: 222.4px
        }
    }

    .mapa.alto_279 {
        min-height: 279px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_279 {
            min-height: 223.2px
        }
    }

    .mapa.alto_280 {
        min-height: 280px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_280 {
            min-height: 224px
        }
    }

    .mapa.alto_281 {
        min-height: 281px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_281 {
            min-height: 224.8px
        }
    }

    .mapa.alto_282 {
        min-height: 282px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_282 {
            min-height: 225.6px
        }
    }

    .mapa.alto_283 {
        min-height: 283px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_283 {
            min-height: 226.4px
        }
    }

    .mapa.alto_284 {
        min-height: 284px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_284 {
            min-height: 227.2px
        }
    }

    .mapa.alto_285 {
        min-height: 285px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_285 {
            min-height: 228px
        }
    }

    .mapa.alto_286 {
        min-height: 286px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_286 {
            min-height: 228.8px
        }
    }

    .mapa.alto_287 {
        min-height: 287px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_287 {
            min-height: 229.6px
        }
    }

    .mapa.alto_288 {
        min-height: 288px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_288 {
            min-height: 230.4px
        }
    }

    .mapa.alto_289 {
        min-height: 289px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_289 {
            min-height: 231.2px
        }
    }

    .mapa.alto_290 {
        min-height: 290px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_290 {
            min-height: 232px
        }
    }

    .mapa.alto_291 {
        min-height: 291px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_291 {
            min-height: 232.8px
        }
    }

    .mapa.alto_292 {
        min-height: 292px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_292 {
            min-height: 233.6px
        }
    }

    .mapa.alto_293 {
        min-height: 293px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_293 {
            min-height: 234.4px
        }
    }

    .mapa.alto_294 {
        min-height: 294px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_294 {
            min-height: 235.2px
        }
    }

    .mapa.alto_295 {
        min-height: 295px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_295 {
            min-height: 236px
        }
    }

    .mapa.alto_296 {
        min-height: 296px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_296 {
            min-height: 236.8px
        }
    }

    .mapa.alto_297 {
        min-height: 297px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_297 {
            min-height: 237.6px
        }
    }

    .mapa.alto_298 {
        min-height: 298px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_298 {
            min-height: 238.4px
        }
    }

    .mapa.alto_299 {
        min-height: 299px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_299 {
            min-height: 239.2px
        }
    }

    .mapa.alto_300 {
        min-height: 300px
    }

    @media only screen and (max-width :576px) {
        .mapa.alto_300 {
            min-height: 240px
        }
    }

    a.mobile-map-set {
        display: none
    }

    @media only screen and (max-width :800px) {
        a.mobile-map-set {
            display: block;
            position: absolute;
            right: 6px;
            width: 32px;
            height: 32px;
            top: 24px;
            border-radius: 3px;
            overflow: hidden;
            color: rgba(255,255,255,0);
            background-image: url(../img/svg/_lite_next_arrow.svg);
            background-size: auto 110%;
            background-repeat: no-repeat;
            background-position: center center;
            background-color: #00953a
        }

        .flotante ~ a.mobile-map-set {
            top: 0
        }

        a.mobile-map-set:hover {
            overflow: hidden;
            color: rgba(255,255,255,0)
        }
    }

    .bitacora-inspeccion-historial .top {
        width: 100%;
        padding: 2px 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center
    }

        .bitacora-inspeccion-historial .top h4 {
            flex: 1;
            text-align: left;
            font-size: 1rem;
            text-transform: uppercase;
            color: #595b5a
        }

        .bitacora-inspeccion-historial .top form {
            max-width: 500px;
            width: 100%;
            position: relative;
            display: inline-block;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-end;
            align-items: center;
            align-content: center;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center
        }

            .bitacora-inspeccion-historial .top form .boton {
                margin: 0;
                padding: 0;
                height: 38px;
                display: grid;
                place-content: center;
                place-items: center
            }

            .bitacora-inspeccion-historial .top form label {
                font-weight: 700;
                color: #acacac;
                font-size: .85rem;
                text-transform: uppercase;
                margin: 0 8px 0 0;
                padding: 0
            }

            .bitacora-inspeccion-historial .top form p {
                flex: 1 0 100%;
                max-width: 33%;
                z-index: 1;
                width: 100%;
                margin-bottom: 0;
                padding-bottom: 0;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
                align-content: center;
                -webkit-align-content: center;
                -moz-align-content: center;
                -ms-align-content: center
            }

                .bitacora-inspeccion-historial .top form p input, .bitacora-inspeccion-historial .top form p select {
                    width: 100%;
                    margin: 0 8px 0 0;
                    padding: 0 34px 0 4px
                }

                .bitacora-inspeccion-historial .top form p label {
                    position: static;
                    font-size: .8rem;
                    height: auto;
                    line-height: 1;
                    margin: 0;
                    padding: 0
                }

    .bitacora-inspeccion-historial .content {
        margin: 16px 0;
        display: block
    }

        .bitacora-inspeccion-historial .content .modulo-bitacora {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: stretch;
            align-content: stretch;
            -webkit-align-content: stretch;
            -moz-align-content: stretch;
            -ms-align-content: stretch;
            background-color: #fff;
            margin-bottom: 16px;
            width: 100%;
            position: relative;
            padding-left: 36px
        }

            .bitacora-inspeccion-historial .content .modulo-bitacora .numero {
                position: absolute;
                top: 0;
                left: 0;
                width: 36px;
                background-color: #eaeaea;
                display: grid;
                place-items: center;
                font-family: overpassbold;
                font-size: 1rem;
                height: 100%
            }

            .bitacora-inspeccion-historial .content .modulo-bitacora .solicitud {
                flex: 2;
                margin: 6px;
                padding: 0 6px;
                border-left: 3px solid #eaeaea;
                border-right: 3px solid #eaeaea;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
                align-content: center;
                -webkit-align-content: center;
                -moz-align-content: center;
                -ms-align-content: center
            }

                .bitacora-inspeccion-historial .content .modulo-bitacora .solicitud h2 {
                    border: none;
                    color: #006fb9;
                    padding: 0;
                    font-family: overpassbold
                }

            .bitacora-inspeccion-historial .content .modulo-bitacora .detalle {
                margin: 8px;
                flex: 3
            }

                .bitacora-inspeccion-historial .content .modulo-bitacora .detalle > div {
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: flex-start;
                    align-items: flex-start;
                    align-content: flex-start;
                    -webkit-align-content: flex-start;
                    -moz-align-content: flex-start;
                    -ms-align-content: flex-start;
                    min-height: 30px
                }

                    .bitacora-inspeccion-historial .content .modulo-bitacora .detalle > div p, .bitacora-inspeccion-historial .content .modulo-bitacora .detalle > div span {
                        line-height: 1rem
                    }

                    .bitacora-inspeccion-historial .content .modulo-bitacora .detalle > div span {
                        font-size: .7rem;
                        flex: 1;
                        text-transform: uppercase;
                        color: #8f8f8f
                    }

                    .bitacora-inspeccion-historial .content .modulo-bitacora .detalle > div p {
                        margin: 0 0 0 10px;
                        font-size: .8rem;
                        flex: 2;
                        color: #8f8f8f
                    }

            .bitacora-inspeccion-historial .content .modulo-bitacora figure {
                width: 90px;
                display: grid;
                place-items: center;
                margin: 0
            }

                .bitacora-inspeccion-historial .content .modulo-bitacora figure img {
                    height: 30px;
                    width: auto
                }

    .pack-modulos {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-start;
        align-content: flex-start;
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        flex: 0 0 100%;
        padding: 40px;
        padding-top: 100px
    }

    @media only screen and (max-width :1185px) {
        .pack-modulos {
            justify-content: flex-end;
            align-items: flex-start;
            align-content: flex-start;
            -webkit-align-content: flex-start;
            -moz-align-content: flex-start;
            -ms-align-content: flex-start
        }
    }

    #agrupaciones .pack-modulos {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    @media only screen and (max-width :1660px) {
        #agrupaciones .pack-modulos {
            grid-template-columns: repeat(4,1fr);
            grid-column-gap: 10px
        }
    }

    @media only screen and (max-width :1440px) {
        #agrupaciones .pack-modulos {
            grid-template-columns: repeat(4,1fr);
            grid-column-gap: 10px
        }
    }

    @media only screen and (max-width :1300px) {
        #agrupaciones .pack-modulos {
            grid-template-columns: repeat(3,1fr);
            grid-column-gap: 10px
        }
    }

    @media only screen and (max-width :1185px) {
        #agrupaciones .pack-modulos {
            grid-template-columns: repeat(4,1fr);
            grid-column-gap: 10px
        }
    }

    @media only screen and (max-width :800px) {
        #agrupaciones .pack-modulos {
            grid-template-columns: repeat(3,1fr);
            grid-column-gap: 10px
        }
    }

    @media only screen and (max-width :576px) {
        #agrupaciones .pack-modulos {
            grid-template-columns: repeat(2,1fr);
            grid-column-gap: 10px
        }
    }

    .pack-modulos figcaption {
        flex: 0 0 100%;
        margin-bottom: 70px
    }

    @media only screen and (max-width :1185px) {
        .pack-modulos figcaption {
            margin-bottom: 20px;
            flex: 1 0 100%
        }
    }

    .pack-modulos figcaption h1, .pack-modulos figcaption h4 {
        text-align: right;
        color: #fff;
        font-size: 1.5rem
    }

    .pack-modulos .sub-titulares {
        flex: 1 0 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #fff;
        padding-bottom: 4px;
        margin-bottom: 10px
    }

    @media only screen and (max-width :1185px) {
        .pack-modulos .sub-titulares {
            flex: 1 0 100%
        }
    }

    .pack-modulos .sub-titulares h2 {
        padding: 0;
        text-indent: 0;
        border: 0;
        color: #fff;
        font-size: 1.3rem;
        font-style: normal
    }

    .pack-modulos .sub-titulares a {
        background-color: #fff;
        font-size: .7rem;
        margin: 0;
        font-weight: bolder;
        padding: 0;
        color: #595b5a;
        border-radius: 10px;
        background-image: url(../img/svg/_lite_next_arrow.svg);
        background-size: auto 18px;
        height: 20px;
        line-height: 19px;
        text-align: right;
        width: auto;
        padding: 0 30px 0 10px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 95% center;
        text-decoration: none
    }

        .pack-modulos .sub-titulares a:hover {
            background-color: gold
        }

    #agrupaciones .pack-modulos {
        padding: 0
    }

    .modulos {
        flex: 0 0 800px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-start;
        margin-left: 150px
    }

    @media only screen and (max-width :1185px) {
        .modulos {
            flex: 1 0 100%
        }
    }

    .item_modulo {
        height: 170px;
        flex: 1 0 22%;
        background-color: #fff;
        display: block;
        margin: 5px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        border-radius: 5px
    }

    #agrupaciones .item_modulo {
        box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
        -ms-box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
        margin: 0
    }

    .item_modulo header {
        flex: 0 0 100%;
        height: 100px;
        position: relative;
        overflow: hidden;
        z-index: 1;
        border-radius: 4px 4px 0 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch
    }

        .item_modulo header figure {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            height: 70px;
            width: 70px;
            background-color: #fff;
            border-radius: calc($figureIcon/2);
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
            -ms-box-shadow: 0 0 20px 0 rgba(0,0,0,.3)
        }

    #agrupaciones .item_modulo header figure {
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
        -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2)
    }

        #agrupaciones .item_modulo header figure img {
            height: 80%
        }

    .item_modulo header figure img {
        height: 65%;
        width: auto
    }

    .item_modulo header .background {
        width: 100%;
        height: 100%
    }

        .item_modulo header .background.azul {
            background-color: #006fb9
        }

        .item_modulo header .background.verde {
            background-color: #00953a
        }

        .item_modulo header .background.gris {
            background-color: #909090
        }

        .item_modulo header .background.grisclaro {
            background-color: #ececec
        }

    #agrupaciones .item_modulo:hover header {
        background-color: #006fb9
    }

        #agrupaciones .item_modulo:hover header .background.azul, #agrupaciones .item_modulo:hover header .background.gris, #agrupaciones .item_modulo:hover header .background.grisclaro, #agrupaciones .item_modulo:hover header .background.verde {
            background-color: #006fb9
        }

    #agrupaciones .item_modulo:hover section .tooltip_modulo.plain {
        filter: grayscale(0);
        -webkit-filter: grayscale(0)
    }

    .item_modulo section {
        flex: 0 0 100%;
        position: relative;
        height: 70px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        z-index: 20
    }

        .item_modulo section .tooltip_modulo {
            z-index: 20;
            height: 43px;
            width: 60px;
            display: block;
            position: absolute;
            top: -27px;
            right: 0;
            background-image: url(../img/tooltip_up.png);
            background-size: auto 100%;
            background-repeat: no-repeat;
            background-position: center center;
            cursor: pointer
        }

            .item_modulo section .tooltip_modulo.verde {
                background-image: url(../img/tooltip_up_gr.png)
            }

            .item_modulo section .tooltip_modulo.gris {
                background-image: url(../img/tooltip_up_gray.png)
            }

            .item_modulo section .tooltip_modulo.azul {
                background-image: url(../img/tooltip_up.png)
            }

            .item_modulo section .tooltip_modulo:hover:after {
                content: "";
                position: absolute;
                bottom: 40px;
                left: -108px;
                width: 194px;
                display: block;
                font-size: .9rem;
                line-height: 1.2;
                text-align: center;
                background: #3a3a3a;
                color: #fff;
                content: attr(data-tooltip);
                padding: 10px;
                font-family: Arial,sans-serif;
                border-radius: 4px 4px 0 0
            }

            .item_modulo section .tooltip_modulo:hover:before {
                content: "";
                position: absolute;
                display: block;
                width: 194px;
                bottom: 0;
                height: 42px;
                left: -108px;
                background-repeat: no-repeat;
                background-size: 100% auto;
                background-position: center top;
                background-image: url(../img/tooltip_bottom.svg);
                filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .1))
            }

            .item_modulo section .tooltip_modulo.plain {
                background-image: url(../img/svg/tooltip-plain.svg);
                background-size: auto 32px;
                top: -22px;
                filter: grayscale(100%);
                -webkit-filter: grayscale(100%)
            }

                .item_modulo section .tooltip_modulo.plain:after, .item_modulo section .tooltip_modulo.plain:before {
                    left: -116px
                }

        .item_modulo section a {
            display: block;
            max-width: 90%;
            color: #b2b2b2 !important;
            font-size: .8rem;
            text-decoration: none;
            text-align: center;
            cursor: pointer;
            line-height: 1.3;
            transition: color .1s linear
        }

            .item_modulo section a:hover {
                color: #666 !important
            }

    .item_modulo.pronto {
        position: relative
    }

        .item_modulo.pronto:after {
            font-family: overpassbold,sans-serif;
            content: attr(data-text);
            display: block;
            padding: 2px 5px;
            position: absolute;
            top: 18px;
            left: 0;
            z-index: 101;
            color: #fff;
            background: #006fb9;
            font-size: .65rem;
            transform: rotate(-45deg);
            border-radius: 20px
        }

        .item_modulo.pronto:hover:after {
            background-color: #fff;
            color: #006fb9
        }

        .item_modulo.pronto a {
            cursor: not-allowed;
            color: #e8e8e8 !important
        }

            .item_modulo.pronto a:hover {
                color: #e8e8e8 !important
            }

    .item_modulo .dropdown-list {
        position: absolute;
        top: 100%;
        display: none
    }

    .login-lateral {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        max-width: 1340px;
        width: 98%
    }

    .pasos {
        margin: 10px 0 0;
        padding: 0;
        display: block;
        position: relative;
        height: 30px
    }

        .pasos ul {
            width: 100%;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start
        }

            .pasos ul:after {
                content: "";
                width: 98%;
                height: 6px;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                background: #e5e5e5;
                z-index: 0
            }

            .pasos ul li {
                z-index: 10;
                list-style: none
            }

                .pasos ul li a {
                    text-decoration: none;
                    padding: 0 12px;
                    height: 30px;
                    min-width: 30px;
                    line-height: 30px;
                    color: #fff;
                    font-family: overpassbold,sans-serif;
                    font-size: .8rem;
                    text-align: center;
                    display: block;
                    border-radius: calc($alturaSteps/2);
                    background-color: #e5e5e5;
                    color: #595b5a
                }

                .pasos ul li.activo a {
                    background-color: #595b5a;
                    color: #fff
                }

                .pasos ul li.span {
                    flex: 1 1 1%;
                    -moz-flex: 1 1 1%;
                    flex: 1 1 1%;
                    -webkit-flex: 1 1 1%;
                    -moz-flex: 1 1 1%;
                    -ms-flex: 1 1 1%;
                    position: relative;
                    height: 30px;
                    margin: 0;
                    padding: 0
                }

                .pasos ul li.listo {
                    position: relative
                }

                    .pasos ul li.listo + .span:after {
                        content: "";
                        width: 102%;
                        height: 6px;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                        z-index: 0;
                        background-color: #404141
                    }

                    .pasos ul li.listo a {
                        color: #fff;
                        background-color: #404141
                    }

        .pasos.verde li.listo + .span:after {
            background-color: #006226
        }

        .pasos.verde li.listo a {
            background-color: #006226;
            color: #fff
        }

            .pasos.verde li.listo a:after {
                background-color: #006226
            }

        .pasos.verde li.activo a {
            background-color: #00953a;
            color: #fff
        }

        .pasos.rojo li.listo + .span:after {
            background-color: #e1121e
        }

        .pasos.rojo li.listo a {
            background-color: #e1121e;
            color: #fff
        }

        .pasos.rojo li.listo:after {
            background-color: #e1121e
        }

        .pasos.rojo li.activo a {
            background-color: #ef3742;
            color: #fff
        }

        .pasos.azul li.listo + .span:after {
            background-color: #005086
        }

        .pasos.azul li.listo a {
            background-color: #005086;
            color: #fff
        }

            .pasos.azul li.listo a:after {
                background-color: #005086
            }

        .pasos.azul li.activo a {
            color: #fff;
            background-color: #006fb9
        }

        .pasos.listo ul:after {
            background-color: #595b5a
        }

        .pasos.listo ul li {
            position: relative
        }

            .pasos.listo ul li a {
                color: #fff;
                background-color: #595b5a
            }

            .pasos.listo ul li:last-child a {
                color: rgba(0,111,185,0) !important
            }

            .pasos.listo ul li:last-child:after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                height: 90%;
                width: 90%;
                background-image: url(../img/svg/iconos_check_blanco.svg);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center center
            }

        .pasos.listo.verde ul:after {
            background-color: #00953a
        }

        .pasos.listo.verde ul li a {
            color: #fff;
            background-color: #00953a
        }

        .pasos.listo.rojo ul:after {
            background-color: #ef3742
        }

        .pasos.listo.rojo ul li a {
            color: #fff;
            background-color: #ef3742
        }

        .pasos.listo.azul ul:after {
            background-color: #006fb9
        }

        .pasos.listo.azul ul li a {
            color: #fff;
            background-color: #006fb9
        }

    .switch-cases {
        padding: 10px 0;
        width: calc(100%)
    }

    .cuerpo .switch-cases .alternatives {
        background-color: #fff
    }

        .cuerpo .switch-cases .alternatives li.activo {
            background-color: #f2f2f2
        }

    .switch-cases .alternatives {
        width: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start;
        background-color: #f2f2f2;
        border: 1px solid #ccc;
        border-radius: 5px;
        overflow: hidden;
        height: 85px
    }

        .switch-cases .alternatives li {
            flex: 1 1 15%;
            -moz-flex: 1 1 15%;
            flex: 1 1 15%;
            -webkit-flex: 1 1 15%;
            -moz-flex: 1 1 15%;
            -ms-flex: 1 1 15%;
            list-style: none;
            border-right: 1px solid rgba(204,204,204,.5);
            position: relative
        }

            .switch-cases .alternatives li a {
                cursor: pointer;
                width: 100%;
                display: block;
                height: 85px;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                align-content: center;
                -webkit-align-content: center;
                -moz-align-content: center;
                -ms-align-content: center
            }

                .switch-cases .alternatives li a img {
                    height: 50%;
                    width: auto;
                    filter: grayscale(100%);
                    opacity: .5;
                    -webkit-filter: grayscale(100%);
                    opacity: .5
                }

                .switch-cases .alternatives li a > p {
                    margin: 5px 0;
                    font-family: overpasslight,sans-serif
                }

            .switch-cases .alternatives li.activo {
                background-color: #fff
            }

                .switch-cases .alternatives li.activo a p {
                    color: #006fb9;
                    font-family: overpasssemibold,sans-serif
                }

                .switch-cases .alternatives li.activo a img {
                    filter: grayscale(0);
                    opacity: 1;
                    -webkit-filter: grayscale(0);
                    opacity: 1
                }

            .switch-cases .alternatives li:hover {
                background-color: #fff
            }

            .switch-cases .alternatives li:last-child {
                border: none
            }

            .switch-cases .alternatives li figure {
                text-align: center;
                margin: 0;
                padding: 0;
                display: block;
                width: 100%
            }

            .switch-cases .alternatives li img {
                display: inline-block
            }

            .switch-cases .alternatives li p {
                line-height: 1.4;
                text-align: center;
                font-family: overpassregular,sans-serif;
                font-size: .85rem !important
            }

    .switch-cases .content {
        position: relative;
        display: none;
        margin: 15px 0 10px;
        width: calc(100% - 20px);
        padding: 10px 10px 20px 10px;
        border-radius: 2px;
        background-color: #fff;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
        -ms-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05)
    }

        .switch-cases .content.activo {
            display: block
        }

        .switch-cases .content:after {
            text-shadow: 0 -2px 4px rgba(0,0,0,.1);
            content: "▲";
            color: #fff;
            position: absolute;
            font-size: 2rem;
            top: -12px;
            height: 10px;
            left: attr(data-pos)
        }

        .switch-cases .content.pos_0:after {
            left: 0
        }

        .switch-cases .content.pos_1:after {
            left: 1%
        }

        .switch-cases .content.pos_2:after {
            left: 2%
        }

        .switch-cases .content.pos_3:after {
            left: 3%
        }

        .switch-cases .content.pos_4:after {
            left: 4%
        }

        .switch-cases .content.pos_5:after {
            left: 5%
        }

        .switch-cases .content.pos_6:after {
            left: 6%
        }

        .switch-cases .content.pos_7:after {
            left: 7%
        }

        .switch-cases .content.pos_8:after {
            left: 8%
        }

        .switch-cases .content.pos_9:after {
            left: 9%
        }

        .switch-cases .content.pos_10:after {
            left: 10%
        }

        .switch-cases .content.pos_11:after {
            left: 11%
        }

        .switch-cases .content.pos_12:after {
            left: 12%
        }

        .switch-cases .content.pos_13:after {
            left: 13%
        }

        .switch-cases .content.pos_14:after {
            left: 14%
        }

        .switch-cases .content.pos_15:after {
            left: 15%
        }

        .switch-cases .content.pos_16:after {
            left: 16%
        }

        .switch-cases .content.pos_17:after {
            left: 17%
        }

        .switch-cases .content.pos_18:after {
            left: 18%
        }

        .switch-cases .content.pos_19:after {
            left: 19%
        }

        .switch-cases .content.pos_20:after {
            left: 20%
        }

        .switch-cases .content.pos_21:after {
            left: 21%
        }

        .switch-cases .content.pos_22:after {
            left: 22%
        }

        .switch-cases .content.pos_23:after {
            left: 23%
        }

        .switch-cases .content.pos_24:after {
            left: 24%
        }

        .switch-cases .content.pos_25:after {
            left: 25%
        }

        .switch-cases .content.pos_26:after {
            left: 26%
        }

        .switch-cases .content.pos_27:after {
            left: 27%
        }

        .switch-cases .content.pos_28:after {
            left: 28%
        }

        .switch-cases .content.pos_29:after {
            left: 29%
        }

        .switch-cases .content.pos_30:after {
            left: 30%
        }

        .switch-cases .content.pos_31:after {
            left: 31%
        }

        .switch-cases .content.pos_32:after {
            left: 32%
        }

        .switch-cases .content.pos_33:after {
            left: 33%
        }

        .switch-cases .content.pos_34:after {
            left: 34%
        }

        .switch-cases .content.pos_35:after {
            left: 35%
        }

        .switch-cases .content.pos_36:after {
            left: 36%
        }

        .switch-cases .content.pos_37:after {
            left: 37%
        }

        .switch-cases .content.pos_38:after {
            left: 38%
        }

        .switch-cases .content.pos_39:after {
            left: 39%
        }

        .switch-cases .content.pos_40:after {
            left: 40%
        }

        .switch-cases .content.pos_41:after {
            left: 41%
        }

        .switch-cases .content.pos_42:after {
            left: 42%
        }

        .switch-cases .content.pos_43:after {
            left: 43%
        }

        .switch-cases .content.pos_44:after {
            left: 44%
        }

        .switch-cases .content.pos_45:after {
            left: 45%
        }

        .switch-cases .content.pos_46:after {
            left: 46%
        }

        .switch-cases .content.pos_47:after {
            left: 47%
        }

        .switch-cases .content.pos_48:after {
            left: 48%
        }

        .switch-cases .content.pos_49:after {
            left: 49%
        }

        .switch-cases .content.pos_50:after {
            left: 50%
        }

        .switch-cases .content.pos_51:after {
            left: 51%
        }

        .switch-cases .content.pos_52:after {
            left: 52%
        }

        .switch-cases .content.pos_53:after {
            left: 53%
        }

        .switch-cases .content.pos_54:after {
            left: 54%
        }

        .switch-cases .content.pos_55:after {
            left: 55%
        }

        .switch-cases .content.pos_56:after {
            left: 56%
        }

        .switch-cases .content.pos_57:after {
            left: 57%
        }

        .switch-cases .content.pos_58:after {
            left: 58%
        }

        .switch-cases .content.pos_59:after {
            left: 59%
        }

        .switch-cases .content.pos_60:after {
            left: 60%
        }

        .switch-cases .content.pos_61:after {
            left: 61%
        }

        .switch-cases .content.pos_62:after {
            left: 62%
        }

        .switch-cases .content.pos_63:after {
            left: 63%
        }

        .switch-cases .content.pos_64:after {
            left: 64%
        }

        .switch-cases .content.pos_65:after {
            left: 65%
        }

        .switch-cases .content.pos_66:after {
            left: 66%
        }

        .switch-cases .content.pos_67:after {
            left: 67%
        }

        .switch-cases .content.pos_68:after {
            left: 68%
        }

        .switch-cases .content.pos_69:after {
            left: 69%
        }

        .switch-cases .content.pos_70:after {
            left: 70%
        }

        .switch-cases .content.pos_71:after {
            left: 71%
        }

        .switch-cases .content.pos_72:after {
            left: 72%
        }

        .switch-cases .content.pos_73:after {
            left: 73%
        }

        .switch-cases .content.pos_74:after {
            left: 74%
        }

        .switch-cases .content.pos_75:after {
            left: 75%
        }

        .switch-cases .content.pos_76:after {
            left: 76%
        }

        .switch-cases .content.pos_77:after {
            left: 77%
        }

        .switch-cases .content.pos_78:after {
            left: 78%
        }

        .switch-cases .content.pos_79:after {
            left: 79%
        }

        .switch-cases .content.pos_80:after {
            left: 80%
        }

        .switch-cases .content.pos_81:after {
            left: 81%
        }

        .switch-cases .content.pos_82:after {
            left: 82%
        }

        .switch-cases .content.pos_83:after {
            left: 83%
        }

        .switch-cases .content.pos_84:after {
            left: 84%
        }

        .switch-cases .content.pos_85:after {
            left: 85%
        }

        .switch-cases .content.pos_86:after {
            left: 86%
        }

        .switch-cases .content.pos_87:after {
            left: 87%
        }

        .switch-cases .content.pos_88:after {
            left: 88%
        }

        .switch-cases .content.pos_89:after {
            left: 89%
        }

        .switch-cases .content.pos_90:after {
            left: 90%
        }

        .switch-cases .content.pos_91:after {
            left: 91%
        }

        .switch-cases .content.pos_92:after {
            left: 92%
        }

        .switch-cases .content.pos_93:after {
            left: 93%
        }

        .switch-cases .content.pos_94:after {
            left: 94%
        }

        .switch-cases .content.pos_95:after {
            left: 95%
        }

        .switch-cases .content.pos_96:after {
            left: 96%
        }

        .switch-cases .content.pos_97:after {
            left: 97%
        }

        .switch-cases .content.pos_98:after {
            left: 98%
        }

        .switch-cases .content.pos_99:after {
            left: 99%
        }

        .switch-cases .content.pos_100:after {
            left: 100%
        }

    .item-hide {
        display: none !important
    }

    .datos-expandible {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch
    }

        .datos-expandible .datos-internos {
            flex: 2;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            align-content: flex-start;
            -webkit-align-content: flex-start;
            -moz-align-content: flex-start;
            -ms-align-content: flex-start;
            padding: 5px
        }

            .datos-expandible .datos-internos .modulo-dato {
                text-indent: 0;
                flex: 0 0 100%;
                margin-bottom: 10px
            }

                .datos-expandible .datos-internos .modulo-dato h4 {
                    padding: 0;
                    margin: 0;
                    font-size: .7rem;
                    line-height: 1
                }

                .datos-expandible .datos-internos .modulo-dato p {
                    padding: 0;
                    margin: 0;
                    color: #006fb9;
                    font-size: .7rem;
                    line-height: 1
                }

                .datos-expandible .datos-internos .modulo-dato small {
                    padding: 0;
                    margin: 0;
                    font-size: .6rem;
                    line-height: 1
                }

        .datos-expandible .datos-consulta {
            flex: 6
        }

            .datos-expandible .datos-consulta h3 {
                font-size: .8rem;
                font-family: overpassbold,sans-serif;
                text-indent: 0
            }

            .datos-expandible .datos-consulta p {
                text-indent: 0
            }

    .contenedor-zona {
        width: 100%;
        display: block;
        background-color: #595b5a;
        padding: 5px 5px 5px 5px
    }

        .contenedor-zona .zona-header .modulo-tabs {
            margin-top: 15px;
            margin-bottom: -1px
        }

            .contenedor-zona .zona-header .modulo-tabs ul {
                margin: 0;
                padding: 0;
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-start;
                align-items: stretch;
                align-content: stretch;
                -webkit-align-content: stretch;
                -moz-align-content: stretch;
                -ms-align-content: stretch
            }

                .contenedor-zona .zona-header .modulo-tabs ul li {
                    list-style: none;
                    margin: 0 0 0 10px;
                    padding: 0 10px;
                    display: inline-block;
                    font-size: 1rem;
                    font-family: overpasslight,sans-serif
                }

                    .contenedor-zona .zona-header .modulo-tabs ul li a {
                        cursor: pointer;
                        display: inline-block;
                        text-decoration: none;
                        height: 40px;
                        line-height: 39px
                    }

                    .contenedor-zona .zona-header .modulo-tabs ul li.activo {
                        background-color: #f2f2f2;
                        border-radius: 3px 3px 0 0
                    }

                        .contenedor-zona .zona-header .modulo-tabs ul li.activo a {
                            font-family: overpassbold,sans-serif
                        }

            .contenedor-zona .zona-header .modulo-tabs a {
                color: #fff
            }

            .contenedor-zona .zona-header .modulo-tabs li.activo a {
                color: #006fb9
            }

                .contenedor-zona .zona-header .modulo-tabs li.activo a:hover {
                    color: #006fb9
                }

        .contenedor-zona .zona-content {
            padding: 10px 0 20px 0
        }

            .contenedor-zona .zona-content.dinamica {
                display: none
            }

                .contenedor-zona .zona-content.dinamica.activo {
                    display: block;
                    background-color: #f2f2f2
                }

        .contenedor-zona .resultados-datos {
            margin-bottom: 0;
            padding-bottom: 0
        }

    .edicion-tabla {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        padding: 7px 5px 7px 5px
    }

        .edicion-tabla .data-edicion {
            flex: 0 0 100px
        }

        .edicion-tabla .content-edicion {
            flex: 1 0 50%
        }

            .edicion-tabla .content-edicion .agrupacion {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: stretch;
                align-content: stretch;
                -webkit-align-content: stretch;
                -moz-align-content: stretch;
                -ms-align-content: stretch
            }

                .edicion-tabla .content-edicion .agrupacion h4 {
                    width: 100%;
                    flex: 0 0 100%
                }

                .edicion-tabla .content-edicion .agrupacion .formularios {
                    flex: 2
                }

                .edicion-tabla .content-edicion .agrupacion .data-activate {
                    flex: 8
                }

                    .edicion-tabla .content-edicion .agrupacion .data-activate .formularios {
                        width: 98%;
                        min-width: 0;
                        margin: 0;
                        padding: 0
                    }

                        .edicion-tabla .content-edicion .agrupacion .data-activate .formularios input {
                            min-width: 0;
                            margin: 0;
                            padding: 0
                        }

            .edicion-tabla .content-edicion .data-activate.active {
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap
            }

            .edicion-tabla .content-edicion h4 {
                line-height: 1;
                margin: 4px 0 0 0;
                padding: 0;
                font-size: .7rem
            }

            .edicion-tabla .content-edicion .round-switch {
                margin: 0 !important;
                padding: 0 !important;
                width: auto;
                min-width: 0 !important
            }

                .edicion-tabla .content-edicion .round-switch input {
                    width: 0;
                    height: 0
                }

            .edicion-tabla .content-edicion .formulario-seccion {
                padding: 0 5px;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap
            }

                .edicion-tabla .content-edicion .formulario-seccion .formularios {
                    margin: 0
                }

                    .edicion-tabla .content-edicion .formulario-seccion .formularios.flex-1 {
                        flex: 1
                    }

                    .edicion-tabla .content-edicion .formulario-seccion .formularios.flex-2 {
                        flex: 2
                    }

                    .edicion-tabla .content-edicion .formulario-seccion .formularios.flex-3 {
                        flex: 3
                    }

                    .edicion-tabla .content-edicion .formulario-seccion .formularios.flex-4 {
                        flex: 4
                    }

        .edicion-tabla .btns {
            margin: 3px 0;
            border-left: 1px solid rgba(0,0,0,.05);
            flex: 0 0 24px;
            text-align: right;
            padding: 2px 11px 2px 0;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-end;
            align-content: flex-end;
            -webkit-align-content: flex-end;
            -moz-align-content: flex-end;
            -ms-align-content: flex-end
        }

            .edicion-tabla .btns a {
                width: 20px;
                height: 20px;
                display: inline-block;
                margin: 5px 0 0 0;
                padding: 0
            }

                .edicion-tabla .btns a .bci-icon {
                    margin: 0;
                    padding: 0;
                    width: 20px;
                    height: 20px
                }

    .pestanas-cerrar {
        position: absolute;
        bottom: 3px;
        right: 0;
        color: #f2f2f2;
        background: url(../img/svg/_lite_cerrar.svg) right center no-repeat;
        background-size: auto 30px;
        padding: 0 30px 0 10px;
        border-radius: 4px 4px 0 0;
        line-height: 30px;
        background-color: #404141;
        text-decoration: none
    }

        .pestanas-cerrar:hover {
            text-decoration: none;
            background-color: #272727
        }

    .botonera-modulos {
        background-color: #e9e9e9;
        border-top: 1px solid #ddd;
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center
    }

        .botonera-modulos .boton {
            margin: 0 10px
        }

        .botonera-modulos .divisor {
            flex: 1 0 49%
        }

            .botonera-modulos .divisor.izq {
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
                align-content: center;
                -webkit-align-content: center;
                -moz-align-content: center;
                -ms-align-content: center
            }

                .botonera-modulos .divisor.izq .boton {
                    margin: 0 10px 0 0
                }

            .botonera-modulos .divisor.der {
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-end;
                align-items: center;
                align-content: center;
                -webkit-align-content: center;
                -moz-align-content: center;
                -ms-align-content: center
            }

                .botonera-modulos .divisor.der .boton {
                    margin: 0 0 0 10px
                }

    .modulos-informacion {
        max-width: 1290px;
        width: 96%;
        display: block;
        position: relative
    }

        .modulos-informacion.btn-activo {
            margin-top: 16px
        }

            .modulos-informacion.btn-activo > .pestanas-cerrar {
                bottom: 100%
            }

        .modulos-informacion.expandido {
            max-width: 1640px
        }

        .modulos-informacion.agrupaciones {
            padding-left: 300px
        }

    @media only screen and (max-width :1660px) {
        .modulos-informacion.agrupaciones {
            padding-left: 250px
        }
    }

    @media only screen and (max-width :1440px) {
        .modulos-informacion.agrupaciones {
            padding-left: 300px
        }
    }

    @media only screen and (max-width :1300px) {
        .modulos-informacion.agrupaciones {
            padding-left: 35%
        }
    }

    @media only screen and (max-width :1185px) {
        .modulos-informacion.agrupaciones {
            padding-left: 0
        }
    }

    .modulos-informacion > .pestanas {
        width: 100%;
        display: block;
        position: relative
    }

        .modulos-informacion > .pestanas.dark {
            background-color: rgba(0,0,0,.8)
        }

            .modulos-informacion > .pestanas.dark .pestanas-cerrar {
                background-color: inherit
            }

                .modulos-informacion > .pestanas.dark .pestanas-cerrar:hover {
                    opacity: .7
                }

        .modulos-informacion > .pestanas ul {
            margin: 0 0 -3px 0;
            padding: 0;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
            align-content: flex-start;
            -webkit-align-content: flex-start;
            -moz-align-content: flex-start;
            -ms-align-content: flex-start
        }

            .modulos-informacion > .pestanas ul li {
                margin: 0;
                padding: 0;
                list-style: none;
                text-align: center;
                padding: 0 10px;
                color: #fff;
                line-height: 30px;
                border-top: 6px solid transparent;
                font-family: overpassregular,sans-serif;
                font-size: .95rem;
                margin: 0 8px 0 0
            }

                .modulos-informacion > .pestanas ul li:last-child {
                    margin: 0
                }

                .modulos-informacion > .pestanas ul li a {
                    width: 100%;
                    cursor: pointer;
                    color: rgba(255,255,255,.7)
                }

                    .modulos-informacion > .pestanas ul li a:hover {
                        text-decoration: none
                    }

                .modulos-informacion > .pestanas ul li:hover {
                    background-color: rgba(255,255,255,.2)
                }

    @media only screen and (max-width :1185px) {
        .modulos-informacion > .pestanas ul li {
            padding: 0 5px;
            font-size: .85rem
        }
    }

    @media only screen and (max-width :800px) {
        .modulos-informacion > .pestanas ul li {
            font-size: .8rem;
            padding: 0 2px
        }
    }

    .modulos-informacion > .pestanas ul li.activo {
        background-color: #fff;
        color: #006fb9;
        border-top: 6px solid #006fb9
    }

        .modulos-informacion > .pestanas ul li.activo a {
            color: #006fb9
        }

    .modulos-informacion .content {
        display: block;
        background: #f1f1f1;
        width: 100%
    }

        .modulos-informacion .content.dinamico {
            display: none
        }

            .modulos-informacion .content.dinamico.activo {
                display: block
            }

        .modulos-informacion .content .acciones {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
            align-content: flex-start;
            -webkit-align-content: flex-start;
            -moz-align-content: flex-start;
            -ms-align-content: flex-start;
            width: 100%;
            background-color: #fff;
            min-height: 90px;
            padding: 5px 10px 5px 10px
        }

            .modulos-informacion .content .acciones .filtros {
                flex: 11;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: flex-end;
                align-items: flex-end;
                align-content: flex-end;
                -webkit-align-content: flex-end;
                -moz-align-content: flex-end;
                -ms-align-content: flex-end
            }

    @media only screen and (max-width :1185px) {
        .modulos-informacion .content .acciones .filtros {
            flex: 12
        }
    }

    @media only screen and (max-width :1300px) {
        .modulos-informacion .content .acciones .filtros .dummy {
            display: none !important
        }
    }

    .modulos-informacion .content .acciones .filtros .boton {
        margin-bottom: 10px;
        flex: 0 0 80px;
        padding: 8px 0;
        min-width: 0
    }

    .modulos-informacion .content .acciones .filtros .vue .vs__actions .vs__clear {
        top: 0
    }

    .modulos-informacion .content .acciones .filtros .vue .vue-formulario {
        height: 40px
    }

        .modulos-informacion .content .acciones .filtros .vue .vue-formulario .vs__dropdown-toggle {
            margin: 0;
            padding: 0;
            height: 40px;
            background-color: #f1f1f1
        }

        .modulos-informacion .content .acciones .filtros .vue .vue-formulario input {
            margin: 0;
            padding: 0
        }

    .modulos-informacion .content .acciones .filtros .formularios {
        flex: 1 0 10%;
        margin-right: 10px;
        min-width: 0
    }

        .modulos-informacion .content .acciones .filtros .formularios input, .modulos-informacion .content .acciones .filtros .formularios select, .modulos-informacion .content .acciones .filtros .formularios textarea {
            min-width: 0;
            background-color: #f1f1f1
        }

    @media only screen and (max-width :800px) {
        .modulos-informacion .content .acciones .filtros .formularios .secundaria {
            display: none
        }
    }

    .modulos-informacion .content .acciones.automatico {
        min-height: 0
    }

    .modulos-informacion .content .acciones .titulares {
        margin: 5px 0 10px 0;
        padding: 0;
        flex: 0 0 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center
    }

    @media only screen and (max-width :1185px) {
        .modulos-informacion .content .acciones .titulares {
            flex: 0 0 100%
        }
    }

    .modulos-informacion .content .acciones .titulares p {
        margin: 0;
        line-height: 1;
        text-indent: 18px
    }

    @media only screen and (max-width :1185px) {
        .modulos-informacion .content .acciones .titulares p {
            display: none
        }
    }

    .modulos-informacion .content .acciones.buscadores .filtros {
        flex: 9
    }

    .modulos-informacion .content .acciones.buscadores .data-activate {
        display: none
    }

        .modulos-informacion .content .acciones.buscadores .data-activate.active {
            flex: 1;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap
        }

            .modulos-informacion .content .acciones.buscadores .data-activate.active .formularios {
                flex: 1
            }

    .modulos-informacion .content .resultados {
        width: 100%;
        min-height: 300px;
        position: relative
    }

        .modulos-informacion .content .resultados .flotante {
            width: 50%;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

        .modulos-informacion .content .resultados .informativo {
            text-align: center
        }

            .modulos-informacion .content .resultados .informativo .bci-icon {
                display: inline-block;
                height: 80px;
                width: 80%;
                background-size: auto 90%
            }

            .modulos-informacion .content .resultados .informativo p {
                font-family: overpassregular,sans-serif;
                font-size: 1rem;
                color: #aeb2af;
                text-align: center
            }

        .modulos-informacion .content .resultados .resultados-informacion {
            background: #fff;
            width: 100%;
            position: relative;
            padding: 5px 10px 10px 10px;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            align-content: center;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center
        }

            .modulos-informacion .content .resultados .resultados-informacion:after {
                position: absolute;
                top: 0;
                left: 50%;
                transform: translate(-50%,0);
                content: "";
                display: block;
                width: calc(100% - 17px);
                height: 1px;
                border-top: 1px solid rgba(0,0,0,.1)
            }

            .modulos-informacion .content .resultados .resultados-informacion p {
                margin: 0;
                font-family: overpassregular,sans-serif;
                font-size: .8rem;
                color: #595b5a;
                flex: 1
            }

            .modulos-informacion .content .resultados .resultados-informacion .boton {
                min-width: 0 !important;
                flex-grow: 0;
                margin: 2px 0 2px 10px
            }

            .modulos-informacion .content .resultados .resultados-informacion.interior {
                padding: 5px 10px 2px 10px;
                min-height: 50px;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: space-between;
                align-items: flex-start;
                align-content: flex-start;
                -webkit-align-content: flex-start;
                -moz-align-content: flex-start;
                -ms-align-content: flex-start
            }

                .modulos-informacion .content .resultados .resultados-informacion.interior .flot {
                    flex: 1
                }

                    .modulos-informacion .content .resultados .resultados-informacion.interior .flot p {
                        margin-bottom: 10px
                    }

                .modulos-informacion .content .resultados .resultados-informacion.interior .tabla-resumen {
                    flex: 0 0 430px
                }

    .icono-inline {
        display: inline-block;
        height: 20px;
        width: 30px;
        position: relative
    }

        .icono-inline .bci-icon {
            position: absolute;
            top: 3px;
            left: 0;
            height: 25px;
            margin-right: 6px;
            background-size: auto 100%;
            width: 25px
        }

    .resultados-datos {
        padding: 10px;
        margin-bottom: 30px
    }

    .modal .resultados-datos {
        padding: 0 !important;
        margin-bottom: 3px
    }

    .resultados-datos .tablaDatos td, .resultados-datos .tablaDatos th, .resultados-datos .tablas td, .resultados-datos .tablas th {
        text-align: left;
        position: relative;
        min-height: 24px !important
    }

    .resultados-datos .tablaDatos td, .resultados-datos .tablas td {
        height: 36px;
        min-height: 36px;
        position: relative
    }

        .resultados-datos .tablaDatos td .pequena, .resultados-datos .tablas td .pequena {
            height: 10px;
            width: 23px
        }

        .resultados-datos .tablaDatos td .solo-descargar, .resultados-datos .tablas td .solo-descargar {
            width: 100px;
            position: absolute;
            top: 50%;
            left: 100%;
            transform: translate(-100%,-50%)
        }

        .resultados-datos .tablaDatos td.corta, .resultados-datos .tablaDatos th.corta, .resultados-datos .tablas td.corta, .resultados-datos .tablas th.corta {
            text-align: right
        }

    .resultados-datos .tablaDatos .solo-icono, .resultados-datos .tablas .solo-icono {
        display: inline-block;
        width: 26px;
        padding: 0;
        margin: 3px 0 0 0
    }

        .resultados-datos .tablaDatos .solo-icono .bci-icon, .resultados-datos .tablas .solo-icono .bci-icon {
            width: 26px;
            height: 24px
        }

    .resultados-datos .tablaDatos th, .resultados-datos .tablas th {
        font-size: .65rem
    }

    .resultados-datos.pestanas {
        padding: 0
    }

        .resultados-datos.pestanas.azul > .modulo-tabs {
            background-color: #006fb9
        }

        .resultados-datos.pestanas > .modulo-tabs {
            background-color: #595b5a;
            width: 100%;
            display: block;
            padding: 5px 0 0 8px;
            margin-bottom: -1px;
            position: relative
        }

            .resultados-datos.pestanas > .modulo-tabs ul {
                margin: 0;
                padding: 0
            }

                .resultados-datos.pestanas > .modulo-tabs ul li {
                    list-style: none;
                    margin: 0;
                    padding: 0 10px;
                    display: inline-block;
                    font-size: .82rem;
                    font-family: overpasslight,sans-serif
                }

                    .resultados-datos.pestanas > .modulo-tabs ul li a {
                        cursor: pointer;
                        color: rgba(255,255,255,.5);
                        display: inline-block;
                        text-decoration: none;
                        height: 24px;
                        line-height: 23px
                    }

                        .resultados-datos.pestanas > .modulo-tabs ul li a:hover {
                            color: rgba(255,255,255,.7)
                        }

                    .resultados-datos.pestanas > .modulo-tabs ul li.activo {
                        background-color: #f2f2f2;
                        border-radius: 3px 3px 0 0
                    }

                        .resultados-datos.pestanas > .modulo-tabs ul li.activo a {
                            color: #595b5a;
                            font-family: overpassbold,sans-serif
                        }

                            .resultados-datos.pestanas > .modulo-tabs ul li.activo a:hover {
                                color: #595b5a
                            }

        .resultados-datos.pestanas .pestanas-content {
            display: none
        }

            .resultados-datos.pestanas .pestanas-content.activo {
                display: block;
                padding: 10px
            }

    /* pestaña busquedas rapidas*/
    .resultados-datos.pestanas-b {
        padding: 0;
        width: 100%;
        margin-bottom: 10px; /*3px*/
        height: 267px;
    }

    @media only screen and (max-width :576px) {
        .resultados-datos.pestanas-b {
            height: 400px;
        }
    }

        .resultados-datos.pestanas-b.azul > .modulo-tabs {
            background-color: #006fb9
        }

        .resultados-datos.pestanas-b > .modulo-tabs {
            background-color: #e5e5e5c2; /*#595b5ac2;*/
            width: 100%;
            display: block;
            padding: 5px 0 0 8px;
            margin-bottom: -1px;
            position: relative
        }

            .resultados-datos.pestanas-b > .modulo-tabs ul {
                margin: 0;
                padding: 0
            }

                .resultados-datos.pestanas-b > .modulo-tabs ul li {
                    list-style: none;
                    margin: 0;
                    padding: 0 10px;
                    display: inline-block;
                    font-size: .82rem;
                    font-family: overpasslight,sans-serif
                }

                    .resultados-datos.pestanas-b > .modulo-tabs ul li a {
                        cursor: pointer;
                        color: #595b5a; /*rgba(255,255,255,.5);*/
                        display: inline-block;
                        text-decoration: none;
                        height: 24px;
                        line-height: 23px
                    }

                        .resultados-datos.pestanas-b > .modulo-tabs ul li a:hover {
                            color: #a5a7a5; /*rgba(255,255,255,.7)*/
                        }

                    .resultados-datos.pestanas-b > .modulo-tabs ul li.activo {
                        background-color: #fdfbfb; /*#f2f2f2;*/
                        border-radius: 3px 3px 0 0
                    }

                        .resultados-datos.pestanas-b > .modulo-tabs ul li.activo a {
                            color: #006fb9; /*#595b5a;*/
                            font-family: overpassbold,sans-serif
                        }

                            .resultados-datos.pestanas-b > .modulo-tabs ul li.activo a:hover {
                                color: #006fb9; /*#595b5a;*/
                            }

        .resultados-datos.pestanas-b .pestanas-content {
            display: none
        }

            .resultados-datos.pestanas-b .pestanas-content.activo {
                display: block;
                padding: 10px
            }

    /*Fin pestana busquedas rapidas*/
    .tabla-resumen {
        margin: 5px 0 10px;
        width: 100%;
        padding: 4px;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        border-radius: 2px;
        box-shadow: 0 0 4px 0 rgba(0,0,0,.05);
        -ms-box-shadow: 0 0 4px 0 rgba(0,0,0,.05)
    }

        .tabla-resumen h1 {
            width: 100%;
            flex: 0 0 100%;
            color: #fff;
            font-size: .8rem;
            line-height: 1;
            margin: 3px 0
        }

        .tabla-resumen.azul {
            background-color: #006fb9
        }

        .tabla-resumen.azuloscuro {
            background-color: #005086
        }

        .tabla-resumen.rojo {
            background-color: #ef3742
        }

        .tabla-resumen.verde {
            background-color: #00953a
        }

        .tabla-resumen.amarillo {
            background-color: gold
        }

            .tabla-resumen.amarillo h1 {
                color: #595b5a
            }

        .tabla-resumen.gris {
            background-color: #595b5a
        }

        .tabla-resumen .modulo-resumen {
            background-color: #fff;
            flex: 2;
            margin: 2px
        }

            .tabla-resumen .modulo-resumen.destacado {
                flex: 3
            }

            .tabla-resumen .modulo-resumen span {
                padding: 2px;
                text-indent: 2px;
                background-color: #aeb2af;
                color: #fff;
                width: 100%;
                height: 20px;
                display: block;
                font-size: .7rem;
                font-family: overpassregular,sans-serif
            }

            .tabla-resumen .modulo-resumen p {
                color: #595b5a;
                font-family: overpasslight,sans-serif;
                padding: 6px 3px;
                font-size: .95rem;
                margin: 0
            }

    @media only screen and (max-width :1185px) {
        .tabla-resumen .modulo-resumen p {
            padding: 6px 2px;
            font-size: .8rem
        }
    }

    @media only screen and (max-width :800px) {
        .tabla-resumen .modulo-resumen p {
            padding: 6px 2px;
            font-size: .6rem
        }
    }

    .tabla-resumen .modulo-resumen.destacado.azul span {
        background-color: #006fb9
    }

    .tabla-resumen .modulo-resumen.destacado.azuloscuro span {
        background-color: #005086
    }

    .tabla-resumen .modulo-resumen.destacado.rojo span {
        background-color: #ef3742
    }

    .tabla-resumen .modulo-resumen.destacado.verde span {
        background-color: #00953a
    }

    .tabla-resumen .modulo-resumen.destacado.amarillo span {
        background-color: gold;
        color: #595b5a
    }

    .tabla-resumen .modulo-resumen.destacado.gris span {
        background-color: #595b5a
    }

    .capsula-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: block;
        background: rgba(0,0,0,.9);
        z-index: 10011;
        overflow: auto;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center
    }

    @media only screen and (max-width :800px) {
        .capsula-modal {
            justify-content: center;
            align-items: center;
            align-content: center;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center
        }
    }

    @media only screen and (max-width :576px) {
        .capsula-modal {
            justify-content: center;
            align-items: flex-start;
            align-content: flex-start;
            -webkit-align-content: flex-start;
            -moz-align-content: flex-start;
            -ms-align-content: flex-start
        }
    }

    .capsula-modal .cap-modal-back {
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: block;
        z-index: 10011
    }

    .capsula-modal .cap-modal-dialog {
        background: #404040;
        max-width: 800px;
        display: block;
        width: 96%;
        min-height: 200px;
        border-radius: 10px;
        box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
        -ms-box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
        z-index: 10012
    }

    @media only screen and (max-width :576px) {
        .capsula-modal .cap-modal-dialog {
            width: 90%;
            margin-top: 5%;
            margin-bottom: 5%
        }
    }

    .capsula-modal .cap-modal-dialog .cap-modal-top {
        padding: 16px 10px;
        color: #fff;
        position: relative
    }

    @media only screen and (max-width :576px) {
        .capsula-modal .cap-modal-dialog .cap-modal-top {
            padding: 8px 10px
        }
    }

    .capsula-modal .cap-modal-dialog .cap-modal-top .modal-close {
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: 99%;
        transform: translate(-99%,-50%);
        height: 36px;
        width: 36px;
        background: #595b5a url(../img/svg/_lite_cerrar.svg) center center no-repeat;
        border-radius: 50%
    }

        .capsula-modal .cap-modal-dialog .cap-modal-top .modal-close:hover {
            background-color: #404141
        }

    @media only screen and (max-width :576px) {
        .capsula-modal .cap-modal-dialog .cap-modal-top .modal-close {
            position: absolute;
            top: 50%;
            left: 98%;
            transform: translate(-98%,-50%);
            height: 24px;
            width: 24px
        }
    }

    .capsula-modal .cap-modal-dialog .cap-modal-top h4 {
        color: #fff;
        font-size: 1rem;
        text-transform: uppercase
    }

    @media only screen and (max-width :576px) {
        .capsula-modal .cap-modal-dialog .cap-modal-top h4 {
            font-size: 1rem
        }
    }

    .capsula-modal .cap-modal-dialog .cap-modal-body .video {
        height: 400px;
        background-color: #000;
        position: relative
    }

    @media only screen and (max-width :576px) {
        .capsula-modal .cap-modal-dialog .cap-modal-body .video {
            height: 140px
        }
    }

    .capsula-modal .cap-modal-dialog .cap-modal-body .descripcion {
        padding: 16px;
        color: #fff
    }

        .capsula-modal .cap-modal-dialog .cap-modal-body .descripcion h2 {
            text-indent: 0;
            padding-left: 0;
            border: none !important;
            color: gold;
            font-weight: 700;
            font-size: 1.6rem
        }

    @media only screen and (max-width :576px) {
        .capsula-modal .cap-modal-dialog .cap-modal-body .descripcion h2 {
            font-size: 1rem
        }
    }

    .capsula-modal .cap-modal-dialog .cap-modal-body .descripcion p {
        color: #fff;
        font-size: 1.2rem;
        line-height: 1.6
    }

    @media only screen and (max-width :576px) {
        .capsula-modal .cap-modal-dialog .cap-modal-body .descripcion p {
            font-size: .7rem;
            line-height: 1.5
        }
    }

    .dashboard-flotante {
        background-color: #f7f7f7;
        height: 0;
        /*width:calc(100% - 250px);*/
        width: 100%;
        left: inherit;
        right: 0;
        z-index: 1038;
        left: 20%;
        /*max-width:100%;*/
        overflow: auto
    }

    @media only screen and (max-width :1185px) {
        .dashboard-flotante {
            width: 100% !important
        }
    }

    .dashboard-flotante.active {
        /*width: calc(100% - 250px);*/
        width: 100%;
        left: inherit;
        right: 0;
        /* z-index:1038; */
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center
    }

        .dashboard-flotante.active #dashboard-distribution {
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: center;
            align-items: flex-start;
            align-content: flex-start;
            -webkit-align-content: flex-start;
            -moz-align-content: flex-start;
            -ms-align-content: flex-start;
            width: calc(100% - 150px);
            height: calc(100% - 20px - 60px);
            padding: 10px;
            margin-top: 0px;
            width: 1750px; /*Defino un limite ancho para el dashboard*/
        }

    @media only screen and (max-width :1185px) {
        .dashboard-flotante.active #dashboard-distribution {
            width: 100% !important
        }
    }

    .dashboard-flotante.active #dashboard-distribution .cabecera {
        flex: 0 0 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start;
        position: relative
    }

        .dashboard-flotante.active #dashboard-distribution .cabecera h1 {
            flex: 1;
            border-bottom: 2px solid #e5e5e5;
            line-height: 2;
            margin-left: 40px;
            position: relative
        }

            .dashboard-flotante.active #dashboard-distribution .cabecera h1 .bci-icon {
                position: absolute;
                left: -40px;
                width: 30px;
                top: 5px
            }

        .dashboard-flotante.active #dashboard-distribution .cabecera .cerrar {
            cursor: pointer;
            position: absolute;
            top: 10px;
            color: #909090;
            right: 0;
            line-height: 16px;
            text-transform: uppercase
        }

            .dashboard-flotante.active #dashboard-distribution .cabecera .cerrar:hover {
                opacity: .4
            }

            .dashboard-flotante.active #dashboard-distribution .cabecera .cerrar .bci-icon {
                width: 12px;
                height: 12px
            }

    .dashboard-flotante.active #dashboard-distribution .data {
        flex: 0 0 100%;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start;
        margin: 20px 0 0;
    }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard {
            margin-bottom: 20px
        }

            .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard h1 {
                flex: 0 0 100%;
                background: url(../img/svg/arrow-title.svg) left center no-repeat !important;
                text-indent: 12px;
                font-size: 1.1rem;
                background-size: auto 24px;
                text-transform: none;
                font-weight: 700;
                font-family: overpassregular,sans-serif,sans-serif
            }

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula {
    position: absolute;
    width: 27%;
    right: 0;
    display: block;
    height: 100%;
    background: 0 0;
    /* border:5px solid rgba(64,65,65,.1); */
    border-radius: 12px;
    overflow: hidden
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    display: block;
    transition: all .1s linear
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a > .gradient {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    display: block;
    z-index: 5;
    background: rgba(0,0,0,.8);
    background: linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.6),rgba(0,0,0,0));
    background-size: 100% 100%
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 5
}


.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a section {
    position: absolute;
    top: 90%;
    left: 10%;
    transform: translate(-10%,-90%);
    z-index: 10;
    width: 75%;
    padding-right: 30px;
    padding-bottom: 30px
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a section .bt {
    position: absolute;
    top: 100%;
    left: 100%;
    transform: translate(-100%,-100%);
    min-width: -moz-max-content;
    min-width: max-content;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 16px;
    border-radius: 20px;
    background-color: #fff;
    color: #006fb9;
    text-align: center;
    font-size: .7rem;
    font-family: overpassbold;
    text-transform: uppercase;
    height: auto,
}

@media only screen and (max-width :1300px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a section {
        width: 80%
    }
}

@media only screen and (max-width :1185px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a section {
        width: 85%
    }
}

@media only screen and (max-width :800px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a section {
        width: 100%
    }
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a section .c2 {
    position: absolute;
    top: 0;
    left: 100%;
    transform: translate(-100%,0);
    height: 24px;
    width: auto
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a section .c1 {
    height: 24px;
    width: auto;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(0,-100%)
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a section h1 {
    color: #fff;
    font-size: 1rem;
    padding: 0 !important;
    margin: 0 !important;
    background: 0 0 !important;
    text-indent: 0 !important
}

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a section h1::before, .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a section h1:after {
        display: none
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a section h1 span {
        display: block;
        color: gold;
        font-size: 1.4rem;
        font-family: overpassbold
    }

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a section > img {
    z-index: 2
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-capsula a:hover {
    text-decoration: none !important
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-grafica-capsula .nav {
    z-index: 101;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
    -ms-box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner modulo-grafica-capsula.nav.nav-right {
    background-image: url(../img/svg/right-arrow.svg);
    position: absolute;
    top: 50%;
    left: 99%;
    transform: translate(-99%,-50%)
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner modulo-grafica-capsula .nav.nav-left {
    background-image: url(../img/svg/left-arrow.svg);
    position: absolute;
    top: 50%;
    left: 1%;
    transform: translate(-1%,-50%)
}

/*Link inicio*/
.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link {
    position: absolute;
    width: 27%;
    right: 0;
    display: block;
    height: 100%;
    background: 0 0;
    /* border:5px solid rgba(64,65,65,.1); */
    border-radius: 12px;
    overflow: hidden
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    display: block;
    transition: all .1s linear
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a > .gradient {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    display: block;
    z-index: 5;
    background: rgba(0,0,0,.8);
    background: linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.6),rgba(0,0,0,0));
    background-size: 100% 100%
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 5
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a section {
    position: absolute;
    top: 90%;
    left: 10%;
    transform: translate(-10%,-90%);
    z-index: 10;
    width: 75%;
    padding-right: 30px;
    padding-bottom: 30px
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a section .bt {
    position: absolute;
    top: 100%;
    left: 100%;
    transform: translate(-100%,-100%);
    min-width: -moz-max-content;
    min-width: max-content;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 16px;
    border-radius: 20px;
    background-color: #fff;
    color: #006fb9;
    text-align: center;
    font-size: .7rem;
    font-family: overpassbold;
    text-transform: uppercase;
    height: auto,
}

@media only screen and (max-width :1300px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a section {
        width: 80%
    }
}

@media only screen and (max-width :1185px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a section {
        width: 85%
    }
}

@media only screen and (max-width :800px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a section {
        width: 100%
    }
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a section .c2 {
    position: absolute;
    top: 0;
    left: 100%;
    transform: translate(-100%,0);
    height: 24px;
    width: auto
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a section .c1 {
    height: 24px;
    width: auto;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(0,-100%)
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a section h1 {
    color: #fff;
    font-size: 1rem;
    padding: 0 !important;
    margin: 0 !important;
    background: 0 0 !important;
    text-indent: 0 !important
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a section h1::before, .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a section h1:after {
    display: none
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a section h1 span {
    display: block;
    color: gold;
    font-size: 1.4rem;
    font-family: overpassbold
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a section > img {
    z-index: 2
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard .modulo-grafica-link a:hover {
    text-decoration: none !important
}
/*Link Fin*/

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner {
    flex: 0 0 100%;
    margin: 5px auto 30px;
    height: 190px; /*Paso de 190px a 170px*/
    display: block;
    position: relative;
}

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner.mix .contenedor-banner {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
        width: 72% !important
    }

    @media only screen and (max-width :899px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner.mix .contenedor-banner {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0,-50%);
            width: 100% !important
        }
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner {
        border-radius: 10px;
        box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
        -ms-box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
        overflow: hidden;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        display: block
    }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner .nav {
            z-index: 101;
            height: 25px;
            width: 25px;
            border-radius: 50%;
            box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
            -ms-box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            cursor: pointer
        }

            .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner .nav.nav-right {
                background-image: url(../img/svg/right-arrow.svg);
                position: absolute;
                top: 50%;
                left: 99%;
                transform: translate(-99%,-50%)
            }

            .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner .nav.nav-left {
                background-image: url(../img/svg/left-arrow.svg);
                position: absolute;
                top: 50%;
                left: 1%;
                transform: translate(-1%,-50%)
            }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner .item {
            padding-right: 50px;
            height: 190px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: flex-end;
            align-items: center;
            align-content: center;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center
        }

            .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner .item .back {
                z-index: 1;
                width: 70%;
                height: 100%;
                display: block;
                position: absolute;
                top: 50%;
                left: 100%;
                transform: translate(-100%,-50%);
                background: rgba(0,0,0,0);
                background: linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.4),rgba(0,0,0,.7));
                background-size: 100% 100%
            }

            .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner .item figcaption {
                z-index: 10;
                width: 50%;
                min-height: 40px;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                align-content: center;
                -webkit-align-content: center;
                -moz-align-content: center;
                -ms-align-content: center
            }

@media only screen and (max-width :1185px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner .item figcaption {
        width: 60%
    }
}

@media only screen and (max-width :800px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner .item figcaption {
        width: 80%
    }
}

@media only screen and (max-width :576px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner .item figcaption {
        width: 100%
    }
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner .item figcaption h1 {
    flex: 0 0 100%;
    color: #fff;
    font-size: 2rem;
    font-family: overpassregular,sans-serif;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    padding: 0;
    text-indent: 0;
    background: 0 0 !important;
    line-height: 1
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner .item figcaption h2 {
    flex: 0 0 100%;
    font-family: overpassbold,sans-serif;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    width: 100%;
    text-transform: none;
    border: none;
    padding: 0;
    text-indent: 0
}

/*Modulo banner capsulas*/
/*.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner.mix .contenedor-banner-capsula {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    width: 72% !important
}*/

/*btn capsula*/
.btn-capsula {
    border: none;
    color: white;
    padding: 2px 15px;
    cursor: pointer;
    border-radius: 3px;
}

.secondary {
    background-color: #ffffff12;
    border: 2px solid #e7e7e7;
    color: white;
}

.secondary:hover {
    background: #ffffff40;
    color: white;
}

/*.boton.borde {
    background: 0 0 !important;
    border: none;
    outline: #e9e9e9 3px solid;
    font-size: .8rem;
    padding: 0 10px;
    min-width: 100px !important;
    width: auto;
    line-height: 30px;
    height: 30px;
}*/
.boton.borde.bg-blanco {
    outline-color: #fff;
    color: #fff !important;
}
/*Fin btn capsula*/

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula {
    border-radius: 10px;
    box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
    -ms-box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
    overflow: hidden;
    width: 28%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 87%;
    transform: translate(-50%,-50%);
    display: block
}

@media only screen and (max-width :0px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula {
        top: 50%;
    }
 }

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .nav {
    z-index: 101;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
    -ms-box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .nav.nav-right {
    /*background-image: url(../img/svg/right-arrow-yellow.svg);*/
    position: absolute;
    top: 50%;
    left: 97%;
    transform: translate(-99%,-50%)
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .nav.nav-left {
    /*background-image: url(../img/svg/left-arrow-yellow.svg);*/
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translate(-1%,-50%)
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .nav > svg {
    width: 32px;
    height: auto;
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .item {
    padding-right: 50px;
    height: 190px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center; /*flex-end*/
    align-items: center;
    align-content: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .item .back {
    z-index: 1;
    width: 70%;
    height: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-100%,-50%);
    background: rgba(0,0,0,0);
    background: linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.4),rgba(0,0,0,.7));
    background-size: 100% 100%
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .item figcaption {
    z-index: 10;
    width: 65%;
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center
}

@media only screen and (max-width :1185px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .item figcaption {
        width: 60%
    }
}

@media only screen and (max-width :800px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .item figcaption {
        width: 80%
    }
}

@media only screen and (max-width :576px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .item figcaption {
        width: 100%
    }
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .item figcaption h1 {
    flex: 0 0 100%;
    color: #fff;
    font-size: 0.7rem; /*Inicial 0.75rem;*/
    */ font-family: overpassregular,sans-serif;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    padding: 0;
    text-indent: 0;
    background: 0 0 !important;
    line-height: 1
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .item figcaption h2 {
    flex: 0 0 100%;
    font-family: overpassbold,sans-serif;
    color: #fff;
    font-size: 1.25rem; /*Inicial  1.25rem;*/
    text-align: center;
    width: 100%;
    text-transform: none;
    border: none;
    padding: 0;
    text-indent: 0
}

/*.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .contenedor-banner-capsula .item figcaption a {
    flex: 0 0 100%;
    font-family: overpassbold,sans-serif;
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
    width: 100%;
    text-transform: none;
    border: none;
    padding: 0;
    text-indent: 0
}*/

/*Fin Modulo banner capsulas*/

/*Baner Alternativo(capsulas)*/

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo {
    border-radius: 10px;
    box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
    -ms-box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
    overflow: hidden;
    height: 100%;
    position: absolute;
    width: 27%;
    right: 0;
    display: block;
    display: block
}

@media only screen and (max-width :899px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo {
        top: 110%;
        left: 0px;
        width: 100%;
    }
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .nav {
    z-index: 101;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
    -ms-box-shadow: 0 10px 12px 2px rgba(0,0,0,.3);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .nav > svg {
    width: 32px;
    height: auto
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .nav.nav-right {
    position: absolute;
    top: 50%;
    left: 98%;
    transform: translate(-98%,-50%)
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .nav.nav-left {
    position: absolute;
    top: 50%;
    left: 2%;
    transform: translate(-2%,-50%)
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .item {
    border-radius: 8px;
    box-shadow: 0 var(--Espaciado-Espacio-8px,8px) var(--Escalamiento-Tamao-16px,16px) 0 rgba(0,0,0,.14);
    height: 190px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .item .back {
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-100%,-50%);
    background: rgba(0,0,0,.1);
    background: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.9));
    background-size: 100% 100%
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .item figcaption {
    z-index: 10;
    width: calc(100% - 96px);
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center
}

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .item figcaption article {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center
    }

@media only screen and (max-width : 1185px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .item figcaption {
        width: 60%
    }
}

@media only screen and (max-width : 800px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .item figcaption {
        width: 80%
    }
}

@media only screen and (max-width : 576px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .item figcaption {
        width: 100%
    }
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .item figcaption h1 {
    flex: 0 0 100%;
    color: #fff;
    font-size: 1.4rem;
    font-family: overpassregular,sans-serif;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    padding: 0;
    text-indent: 0;
    background: 0 0 !important;
    line-height: 1
}

.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.banner .modulo-banner-alternativo .item figcaption .boton.borde.bg-blanco {
    outline-color: #fff;
    color: #fff !important
}
/*Fin Baner Alternativo*/

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas {
        position: relative;
        flex: 3;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center
    }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas > a.boton {
            position: absolute;
            top: -4px;
            right: 0
        }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula {
            flex: 1 0 100%;
            background: 0 0;
            max-width: 50%;
            height: 150px;
            display: block
        }

            .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a {
                background: #f2f2f2;
                display: block;
                width: 96%;
                margin: 0 auto;
                height: 140px;
                overflow: hidden;
                border-radius: 10px;
                box-shadow: 2px 0 2px 0 rgba(0,0,0,.2);
                -ms-box-shadow: 2px 0 2px 0 rgba(0,0,0,.2);
                position: relative;
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                align-content: center;
                -webkit-align-content: center;
                -moz-align-content: center;
                -ms-align-content: center;
                cursor: pointer;
                transition: all .2s ease-out
            }

                .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a:active, .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a:hover {
                    box-shadow: 2px 0 12px 2px rgba(0,0,0,.3);
                    -ms-box-shadow: 2px 0 12px 2px rgba(0,0,0,.3)
                }

                .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a figure {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    height: 100%;
                    width: 100%;
                    display: block;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                    z-index: 1
                }

                    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a figure.no-imagen {
                        background: #404141
                    }

                        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a figure.no-imagen + figcaption {
                            background: 0 0
                        }

                .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a figcaption {
                    background: rgba(0,0,0,0);
                    background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,.3),rgba(0,0,0,.5),rgba(0,0,0,.7),#000);
                    background-size: 100% 100%;
                    position: absolute;
                    top: 100%;
                    left: 50%;
                    transform: translate(-50%,-100%);
                    z-index: 2;
                    width: 100%;
                    padding: 0 10px 10px;
                    height: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    justify-content: center;
                    align-items: flex-end;
                    align-content: flex-end;
                    -webkit-align-content: flex-end;
                    -moz-align-content: flex-end;
                    -ms-align-content: flex-end;
                    transition: all .2s ease-out
                }

                    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a figcaption:after {
                        transition: all .2s ease-out;
                        position: absolute;
                        top: 16%;
                        left: 50%;
                        transform: translate(-50%,-16%);
                        content: "";
                        background: url(../img/svg/playbold.svg) center center no-repeat;
                        background-size: auto 100%;
                        height: 56px;
                        width: 56px
                    }

    @media only screen and (max-width :1660px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a figcaption:after {
            height: 56px;
            width: 56px
        }
    }

    @media only screen and (max-width :1440px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a figcaption:after {
            height: 48px;
            width: 48px;
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translate(-50%,-20%)
        }
    }

    @media only screen and (max-width :1300px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a figcaption:after {
            height: 40px;
            width: 40px
        }
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a figcaption h2 {
        color: #fff;
        text-align: center;
        font-family: overpassregular,sans-serif,sans-serif;
        font-weight: 500;
        font-size: .9rem;
        text-transform: none;
        transition: all .3s ease-out;
        line-height: 1;
        border: none;
        text-indent: 0;
        padding-left: 0
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a figcaption h4 {
        color: #fff;
        text-align: center;
        height: 0;
        font-size: .7rem;
        opacity: 0;
        transition: all .3s ease-out
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a:active figcaption, .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a:hover figcaption {
        background: rgba(0,0,0,.4);
        background: linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.6),rgba(0,0,0,.9),rgba(0,0,0,.9),#000);
        background-size: 100% 100%;
        transition: all .3s ease-out
    }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a:active figcaption:after, .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a:hover figcaption:after {
            position: absolute;
            top: 10%;
            left: 50%;
            transform: translate(-50%,-10%);
            height: 24px;
            width: 24px
        }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a:active figcaption h2, .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a:hover figcaption h2 {
            color: gold
        }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a:active figcaption h4, .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.capsulas .capsula > a:hover figcaption h4 {
            height: 40px;
            opacity: 1
        }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas {
        flex: 0 0 100%;
        display: block;
        height: 180px; /*Cambio 250px a 180px*/
    }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats {
            width: 100%;
            margin: 10px 0;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: stretch;
            align-content: stretch;
            -webkit-align-content: stretch;
            -moz-align-content: stretch;
            -ms-align-content: stretch;
            /*height:210px;*/
        }

            .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .dots {
                height: 10px; /*paso de 16px a 10px*/
                background: url(../img/svg/dots.svg) center center no-repeat;
                width: 100%;
                display: block
            }

            .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat {
                height: 190px;
                margin: 0;
                padding: 0 0 12px 0;
                flex: 1;
                position: relative;
                position: relative
            }

                .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat h1, .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat h2, .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat h3, .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat h4 {
                    text-align: center;
                    text-indent: 0;
                    padding: 0;
                    margin: 0;
                    border: 0;
                    padding: 0 8px
                }

                .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat h2 {
                    color: #006fb9;
                    font-size: 2rem
                }

    @media only screen and (max-width :800px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat h2 {
            font-size: 1.5rem
        }
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat h4 {
        font-family: overpasssemibold_italic,sans-serif;
        text-align: left;
        margin-top: 4px
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat .separador.h10 {
        height: 6px
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat p {
        margin: 4px 0;
        padding: 0 8px;
        font-size: .85rem;
        font-family: overpassregular,sans-serif
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat h3 {
        color: #909090;
        height: 42px;
        line-height: 1;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat .loader-container {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        height: 120px; /* Paso de 180px a 120px*/
        border-radius: 8px;
        width: calc(100% - 8px);
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center
    }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat .loader-container h1 {
            background: 0 0 !important;
            padding: 0;
            text-indent: 0
        }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat .loader-container svg {
            margin-top: 10px
        }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat > section {
        height: 120px; /*Pasa de height 180 a 120 para achicar caluga de Indicadores*/
        width: calc(100% - 8px);
        background: #fff;
        margin: 0 auto;
        border-radius: 8px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
        -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
        padding: 8px
    }

    @media only screen and (max-width :800px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat > section {
            margin: 0 4px
        }
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat .boton {
        margin: 0 auto;
        position: absolute;
        top: 70%; /* se pasa de top 100 a top 70*/
        left: 50%;
        transform: translate(-50%,-100%);
        width: 80%;
        padding-left: 0;
        padding-right: 0;
        line-height: 1
    }

    @media only screen and (max-width :800px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-estadisticas .modulos-stats .modulo-stat .boton {
            margin: 0 auto;
            font-size: .7rem
        }
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda {
        /*flex:0 0 100%*/
        flex: 0 0 50%;
    }

@media only screen and (max-width :899px) {
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda {
      margin-top: 200px;
    }
}

    @media only screen and (max-width :1024px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda {
            flex: 0 0 100%;
        }
    }

    @media only screen and (max-width :1290px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda {
            flex: 0 0 100%;
        }
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content {
        padding: 10px;
        border-radius: 2px;
        background-color: #fff;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
        -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        /*min-height: 300px;*/
    }

    @media only screen and ( max-width :1024px) {
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content h4 {
        flex: 0 0 240px;
        font-size: 1rem;
        margin: 15px 0 6px;
    }

    @media only screen and (max-width :1440px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content h4 {
            flex: 0 0 100%
        }
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content > .formularios {
        flex: 1;
        margin-bottom: 0
    }

    .boton-busquedas {
        margin-left: 80%;
        margin-top: 33px;
    }

    /*@media only screen and ( max-width :475px) {
.boton-busquedas {
    margin-left: 30%;
}
}*/
    @media only screen and (max-width: 1800px) {
        .boton-busquedas {
            margin-left: calc(100% - 210px);
        }
    }

    .boton.bg-azul.bt-busqueda {
        width: 150px;
        height: 35px;
    }


    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate {
        display: none
    }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate.active {
            flex: 1;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            align-content: center;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center
        }

            .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate.active .boton {
                padding: 10px !important;
                /* margin-top:12pxpx*/
                margin-top: 30px;
            }

    @media only screen and (max-width :820px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate.active .boton {
            margin-top: 20px;
        }
    }

    @media only screen and (max-width :576px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate.active .boton {
            margin-top: 5px;
        }
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate.active .formulario-seccion {
        flex: 1;
        /*margin-right:10px*/
        /*margin-left: 500px;*/
        margin-right: 50px;
        margin-top: 20px;
    }

    @media only screen and (max-width :1024px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate.active .formulario-seccion {
            /*flex: 1;*/
            /*margin-right:10px;*/
            margin-left: 0px; /*360px*/
            margin-top: 20px; /*-60px*/
        }
    }

    @media only screen and (max-width :1366px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate.active .formulario-seccion {
            /*flex: 1;*/
            /*margin-right:10px*/
            margin-left: 0px;
            /*margin-right: 100px;*/
            margin-top: 20px;
            /*justify-content: left;*/
        }
    }

    @media only screen and (max-width :820px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate.active .formulario-seccion {
            /*flex: 1;*/
            /*margin-right:10px;*/
            margin-left: 0px;
            margin-top: 10px;
        }
    }

    @media only screen and (max-width :576px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate.active .formulario-seccion {
            /*flex: 1;*/
            margin-right: 10px;
            margin-left: 10px;
            margin-top: -10px;
        }
    }

    /*.dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate.active .formulario-seccion .formularios:first-child {
margin-right:5px;
}*/

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate.active .formulario-seccion .formularios input, .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.sistema-busqueda .content .content-busqueda.data-activate.active .formulario-seccion .formularios select {
        background-color: #f7f7f7
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos {
        flex: 4;
        margin-right: 10px;
        margin-left: 10px;
    }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section {
            width: 110%;
            display: flex; /*grid antes era flex*/
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            /*justify-content: space-between;*/
            align-items: stretch;
            align-content: stretch;
            -webkit-align-content: stretch;
            -moz-align-content: stretch;
            -ms-align-content: stretch;
            min-height: 307px; /*pase de 300px a 180px*/
            /*grid-template: repeat(4, 1fr) / repeat(4, 1fr);
            grid-gap: 10px 5px;*/
        }

    @media only screen and (max-width :1185px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section {
            width: 105% !important;
            min-height: 318px; /*pase de 300px a 180px*/
        }
    }

    /*@media only screen and (max-width :802px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section {
            width: 105% !important;
            min-height: 318px;*/ /*pase de 300px a 180px*/
        /*}
    }
    @media only screen and (max-width :517px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section {
            width: 106% !important;
            min-height: 318px;*/ /*pase de 300px a 180px*/
        /*}
    }*/
    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a {
        background-color: #fff;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
        -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
        flex: 0 0 22%; /*paso de 24% a 13%*/
        margin-bottom: 10px;
        transition: all .1s ease-out;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        margin-left: 10px;
    }

    @media only screen and (max-width :1185px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a {
            width: 100% !important;
            flex: 0 0 23%;
        }
    }

    @media only screen and (max-width :800px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a {
            /*margin: 0 4px;*/
            width: calc(100% - 8px) !important;
            flex: 0 0 22%;
            margin-left: 5px;
        }
    }


    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a .bci-icon {
        transition: all .5s ease-out;
        height: 80px;
        width: 90%;
        max-width: 90px
    }

    @media only screen and (max-width :1660px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a .bci-icon {
            height: 80px;
            width: 90%;
            max-width: 80px
        }
    }

    @media only screen and (max-width :1440px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a .bci-icon {
            height: 70px;
            width: 90%;
            max-width: 70px
        }
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a span {
        text-align: center;
        flex: 0 0 100%;
        font-size: .9rem;
        color: #006fb9;
        text-transform: uppercase;
        position: relative;
        padding-top: 20px
    }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a span:before {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%,0);
            background: url(../img/svg/dots.svg) center center no-repeat;
            height: 6px;
            width: 100%;
            content: "";
            display: block
        }

    @media only screen and (max-width :1660px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a span {
            font-size: .8rem
        }
    }

    @media only screen and (max-width :1440px) {
        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a span {
            font-size: .7rem
        }
    }

    .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a:hover {
        background: #006fb9;
        text-decoration: none;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.3);
        -ms-box-shadow: 0 2px 12px 0 rgba(0,0,0,.3)
    }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a:hover .bci-icon {
            filter: brightness(400%);
            -webkit-filter: brightness(400%);
            transition: all .1s ease-out
        }

        .dashboard-flotante.active #dashboard-distribution .data .modulos-dashboard.accesos-rapidos > section > a:hover span {
            color: #fff;
            text-decoration: none
        }

/*Inicio Carrusel*/
    .owl-carousel {
        display: none;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        position: relative;
        z-index: 1
    }

        .owl-carousel .owl-stage {
            position: relative;
            touch-action: manipulation;
            backface-visibility: hidden
        }

            .owl-carousel .owl-stage:after {
                content: ".";
                display: block;
                clear: both;
                visibility: hidden;
                line-height: 0;
                height: 0
            }

        .owl-carousel .owl-stage-outer {
            position: relative;
            overflow: hidden;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0)
        }

        .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
            backface-visibility: hidden;
            transform: translate3d(0,0,0)
        }

        .owl-carousel .owl-item {
            position: relative;
            min-height: 1px;
            float: left;
            backface-visibility: hidden;
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none
        }

            .owl-carousel .owl-item img {
                display: block;
                width: 100%
            }

        .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
            display: none
        }

        .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
            background: 0 0;
            color: inherit;
            border: none;
            padding: 0 !important;
            font: inherit
        }

        .owl-carousel.owl-loaded {
            display: block
        }

        .owl-carousel.owl-loading {
            opacity: 0;
            display: block
        }

        .owl-carousel.owl-hidden {
            opacity: 0
        }

        .owl-carousel.owl-refresh .owl-item {
            visibility: hidden
        }

        .owl-carousel.owl-drag .owl-item {
            touch-action: pan-y;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .owl-carousel.owl-grab {
            cursor: move;
            cursor: grab
        }

        .owl-carousel.owl-rtl {
            direction: rtl
        }

            .owl-carousel.owl-rtl .owl-item {
                float: right
            }

    .no-js .owl-carousel {
        display: block
    }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

    @keyframes fadeOut {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    .owl-height {
        transition: height .5s ease-in-out
    }

    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity .4s ease
    }

        .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
            max-height: 0
        }

    .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d
    }

    .owl-carousel .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #000
    }

    .owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        cursor: pointer;
        z-index: 1;
        backface-visibility: hidden;
        transition: transform .1s ease
    }

        .owl-carousel .owl-video-play-icon:hover {
            transform: scale(1.3,1.3)
        }

    .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
        display: none
    }

    .owl-carousel .owl-video-tn {
        opacity: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: opacity .4s ease
    }

    .owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100%
    }

/*Fin Carrusel*/

   .descuentos-cupones {
        width: 100%;
        display: block;
        margin: 4px 0 28px
    }

        .descuentos-cupones .item-descuento {
            height: 70px;
            background-color: #00953a;
            display: flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            align-content: center;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center
        }

    @media only screen and (max-width :800px) {
        .descuentos-cupones .item-descuento {
            height: auto
        }
    }

    .descuentos-cupones .item-descuento .data {
        flex: 2;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding: 0 16px;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center
    }

    @media only screen and (max-width :1185px) {
        .descuentos-cupones .item-descuento .data {
            flex: 3
        }
    }

    @media only screen and (max-width :800px) {
        .descuentos-cupones .item-descuento .data {
            flex: 1;
            height: 80px
        }
    }

    @media only screen and (max-width :576px) {
        .descuentos-cupones .item-descuento .data {
            height: auto;
            justify-content: center;
            align-items: center
        }
    }

    .descuentos-cupones .item-descuento .data .titulares {
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        flex: 1;
        padding-right: 16px
    }

    @media only screen and (max-width :576px) {
        .descuentos-cupones .item-descuento .data .titulares {
            padding: 10px 0;
            flex: 0 0 100%
        }
    }

    .descuentos-cupones .item-descuento .data .titulares h3, .descuentos-cupones .item-descuento .data .titulares h4, .descuentos-cupones .item-descuento .data .titulares h5 {
        color: #fff;
        margin: 0;
        padding: 0
    }

    .descuentos-cupones .item-descuento .data .titulares h3 {
        font-family: overpassbold;
        font-size: 2.4rem;
        margin-right: 8px
    }

    @media only screen and (max-width :800px) {
        .descuentos-cupones .item-descuento .data .titulares h3 {
            font-size: 1.8rem
        }
    }

    .descuentos-cupones .item-descuento .data .titulares h4 {
        font-family: overpassbold;
        flex: 1;
        font-size: 1rem
    }

    @media only screen and (max-width :800px) {
        .descuentos-cupones .item-descuento .data .titulares h4 {
            font-size: .8rem
        }
    }

    @media only screen and (max-width :576px) {
        .descuentos-cupones .item-descuento .data .titulares h4 {
            text-align: right
        }
    }

    .descuentos-cupones .item-descuento .data .titulares h4 span {
        font-size: 1.2rem;
        display: block
    }

    .descuentos-cupones .item-descuento .data .titulares h5 {
        font-style: normal;
        font-size: 1rem;
        font-family: overpassregular
    }

    @media only screen and (max-width :800px) {
        .descuentos-cupones .item-descuento .data .titulares h5 {
            font-size: .8rem
        }
    }

    @media only screen and (max-width :576px) {
        .descuentos-cupones .item-descuento .data .titulares h5 {
            flex: 0 0 100%;
            text-align: right
        }
    }

    .descuentos-cupones .item-descuento .data a.boton {
        color: #fff !important
    }

    @media only screen and (max-width :576px) {
        .descuentos-cupones .item-descuento .data a.boton {
            flex: 0 0 100%;
            margin: 10px 0
        }
    }

    .descuentos-cupones .item-descuento figure {
        height: 70px;
        width: 100%;
        display: block;
        flex: 1;
        margin: 0;
        padding: 0
    }

    @media only screen and (max-width :800px) {
        .descuentos-cupones .item-descuento figure {
            height: 90px
        }
    }

    .descuentos-cupones .item-descuento figure img {
        height: 70px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    @media only screen and (max-width :800px) {
        .descuentos-cupones .item-descuento figure img {
            height: 90px
        }
    }

    @media only screen and (max-width :800px) {
        .descuentos-cupones .item-descuento figure {
            flex: 0 0 100%;
            height: 90px
        }
    }