:root {
    --VerdeOscuro: #166d6b;
    --VerdeOscuroRGB: 22 109 107;
    --VerdeClaro: #8dc03d;
    --VerdeClaroRGB: 141 192 61;
    --font-family: 'Open Sans';
}

.searchbar {
    margin-bottom: auto;
    margin-top: auto;
    /*height: 40px;*/
    /*background-color: #166d6b;*/
    border-radius: 30px;
    /*padding: 10px;*/
}

.search_input {
    color: black;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    caret-color: transparent;
    line-height: 40px;
    position: absolute;
    border-radius: 30px;
    transition: width 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: width 0.4s linear;
    -o-transition: width 0.4s linear;
}

.tituloSession {
    background-color: #008080;
    color: white;
    font-size: 18px !important;
    margin-bottom: 10px;
    margin-top: 10px;
}

.searchbar:hover > .search_input {
    /*padding: 0 10px;*/
    width: 160px;
    position: absolute;
    margin-left: 40px;
    caret-color: red;
    background-color: #fff;
    /*transition: width 0.4s linear;
	-webkit-transition: width 0.4s linear ;
	-moz-transition: width 0.4s linear ;
	-o-transition: width 0.4s linear ;
	transition: width -1.6s cubic-bezier(0.83, 0.41, 0.71, 1.12)*/
}

.searchbar:hover > .search_icon {
    background-color: white;
    color: #e74c3c;
}

.letter-footer {
    color: #166d6b !important;
}

.letter-footer > ul.footer_menu > li {
        font-size: 0.75rem;
    }

.search_icon {
    height: 40px;
    width: 40px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: white;
}
/*.footer_fz {
    background: #e5e5e5 !important;
    position: relative;
    padding-left: 5em;
    padding-right: 5em;
    border-left: 5px solid #8dc03d;
}*/
.footer_fz {
    background: #e5e5e5 !important;
    position: fixed;
    padding-left: 5em;
    padding-right: 5em;
    padding-top: 0.3%;
    height: 80px;
    border-left: 5px solid #8dc03d;
    transition: all 0.65s;
    -webkit-transition: all 0.65s;
    border-top: 1px solid #8dc03d;
}

.espacio-icon-tcn {
    margin-top: 1%;
    margin-right: 42%;
    transform: scale(1.98);
}

.footer_fz:hover {
    height: 160px;
}

.partners {
    margin-top: -10%;
    transform: scale(0.7);
    margin-bottom: -15%;
}

.icon-invert {
    filter: invert(0.65) sepia(1) hue-rotate(125deg) saturate(225%);
}

.icon-invert-a {
    filter: invert(0.5) sepia(1) hue-rotate(40deg) saturate(500%) /*invert(0.5) sepia(1) hue-rotate(105deg) saturate(200%)*/;
}

.espacio-icon {
    transform: scale(0.5);
    margin-top: -2px;
}

.espacio-icon-footer {
    transform: scale(2.8);
}

.footer-div-icon {
    height: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
}


.footer_menu {
    /*padding-right:20px;*/
    padding-right: 0px;
}

.footer-list {
    font-size: 14px;
    margin: auto;
    width: 215px;
}

.plan1-simular-icon:hover, .plan2-simular-icon:hover, .plan3-simular-icon:hover, .plan4-simular-icon:hover, .plan5-simular-icon:hover,
.plan6-simular-icon:hover, .plan7-simular-icon:hover, .plan8-simular-icon:hover, .plan9-simular-icon:hover, .plan10-simular-icon:hover {
    box-shadow: 0px 0px 34px 0px rgba(22, 109, 107,0.53);
    border-radius: 50%;
    background-color: rgba(255,255,255,.5)
}

.plan-selected {
    box-shadow: 0px 0px 34px 0px rgba(22, 109, 107,0.53);
    border-radius: 50%;
    background-color: rgba(234,255,180,.5);
}

ul {
    list-style: outside none none;
    padding-inline-start: 20px;
}

.row [class*="col-lg-3"] {
    border-right: 2px solid #8dc03d;
}

.row [class*="col-lg-3"]:last-child {
        border-right: medium none !important;
    }

.row [class*="col-md-"]:last-child {
    border-right: medium none;
}

.footer-copyright {
    font-size: 0.8em;
    font-weight: 500;
    margin-top: -0.9%;
}

.margen-sc {
    text-align: center;
    margin-top: 25%;
    margin-bottom: 25%
}

.principal_style {
    color: #166d6b;
    font-family: 'Open Sans';
}

.size-n1 {
    font-size: 3.9em;
}

.size-n2 {
    font-size: 2.6em;
}

.toolbar-fz {
    margin-top: 3%;
}

.margen-sc-info1 {
    margin-top: 3%;
    margin-bottom: 10%;
    text-align: center;
}

.margen-sc-info {
    margin-left: 0%;
    margin-right: 0%;
}

.margen-cdh-info {
    margin-left: 20%;
    margin-right: 20%;
}

.background-fz-sv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/AI5B5952.jpg');
    /*background: url('./../../img/corp/AI5B5952.jpg') no-repeat 0 0;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.background-fz-pla {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/BANNEER_macofi-03.jpg');
    /*background: url('./../../img/corp/AI5B5952.jpg') no-repeat 0 0;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 65%;
	background-position: center;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    /*opacity: 0.6;*/
}

.background-intro-card-medios {
    display: table;
    width: 100%;
    background-color: #fff;
    background-size: cover;
    height: auto;
}

.text_holder {
    background: transparent;
    position: absolute;
    /*top: 20px;
    left: 20px;
    width: 500px;*/
}

.alpha_wrapper {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    color: #0a0a0a;
    overflow: hidden;
}

.text-vev-info2 {
    color: #fff;
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-top: 1%;
}

.text_holder_2 {
    background: #1e1eca08;
    overflow: auto;
    clear: both;
}

hr.style1 {
    /*border-top: 2px solid #8dc03d ;*/
    border-top: 0px solid #8dc03d;
    margin-left: 30%;
    margin-right: 30%;
    margin-bottom: 5%;
}

.style-sc-p {
    background: #e6f2d3;
    border-radius: 200px;
    padding-left: 3%;
    padding-right: 3%;
    text-align: left;
    font-size: 85%;
    font-family: 'Open Sans';
}

.style-sc-p1 {
    padding-left: 1.5%;
    padding-right: 1.5%;
    text-align: left;
    font-size: 95%;
    font-family: 'Open Sans';
}

.espacio-icon-sc-p {
    transform: scale(1.8);
    position: relative;
    top: 2.2em;
    left: 1.2em;
}

.icon-popup-fz {
    padding-left: 14%;
}

.letter-nuestros-servicios {
    padding-left: 4%;
    padding-right: 10%;
    padding-top: 21%;
}

.icon-solicitud-credito-tarjeta {
    transform: scale(4.5);
    margin-left: 18%;
    margin-top: 20%;
}

.p1style {
    font-size: 120%;
    padding-left: 7%;
    padding-bottom: 2%;
}

.padding-opc {
    padding-top: 0.5%;
}

.borderC {
    background-color: transparent;
    color: red;
    font-weight: 900;
    width: 100px;
    height: 100px;
    font-size: 0.8rem;
}
/***************New Footer Style**********/
.space-style-footer {
    border-right: 2px solid #8dc03d;
    margin-left: 1.6%;
    padding-right: 2.6%;
}

.img-footer-padding {
    padding-right: 27%;
}

.space-style-footer:last-child {
    border-right: 0px;
}

.city-footer {
    margin-left: -20%;
    margin-right: -20%;
    text-align: justify;
}
.city-footerC {
    margin-left: -20%;
    margin-right: -20%;
    text-align: left;
}
.text-first-footer {
    margin-left: 23%;
    margin-top: -10%;
}

.apps-icons1 {
    transform: scale(5.2);
}

.apps-icons2 {
    transform: scale(7.2);
}

.espacio-icon-buzon {
    transform: scale(2);
    padding-right: 5%;
}

.espacio-buzon {
    margin-top: 4%;
    margin-bottom: 6%;
}
/*************     Menu      **********/
.dropdown-menu {
    /*Linea inferior*/
    /*padding-top:0px;
    padding-bottom:0px;*/
    opacity: 1 !important;
    background-color: rgba(255,255,255,.94) !important;
}

.text-first-footer {
    margin-left: 23%;
    margin-top: -10%;
}

.dropdown-item {
    /*Linea inferior*/
    /*border-bottom: 1px solid #c3dc9b !important*/
}

.icon-colpatria {
    transform: scale(2.8) !important;
    margin-top: 15%;
}

.recuadros-intro {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    /* border: 2px solid #8dc03d; */
    padding: 5% 5% 5% 5%;
    font-weight: 500 !important;
    font-size: small !important;
    margin-top: -10%;
    background: #e5e5e5 /*#fff*/;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 14px 0px rgb(10, 69, 68);
}

.cuadro1-popup-icon {
    content: url(./../../img/svg/Solicita.svg);
}

.cuadro2-popup-icon {
    content: url(./../../img/svg/Planes.svg);
}

.cuadro3-popup-icon {
    content: url(./../../img/svg/Online.svg);
}

.cuadro4-popup-icon {
    content: url(./../../img/svg/Servicio.svg);
}

/**************     Planes     *********/
.titulo-info-plan {
    color: #8dc03d !important;
    font-size: 1.5rem;
    /*font-family: Open Sans;*/
    font-weight: 900 !important;
}

.info-planes-simulador {
    font-family: Open Sans;
    text-align: justify;
    margin-bottom: 5%;
    color: #166d6b;
    font-weight: 700;
}

.plan1-popup-icon {
    content: url(./../../img/svg/luz-verde.svg);
}

.plan2-popup-icon {
    content: url(./../../img/svg/plan50.svg);
}

.plan3-popup-icon {
    content: url(./../../img/svg/plan50-25.svg);
}

.plan4-popup-icon {
    content: url(./../../img/svg/25-25-25-25.svg);
}

.plan5-popup-icon {
    content: url(./../../img/svg/plan120.svg);
}

.plan6-popup-icon {
    content: url(./../../img/svg/Tradicional.svg);
}

.plan7-popup-icon {
    content: url(./../../img/svg/100.svg);
}

.plan8-popup-icon {
    content: url(./../../img/svg/sin-prenda.svg);
}

.plan9-popup-icon {
    content: url(./../../img/svg/80.svg);
}

.plan10-popup-icon {
    content: url(./../../img/svg/Vacas2.svg);
}

.empleado-icon {
    content: url(./../../img/svg/Empleado.svg);
}

.cuarto-hora1-icon {
    content: url(./../../img/svg/80.svg);
}

.cuarto-hora2-icon {
    content: url(./../../img/svg/Vacas.svg);
}

.cuarto-hora3-icon {
    content: url('./../../img/svg/certificado_cuenta.svg');
}

.cuarto-hora4-icon {
    content: url('./../../img/svg/Refinanciacion1.svg');
}

.espacio-texto-requisitos {
    font-family: Open Sans;
    font-weight: 700;
    text-align: center;
    margin-top: -17%;
}

.liquidar-icon {
    content: url('./../../img/svg/Liquidacion1.svg');
    transform: scale(0.8);
    margin-left: 21%;
}

.extracto-icon {
    content: url('./../../img/svg/Extracto1.svg');
}

.hpago-icon {
    content: url('./../../img/svg/Historial.svg');
}

.ppago-icon {
    content: url('./../../img/svg/Plan_de_pago.svg');
}

.ccuenta-icon {
    content: url('./../../img/svg/certificado_cuenta.svg');
}

.ccostos-icon {
    content: url('./../../img/svg/certificado_costos.svg');
}

.ref-icon {
    content: url('./../../img/svg/Refinanciacion1.svg');
}

.subrogacion-icon {
    content: url('./../../img/svg/Subrogacion.svg');
}

.espacio-titulo-idioma {
    font-family: Open Sans;
    font-weight: 700;
    text-align: center;
    color: #8dc03d !important;
}

@media (min-width: 1200px) and (max-width: 1599px) {

    .modal-habeas {
        width: 736px;
        height: auto;
        margin-top: 7%;
        margin-left: 25%;
    }

    .margen-simular {
        margin-left: 15%;
        padding-top: 0% !important;
    }

    .margen-row-planes-simulador {
        margin-left: 16%;
    }

    .margen-planes-simulador-primer, .margen-planes-simulador {
        margin-left: -7%;
        margin-top: 0%;
    }

    .plan1-simular-icon, .plan2-simular-icon, .plan3-simular-icon, .plan4-simular-icon, .plan5-simular-icon, .plan6-simular-icon, .plan7-simular-icon, .plan8-simular-icon, .plan9-simular-icon, .plan10-simular-icon {
        transform: scale(0.6) !important;
    }

    .modal-content {
        margin: 17%;
        width: 70% !important;
    }

    .empleado-popup-icon {
        transform: scale(12.5) !important;
    }

    .margen-texto-requisitos {
        font-size: 0.93rem;
    }

    .background-intro-simulador {
        height: 50rem;
    }

    .pad-second-card-idioma {
        padding: 6% 6% 6% 6%;
    }

    .liquidar-icon {
        transform: scale(0.7) !important;
        margin-left: 13% !important;
        margin-top: -7% !important;
    }

    .pad-liquidar {
        padding-left: 22.5%;
        font-size: 1.3rem;
    }

    .pad-extracto {
        padding-left: 59%;
        font-size: 1.3rem;
    }

    .pad-hpago {
        margin-left: -21%;
        margin-right: -28%;
        font-size: 1.3rem;
    }

    .pad-ppago {
        margin-left: -1%;
        margin-right: -28%;
        font-size: 1.3rem;
    }

    .pad-ccuenta {
        padding-right: 10%;
        font-size: 0.9rem;
    }

    .pad-ccostos {
        padding-right: 10%;
        font-size: 0.9rem;
    }

    .pad-ref {
        margin-left: 11%;
        font-size: 1.3rem;
    }

    .extracto-icon {
        transform: scale(0.7) !important;
        margin-left: 17% !important;
        margin-top: -7% !important;
    }

    .hpago-icon {
        transform: scale(0.7) !important;
        margin-left: 17% !important;
        margin-top: -7% !important;
    }

    .ppago-icon {
        transform: scale(0.7) !important;
        margin-left: 17% !important;
        margin-top: -7% !important;
    }

    .ccuenta-icon {
        transform: scale(0.7) !important;
        margin-left: 17% !important;
        margin-top: -7% !important;
    }

    .ccostos-icon {
        transform: scale(0.7) !important;
        margin-left: 17% !important;
        margin-top: -7% !important;
    }

    .ref-icon {
        transform: scale(0.7) !important;
        margin-left: 17% !important;
        margin-top: -7% !important;
    }

    .pad-second-subcard-2 {
        font-size: 0.65rem !important;
    }

    .subrogacion-icon {
        transform: scale(0.7) !important;
        margin-left: 17% !important;
        margin-top: -7% !important;
    }

    .espacio-texto-requisitos {
        margin-top: -17%;
    }

    .titulos-requisitos {
        color: #8dc03d;
        font-size: 1.5rem;
    }

    .subtitulos-requisitos {
        color: #8dc03d;
        font-size: 0.7rem;
    }

    .empleado-icon, .independiente-icon, .pensionado-icon, .juridico-icon {
        transform: scale(0.7) !important;
        margin-left: 15% !important;
        padding-top: 0%;
    }

    .cuarto-hora1-icon, .cuarto-hora2-icon, .cuarto-hora3-icon, .cuarto-hora4-icon {
        transform: scale(0.7) !important;
        margin-left: 15% !important;
        padding-top: 0%;
    }

    .li-info {
        font-size: 0.6rem;
    }

    .texto-libre-planes {
        font-size: 0.6rem;
    }

    .ul-planes {
        font-size: 0.6rem;
    }

    .titulos-de-planes {
        color: #8dc03d;
        font-size: 0.8rem;
    }

    .icon-nuestors-servicios {
        transform: scale(5.5);
        margin-left: 46%;
        margin-top: 20%;
    }

    .icon-planes {
        margin-top: -7%;
        margin-bottom: -10%;
        transform: scale(0.9);
        margin-left: 14%;
    }

    .pad-second-subcard {
        padding-top: 0%;
    }

    .cuadro1-popup-icon {
        transform: scale(0.55) !important;
        margin-left: 8% !important;
        margin-top: -3% !important;
    }

    .cuadro2-popup-icon {
        transform: scale(0.55) !important;
        margin-left: 14% !important;
        margin-top: -3% !important;
    }

    .cuadro3-popup-icon {
        transform: scale(0.55) !important;
        margin-left: 23% !important;
        margin-top: -3% !important;
    }

    .cuadro4-popup-icon {
        transform: scale(0.55) !important;
        margin-left: 12% !important;
        margin-top: -3% !important;
    }

    .container-fz-opciones {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 236px);
        grid-template-rows: repeat(1, 186px);
    }

    .container-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 238px);
        grid-template-rows: repeat(2, 216px);
    }

    .recuadros-intro {
        height: 190px;
        width: 200px;
    }

    .first-icon-text {
        font-size: 1.3em;
        padding-left: 18%;
        margin-top: -13%;
    }

    .recuadros-servicios {
        height: 205px;
        width: 200px;
    }

        .recuadros-servicios:hover {
            height: 205px;
            width: 200px;
        }

    .label-servicios1 {
        color: #8dc03d;
        font-size: 1.55rem;
    }

    .label-servicios2 {
        color: #8dc03d;
        font-size: 1.55rem;
    }

    .label-servicios3 {
        color: #8dc03d;
        font-size: 1.55rem;
    }

    .label-servicios4 {
        color: #8dc03d;
        font-size: 1.55rem;
    }

    .plan1-popup-icon {
        transform: scale(0.6);
    }

    .plan2-popup-icon {
        transform: scale(0.6);
    }

    .plan3-popup-icon {
        transform: scale(0.6);
    }

    .plan4-popup-icon {
        transform: scale(0.6);
    }

    .plan5-popup-icon {
        transform: scale(0.6);
    }

    .plan6-popup-icon {
        transform: scale(0.6);
    }

    .plan7-popup-icon {
        transform: scale(0.6);
    }

    .plan8-popup-icon {
        transform: scale(0.6);
    }

    .plan9-popup-icon {
        transform: scale(0.6);
    }

    .plan10-popup-icon {
        transform: scale(0.6);
    }

    .recuadros-idioma {
        height: 205px;
        width: 200px;
    }

    .margen-sc-info1 {
        margin-top: 3%;
        margin-bottom: 10%;
        text-align: center;
    }

    .img-footer-padding {
        padding-right: 23%;
    }

    .marg-3 {
        margin-left: 12%;
        margin-right: 9%;
    }

    .text-first-footer {
        margin-top: -13%;
        margin-left: 40%;
        font-size: 0.95rem !important;
    }

    .margen-card-icons-fz {
        margin-top: 8%;
        margin-right: 15.333333%;
        margin-left: 15%;
    }

    .margen-card-mapa-fz {
        margin-top: 0%;
        margin-right: 15.333333%;
        margin-left: 15%;
    }

    .margen-planes {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 10.333333%;
    }

    .margen-cuartohora {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 20.333333%;
    }

    .margen-mismo-idioma {
        margin-top: 5%;
        margin-right: 7%;
        margin-left: 11.333333%;
    }

    .margen-online-icons-fz {
        margin-top: 13%;
        margin-right: 5%;
        margin-left: 50.333333%;
    }
}

@media(min-width:1300px) and (max-width:1600px) {
    .navbar-collapse {
        padding-left: 9%;
    }
}

@media (min-width:1200px) and (max-width:1260px) {
    .margen-planes {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 12.333333% !important;
    }

    .margen-cuartohora {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 22.333333% !important;
    }
}

@media (min-width:1600px) {

    .cajeros-icon {
        margin-top: 69%;
        transform: scale(6.9);
    }

    .modal-habeas {
        width: 520px;
        height: auto;
        margin-top: 12%;
        margin-left: 37%;
    }

    .margen-simular {
        margin-left: 15%;
        padding-top: 0% !important;
    }

    .margen-planes-simulador {
        margin-left: -8%;
    }

    .margen-row-planes-simulador {
        margin-left: 8%;
        margin-top: -3%;
    }

    .background-intro-simulador {
        height: 77rem;
    }

    .pad-second-card-idioma {
        padding: 6% 6% 6% 6%;
    }

    .pad-liquidar {
        padding-left: 22.5%;
        font-size: 2rem;
    }

    .pad-extracto {
        padding-left: 43%;
        font-size: 2rem;
    }

    .pad-hpago {
        margin-left: -33%;
        margin-right: -28%;
        font-size: 2rem;
    }

    .pad-ppago {
        margin-left: -9%;
        margin-right: -28%;
        font-size: 2rem;
    }

    .pad-ccuenta {
        padding-right: 3%;
        font-size: 1.5rem;
    }

    .pad-ccostos {
        padding-right: 3%;
        font-size: 1.5rem;
    }

    .pad-ref {
        margin-left: 6%;
        font-size: 2rem;
    }

    .liquidar-icon {
        transform: scale(0.8) !important;
        margin-left: 21% !important;
        margin-top: 0% !important;
    }

    .extracto-icon {
        transform: scale(0.8) !important;
        margin-left: 23% !important;
        margin-top: 0% !important;
    }

    .hpago-icon {
        transform: scale(0.8) !important;
        margin-left: 21% !important;
        margin-top: 0% !important;
    }

    .ppago-icon {
        transform: scale(0.8) !important;
        margin-left: 23% !important;
        margin-top: 0% !important;
    }

    .ccuenta-icon {
        transform: scale(0.8) !important;
        margin-left: 29% !important;
        margin-top: 0% !important;
    }

    .ccostos-icon {
        transform: scale(0.8) !important;
        margin-left: 29% !important;
        margin-top: 0% !important;
    }

    .ref-icon {
        transform: scale(0.8) !important;
        margin-left: 29% !important;
        margin-top: 0% !important;
    }

    .subrogacion-icon {
        transform: scale(0.8) !important;
        margin-left: 29% !important;
        margin-top: 0% !important;
    }

    .pad-second-subcard-2 {
        font-size: 0.83rem ;
    }

    .espacio-texto-requisitos {
        margin-top: 0%;
    }

    .titulos-requisitos {
        color: #8dc03d;
        font-size: 2rem;
    }

    .subtitulos-requisitos {
        color: #8dc03d;
        font-size: 1rem;
    }

    .empleado-icon, .independiente-icon, .pensionado-icon, .juridico-icon {
        transform: scale(1) !important;
        margin-left: 23% !important;
        padding-top: 5%;
    }

    .cuarto-hora1-icon, .cuarto-hora2-icon, .cuarto-hora3-icon, .cuarto-hora4-icon {
        transform: scale(1) !important;
        margin-left: 23% !important;
        padding-top: 5%;
    }

    .li-info {
        /*font-size: 1rem;*/
    }

    .titulos-de-planes {
        color: #8dc03d;
        font-size: 1rem;
    }

    .texto-libre-planes {
        font-size: 0.9rem;
    }

    .ul-planes {
        font-size: 0.9rem;
    }

    .icon-planes {
        margin-top: 3%;
        transform: scale(0.9);
        margin-left: 22%;
    }

    .plan1-popup-icon {
        transform: scale(0.9);
    }

    .margen-tablas-simulador {
        margin-top: 2.5%;
        margin-left: 17%;
        margin-right: -27%;
    }

    .plan2-popup-icon {
        transform: scale(0.9);
    }

    .plan3-popup-icon {
        transform: scale(0.9);
    }

    .plan4-popup-icon {
        transform: scale(0.9);
    }

    .plan5-popup-icon {
        transform: scale(0.9);
    }

    .plan6-popup-icon {
        transform: scale(0.9);
    }

    .plan7-popup-icon {
        transform: scale(0.9);
    }

    .plan8-popup-icon {
        transform: scale(0.9);
    }

    .plan9-popup-icon {
        transform: scale(0.9);
    }

    .plan10-popup-icon {
        transform: scale(0.9);
    }

    .plan1-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan2-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan3-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan4-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan5-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan6-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan7-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan8-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan9-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan10-simular-icon {
        transform: scale(0.5) !important;
    }


    .icon-nuestors-servicios {
        transform: scale(6.5);
        margin-left: 46%;
        margin-top: 20%;
    }

    .cuadro1-popup-icon {
        transform: scale(0.75) !important;
        margin-left: 12% !important;
    }

    .cuadro2-popup-icon {
        transform: scale(0.75) !important;
        margin-left: 15% !important;
    }

    .cuadro3-popup-icon {
        transform: scale(0.75) !important;
        margin-left: 25% !important;
    }

    .cuadro4-popup-icon {
        transform: scale(0.75) !important;
        margin-left: 12% !important;
    }

    .recuadros-intro {
        height: 220px;
        width: 210px;
    }

    .first-icon-text {
        font-size: 1.5em;
        padding-left: 13%;
    }

    .recuadros-servicios {
        height: 275px;
        width: 270px;
    }

        .recuadros-servicios:hover {
            height: 275px;
            width: 270px;
        }

    .container-fz-opciones {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 288px);
        grid-template-rows: repeat(2, 288px);
    }

    .container-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 288px);
        grid-template-rows: repeat(2, 288px);
    }

    .label-servicios1 {
        color: #8dc03d;
        font-size: 2rem;
    }

    .label-servicios2 {
        color: #8dc03d;
        font-size: 2rem;
    }

    .label-servicios3 {
        color: #8dc03d;
        font-size: 2rem;
    }

    .label-servicios4 {
        color: #8dc03d;
        font-size: 2rem;
    }

    .recuadros-idioma {
        height: 275px;
        width: 270px;
    }
}

@media (min-width: 1619px) {

    .cajeros-icon {
        margin-top: 5%;
        transform: scale(5.9);
    }

    .style_mdp {
        font-size: 2.6em;
        padding-top: 0%;
        text-align: right !important;
    }

    .pad-second-subcard {
        padding-top: 15%;
    }

    .intro-start-cfz {
        margin-top: 3%;
        margin-left: 25%;
        font-size: 1.6em !important;
    }

    .margen-sc-info1 {
        margin-top: 3%;
        margin-bottom: 10%;
        text-align: center;
    }

    .margen-sc-sub {
        text-align: left !important;
        font-size: 2em;
        margin-top: 4%;
    }

    .margen-card-icons-fz {
        margin-top: 10%;
        margin-right: 10.333333%;
        margin-left: 15%;
        margin-bottom: 2%;
    }

    .margen-card-mapa-fz {
        margin-top: 1%;
        margin-right: 15.333333%;
        margin-left: 15%;
        margin-bottom: 2%;
    }

    .margen-online-icons-fz {
        margin-top: 13.5%;
        margin-right: 5%;
        margin-left: 45.333333%;
    }

    .margen-planes {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 18.633333% !important;
    }

    .margen-cuartohora {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 31.333333% !important;
    }

    .margen-mismo-idioma {
        margin-top: 5%;
        margin-right: 9%;
        margin-left: 17.333333%;
    }

    .container-bank-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 108px);
        grid-template-rows: repeat(2, 38px);
    }

    .container-online-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 159px);
        grid-template-rows: repeat(1, 38px);
    }

    .placetopay_icon {
        width: 120px;
        height: 30px !important;
        margin-top: 2%;
    }

    .img-footer-padding {
        padding-right: 24%;
    }

    .title-download-app {
        font-size: 2.6em;
        padding-top: 0%;
    }

    .margen-texto-app {
        margin-left: -10%;
    }

    .link-map-pagos {
        color: #166d6b;
        margin-left: 19%;
        font-weight: 600;
        font-size: 1rem;
        margin-top: 2%;
    }
}

@media (min-width: 1600px) {


    .margen-bank-icons-fz {
        margin-top: 13%;
        /* margin-right: 5%; */
        margin-left: 15.333333%;
    }

    .text-first-footer {
        margin-left: 35%;
    }

    .marg-3 {
        margin-left: 20%;
        margin-right: 15%;
    }

    .container-card-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 238px);
        grid-template-rows: repeat(2, 38px);
    }

    .row-icon-map {
        padding-top: 4%;
        padding-left: 1%;
        padding-bottom: 7%;
    }
}

@media (min-width: 1454px) and (max-width: 1618px) {

    .style_mdp {
        font-size: 2.6em;
        padding-top: 0%;
        text-align: right !important;
    }

    .link-map-pagos {
        color: #166d6b;
        margin-left: 19%;
        font-weight: 600;
        font-size: 1rem;
        margin-top: 2%;
    }

    .margen-bank-icons-fz {
        margin-top: 10%;
        /*margin-right: 5%;*/
        margin-left: 19.333333%;
    }

    .intro-start-cfz {
        margin-top: 3%;
        margin-left: 19%;
        font-size: 1.6em !important;
    }

    .margen-sc-info1 {
        margin-top: 3%;
        margin-bottom: 10%;
        text-align: center;
    }

    .margen-mismo-idioma {
        margin-top: 5%;
        margin-right: 9%;
        margin-left: 14.333333%;
    }

    .margen-sc-sub {
        text-align: left !important;
        font-size: 2em;
        margin-top: 5%;
    }

    .margen-card-icons-fz {
        margin-top: 15%;
        margin-right: 1.333333%;
        margin-left: 15%;
    }

    .margen-card-mapa-fz {
        margin-top: 3%;
        margin-right: 6.333333%;
        margin-left: 15%;
    }

    .container-card-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 238px);
        grid-template-rows: repeat(2, 38px);
    }

    .margen-texto-app {
        margin-left: -10%;
    }
}

@media (max-width: 1454px) and (min-width: 1200px) {
    .link-map-pagos {
        color: #166d6b;
        margin-left: 19%;
        font-weight: 600;
        font-size: 1rem;
        margin-top: 2%;
    }

    .margen-bank-icons-fz {
        margin-top: 10%;
        /*margin-right: 5%;*/
        margin-left: 19.333333%;
    }

    .intro-start-cfz {
        margin-top: 3%;
        margin-left: 19%;
        font-size: 1.6em !important;
    }

    .margen-sc-info1 {
        margin-top: 3%;
        margin-bottom: 10%;
        text-align: center;
    }

    .margen-sc-sub {
        text-align: left !important;
        font-size: 2em;
        margin-top: 5%;
    }

    .title-download-app {
        font-size: 2.3em;
        padding-top: 0%;
    }

    .margen-texto-app {
        margin-left: -10%;
    }

    .container-card-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 238px);
        grid-template-rows: repeat(2, 98px);
    }

    .margen-card-icons-fz {
        margin-left: 32%;
    }

    .footer-list {
        margin-left: -12%;
    }
}

@media (min-width: 1400px) and (max-width: 1618px) {

    .cajeros-icon {
        margin-top: -9%;
        transform: scale(5.9);
    }
    .footer-list {
        margin-left: -12%;
    }

    .title-download-app {
        font-size: 2.3em;
        padding-top: 0%;
    }

    .container-online-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 159px);
        grid-template-rows: repeat(1, 13px);
    }

    .container-bank-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 108px);
        grid-template-rows: repeat(1, 98px);
    }

    .margen-online-icons-fz {
        margin-top: 16%;
        margin-right: 0%;
        margin-left: 40.333333%;
    }

    .margen-planes {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 12.333333%;
    }

    .margen-cuartohora {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 22.333333% !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {

    .cajeros-icon {
        margin-top: 29%;
        transform: scale(6.9);
    }

    .container-bank-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 108px);
        grid-template-rows: repeat(2, 98px);
    }

    .margen-planes {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 17.333333%;
    }

    .margen-cuartohora {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 27.333333% !important;
    }

    .container-online-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 159px);
        grid-template-rows: repeat(2, 143px);
    }

    .margen-online-icons-fz {
        margin-top: 16%;
        margin-right: 0%;
        margin-left: 40.333333%;
    }

    .city-footer, .letter-footer {
        font-size: 0.69rem !important;
    }

    .placetopay_icon {
        width: 80px;
        height: 20px !important;
        margin-top: -3%;
    }

    .row-icon-map {
        padding-top: 4%;
        padding-left: 1%;
        padding-bottom: 8%;
    }
}

@media (max-width:1619px) {
    .margen-sc-info {
        margin-top: 0%;
    }
}

@media (max-width: 1199px) {

    

    .margen-bank-icons-fz {
        margin-top: 10%;
        /*margin-right: 5%;*/
        margin-left: 19.333333%;
    }

    .intro-start-cfz {
        margin-top: 3%;
        margin-left: 19%;
        font-size: 1.6em !important;
    }

    .img-footer-padding {
        padding-right: 0%;
    }

    .text-first-footer {
        display: none;
    }
}

@media (min-width: 1201px) and (max-width:1399px) {
    .margen-texto-requisitos {
        font-size: 0.8rem;
    }

    .row-icon-map {
        padding-top: 10%;
        padding-left: 2%;
        padding-bottom: 10%;
    }

    .style_mdp {
        font-size: 2.6em;
        padding-top: 0%;
        text-align: right !important;
    }
}

@media (min-width: 991px) and (max-width:1200px) {
    .cajeros-icon {
        margin-top: 29%;
        transform: scale(6.9);
    }

    .link-map-pagos {
        color: #166d6b;
        margin-left: 19%;
        font-weight: 600;
        font-size: 1rem;
        margin-top: 2%;
    }
    .pad-second-subcard-2 {
        font-size: 0.6rem;
    }

    .modal-habeas {
        width: 736px;
        height: auto;
        margin-top: 7%;
        margin-left: 19%;
    }

    .style_mdp {
        font-size: 2.6em;
        padding-top: 0%;
        text-align: right !important;
    }

    .margen-planes-simulador-primer, .margen-planes-simulador {
        margin-left: -7%;
        margin-top: 0%;
    }

    .margen-simular {
        margin-left: 15%;
        padding-top: 0% !important;
    }

    .margen-row-planes-simulador {
        margin-left: 8%;
    }

    .plan1-simular-icon, .plan2-simular-icon, .plan3-simular-icon, .plan4-simular-icon, .plan5-simular-icon, .plan6-simular-icon, .plan7-simular-icon, .plan8-simular-icon, .plan9-simular-icon, .plan10-simular-icon {
        transform: scale(0.7) !important;
    }

    .footer_menu {
        margin-left: -23%;
    }

    .modal-content {
        margin: 17%;
        width: 70% !important;
    }

    .empleado-popup-icon {
        transform: scale(17.5) !important;
    }

    .margen-texto-requisitos {
        font-size: 0.8rem;
    }

    .background-intro-simulador {
        height: 56rem;
    }

    .pad-second-card-idioma {
        padding: 6% 6% 6% 6%;
    }

    .pad-liquidar {
        padding-left: 22.5%;
        font-size: 1.3rem;
    }

    .pad-extracto {
        padding-left: 59%;
        font-size: 1.3rem;
    }

    .pad-hpago {
        margin-left: -21%;
        margin-right: -28%;
        font-size: 1.3rem;
    }

    .pad-ppago {
        margin-left: -1%;
        margin-right: -28%;
        font-size: 1.3rem;
    }

    .pad-ccuenta {
        padding-right: 10%;
        font-size: 0.9rem;
    }

    .pad-ccostos {
        padding-right: 10%;
        font-size: 0.9rem;
    }

    .pad-ref {
        margin-left: 11%;
        font-size: 1.3rem;
    }

    .liquidar-icon {
        transform: scale(0.7) !important;
        margin-left: 13% !important;
        margin-top: -7% !important;
    }

    .extracto-icon {
        transform: scale(0.7) !important;
        margin-left: 13% !important;
        margin-top: -7% !important;
    }

    .hpago-icon {
        transform: scale(0.7) !important;
        margin-left: 13% !important;
        margin-top: -7% !important;
    }

    .ppago-icon {
        transform: scale(0.7) !important;
        margin-left: 13% !important;
        margin-top: -7% !important;
    }

    .ccuenta-icon {
        transform: scale(0.7) !important;
        margin-left: 13% !important;
        margin-top: -7% !important;
    }

    .ccostos-icon {
        transform: scale(0.7) !important;
        margin-left: 13% !important;
        margin-top: -7% !important;
    }

    .ref-icon {
        transform: scale(0.7) !important;
        margin-left: 13% !important;
        margin-top: -7% !important;
    }

    .subrogacion-icon {
        transform: scale(0.7) !important;
        margin-left: 13% !important;
        margin-top: -7% !important;
    }


    .espacio-texto-requisitos {
        margin-top: -17%;
    }

    .subtitulos-requisitos {
        color: #8dc03d;
        font-size: 0.7rem;
    }

    .titulos-requisitos {
        color: #8dc03d;
        font-size: 1.5rem;
    }

    .empleado-icon, .independiente-icon, .pensionado-icon, .juridico-icon {
        transform: scale(0.7) !important;
        margin-left: 15% !important;
        padding-top: 0%;
    }

    .cuarto-hora1-icon, .cuarto-hora2-icon, .cuarto-hora3-icon, .cuarto-hora4-icon {
        transform: scale(0.7) !important;
        margin-left: 15% !important;
        padding-top: 0%;
    }

    .li-info {
        font-size: 0.5rem;
    }

    .ul-planes {
        font-size: 0.6rem;
    }

    .texto-libre-planes {
        font-size: 0.6rem;
    }

    .titulos-de-planes {
        color: #8dc03d;
        font-size: 0.8rem;
    }

    .icon-planes {
        margin-top: -7%;
        margin-bottom: -10%;
        transform: scale(0.6);
        margin-left: 15%;
    }

    .icon-nuestors-servicios {
        transform: scale(4.5);
        margin-left: 46%;
        margin-top: 20%;
    }

    .cuadro1-popup-icon {
        transform: scale(0.5) !important;
        margin-left: 1% !important;
        margin-top: -5% !important;
    }

    .cuadro2-popup-icon {
        transform: scale(0.5) !important;
        margin-left: 10% !important;
        margin-top: -5% !important;
    }

    .cuadro3-popup-icon {
        transform: scale(0.5) !important;
        margin-left: 19% !important;
        margin-top: -5% !important;
    }

    .cuadro4-popup-icon {
        transform: scale(0.5) !important;
        margin-left: 3% !important;
        margin-top: -5% !important;
    }

    .recuadros-intro {
        height: 180px;
        width: 170px;
    }

    .first-icon-text {
        font-size: 1.3em;
        padding-left: 13%;
        margin-top: -18%;
    }

    .recuadros-servicios {
        height: 195px;
        width: 190px;
    }

    .label-servicios1 {
        color: #8dc03d;
        font-size: 1.3rem;
    }

    .label-servicios2 {
        color: #8dc03d;
        font-size: 1.3rem;
    }

    .label-servicios3 {
        color: #8dc03d;
        font-size: 1.3rem;
    }

    .label-servicios4 {
        color: #8dc03d;
        font-size: 1.3rem;
    }

    .recuadros-idioma {
        height: 195px;
        width: 190px;
    }

    .container-fz-opciones {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 216px);
        grid-template-rows: repeat(1, 186px);
    }

    .container-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 208px);
        grid-template-rows: repeat(2, 216px);
    }

    .pad-second-subcard {
        padding-top: 0%;
    }

    .margen-sc-info1 {
        margin-top: 3%;
        margin-bottom: 10%;
        text-align: center;
    }

    .margen-card-icons-fz {
        margin-top: 8%;
        margin-right: 15.333333%;
        margin-left: 15%;
    }

    .margen-card-mapa-fz {
        margin-top: 4%;
        margin-right: 15.333333%;
        margin-left: 15%;
    }

    .row-icon-map {
        padding-top: 18%;
        padding-left: 6%;
        padding-bottom: 13%;
    }

    .margen-online-icons-fz {
        margin-top: 22%;
        margin-right: 5%;
        margin-left: 50.333333%;
    }

    .container-card-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 238px);
        grid-template-rows: repeat(2, 98px);
    }

    .margen-card-icons-fz {
        margin-left: 32%;
    }

    .container-bank-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 108px);
        grid-template-rows: repeat(2, 98px);
    }

    .container-online-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 159px);
        grid-template-rows: repeat(2, 143px);
    }

    .container-online-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 159px);
        grid-template-rows: repeat(2, 143px);
    }

    .margen-planes {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 8.333333%;
    }

    .margen-cuartohora {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 16.333333%;
    }

    .margen-mismo-idioma {
        margin-top: 5%;
        margin-right: 7%;
        margin-left: 9.333333%;
    }

    .margen-responsive-idioma {
        margin-left: 0% !important;
    }

    .marg-3 {
        margin-left: 8%;
        margin-right: 4%;
    }
}

/*.dropdown-submenu {
    position: relative;
}*/
.dropdown-submenu {
    position: absolute;
    top: 118%;
}

.dropdown-toggle::before {
    transform: rotate(-90deg);
}

.dropdown-toggle:hover::after {
    transform: rotate(90deg);
}

.dropdown-menu > a:after {
    transform: rotate(90deg);
}

.dropdown-menu > .show > .dropdown-item {
    background-color: #166d6b !important
}

.nav-header {
    padding-left: 5%;
    color: #166d6b;
    border-top: 1px solid #8dc03d;
    font-weight: 700;
}

.dropdown-menu:after {
    background-color: #166d6b;
}

.dropdown-item:focus {
    color: #fff;
    background-color: #166d6b;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -40px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

#dropdown07.dropdown-toggle:hover:after > #dropd-03 {
    display: block;
}

.dropdown-menu > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #717171;
    margin-top: 7px;
    margin-right: -10px;
}

a.dropdown-toggle:hover:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

@media (max-width: 991px) {

    .margen-online-icons-fz {
        margin-top: 22%;
        margin-right: 8%;
        margin-left: 43.333333%;
        display: grid;
        grid-gap: 4px;
        grid-template-columns: repeat(auto-fit, 91px);
        grid-template-rows: repeat(2, 141px);
    }

    .mision-letras {
        padding: 6%;
    }

    .container-bank-icons-fz {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 108px);
        grid-template-rows: repeat(2, 98px);
    }

    .background-intro-simulador {
        height: 42rem;
        padding-top: 5%;
    }

    .pad-second-card-idioma {
        padding: 6% 6% 6% 6%;
    }

    .pad-liquidar {
        padding-left: 22.5%;
        font-size: 2rem;
    }

    .pad-extracto {
        padding-left: 43%;
        font-size: 2rem;
    }

    .pad-hpago {
        margin-left: -33%;
        margin-right: -28%;
        font-size: 2rem;
    }

    .pad-ppago {
        margin-left: -9%;
        margin-right: -28%;
        font-size: 2rem;
    }

    .pad-ccuenta {
        padding-right: 3%;
        font-size: 1.5rem;
    }

    .pad-ccostos {
        padding-right: 3%;
        font-size: 1.5rem;
    }

    .pad-ref {
        margin-left: 6%;
        font-size: 2rem;
    }

    .liquidar-icon {
        transform: scale(0.8) !important;
        margin-left: 21% !important;
    }

    .extracto-icon {
        transform: scale(0.8) !important;
        margin-left: 23% !important;
    }

    .hpago-icon {
        transform: scale(0.8) !important;
        margin-left: 21% !important;
    }

    .ppago-icon {
        transform: scale(0.8) !important;
        margin-left: 23% !important;
    }

    .ccuenta-icon {
        transform: scale(0.8) !important;
        margin-left: 29% !important;
    }

    .ccostos-icon {
        transform: scale(0.8) !important;
        margin-left: 29% !important;
    }

    .ref-icon {
        transform: scale(0.8) !important;
        margin-left: 29% !important;
    }

    .subrogacion-icon {
        transform: scale(0.8) !important;
        margin-left: 29% !important;
    }

    .pad-second-subcard-2 {
        font-size: 0.7rem !important;
    }

    .espacio-texto-requisitos {
        margin-top: 0%;
    }

    .subtitulos-requisitos {
        color: #8dc03d;
        font-size: 2rem;
    }

    .subtitulos-requisitos {
        color: #8dc03d;
        font-size: 1rem;
    }

    .empleado-icon, .independiente-icon, .pensionado-icon, .juridico-icon {
        transform: scale(1) !important;
        margin-left: 23% !important;
        padding-top: 5%;
    }

    .cuarto-hora1-icon, .cuarto-hora2-icon, .cuarto-hora3-icon, .cuarto-hora4-icon {
        transform: scale(1) !important;
        margin-left: 23% !important;
        padding-top: 5%;
    }

    .li-info {
        /*font-size: 1rem;*/
    }

    .texto-libre-planes {
        font-size: 0.9rem;
    }

    .titulos-requisitos {
        color: #8dc03d;
        font-size: 2rem;
    }

    .titulos-de-planes {
        color: #8dc03d;
        font-size: 1rem;
    }

    .icon-planes {
        margin-top: 3%;
        transform: scale(0.9);
        margin-left: 22%;
    }

    .label-servicios1 {
        color: #8dc03d;
        font-size: 2rem;
    }

    .label-servicios2 {
        color: #8dc03d;
        font-size: 2rem;
    }

    .label-servicios3 {
        color: #8dc03d;
        font-size: 2rem;
    }

    .label-servicios4 {
        color: #8dc03d;
        font-size: 2rem;
    }

    .icon-nuestors-servicios {
        transform: scale(6.5);
        margin-left: 46%;
        margin-top: 20%;
    }

    .pad-second-subcard {
        padding-top: 15%;
    }

    .cuadro1-popup-icon {
        transform: scale(0.75) !important;
        margin-left: 12% !important;
    }

    .cuadro2-popup-icon {
        transform: scale(0.75) !important;
        margin-left: 12% !important;
    }

    .cuadro3-popup-icon {
        transform: scale(0.75) !important;
        margin-left: 12% !important;
    }

    .cuadro4-popup-icon {
        transform: scale(0.75) !important;
        margin-left: 12% !important;
    }

    .first-icon-text {
        font-size: 1.5em;
        padding-left: 13%;
    }

    .recuadros-servicios {
        height: 275px;
        width: 270px;
    }

        .recuadros-servicios:hover {
            height: 275px;
            width: 270px;
        }

    .container-fz-opciones {
        display: grid;
        grid-gap: 0px !important;
        grid-template-columns: repeat(auto-fit, 288px);
        grid-template-rows: repeat(2, 289px);
    }

    .container-fz {
        display: grid;
        grid-gap: 0px !important;
        grid-template-columns: repeat(auto-fit, 288px);
        grid-template-rows: repeat(2, 293px);
    }

    .recuadros-idioma {
        height: 275px;
        width: 270px;
    }

    .margen-card-icons-fz {
        margin-top: 17%;
        margin-right: 46.333333%;
        margin-left: 37%;
        display: grid;
        grid-gap: 4px;
        grid-template-columns: repeat(auto-fit, 62px);
        grid-template-rows: repeat(2, 98px);
    }

    .margen-card-mapa-fz {
        margin-top: 4%;
        margin-right: 15.333333%;
        margin-left: 15%;
    }

    .empleado-popup-icon, .independiente-popup-icon, .pensionado-popup-icon, .juridico-popup-icon {
        transform: scale(3.5);
    }

    .margen-icon-popup {
        margin-top: 26%;
        margin-bottom: 12%;
        margin-left: 50%;
    }

    .margen-planes {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 10.333333%;
    }

    .margen-cuartohora {
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 20.333333%;
    }

    .margen-mismo-idioma {
        margin-top: 5%;
        margin-right: 9%;
        margin-left: 18.333333%;
    }

    .navbar-dark .navbar-toggler-icon {
        background-image: url('./../../img/svg/Boton.svg') !important;
    }

    .background-fz-gn {
        background-position-x: inherit !important;
        background-position: right 80px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover !important;
    }

    .navbar-dark .navbar-toggler {
        border-color: transparent;
    }

    .marg-3 {
        margin-left: 15%;
        margin-right: 15%;
    }

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 1px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .footer_fz {
        position: relative !important;
        height: auto !important;
    }

    .space-style-footer {
        border-right: 0px;
        border-bottom: 2px solid #8dc03d;
    }

    .dropdown-menu {
        max-height: 350px;
        overflow-y: auto;
    }

    .row [class*="col-lg-3"] {
        border-right: 0px solid !important;
        /*border-bottom: 2px solid #8dc03d;*/
        padding: 0 0 0 28px;
        margin-bottom: 16px !important;
    }

    .espacio-icon {
        transform: scale(0.80);
    }


    .espacio-icon-footer {
        transform: scale(2.3);
        padding-right: 0%;
    }

    #info-vev {
        background-color: rgba(255,255,255,0.7) !important;
    }

    .text-vev-info2 {
        font-size: 1rem;
    }
}

@media (max-width: 767px) {

    .cajeros-icon {
        margin-top: 69%;
        transform: scale(6.9);
    }

    .margen-online-icons-fz {
        margin-left: 43.333333% !important;
        margin-right: 36% !important;
    }

    .link-map-pagos {
        color: #166d6b;
        margin-left: 19%;
        font-weight: 600;
        font-size: 1rem;
        margin-top: 21%;
    }

    .modal-habeas {
        width: 520px;
        height: auto;
        margin-top: 12%;
        margin-left: -2%;
    }

    .cont-tdc {
        padding-bottom: 14%;
        margin-top: 37%;
        margin-left: 42%;
    }

    .img-tdc {
        transform: scale(13.75);
    }

    .espacio-icon-map-icon-pagos {
        margin-top: 15% !important;
        padding-left: 11% !important;
    }

    .margen-bank-icons-fz {
        margin-bottom: 15%;
    }

    .style_mdp {
        font-size: 1.6em;
        padding-top: 0%;
    }

    .link-map-pagos {
        margin-top: 16% !important;
    }

    .marg-3 {
        margin-left: 0%;
        margin-right: 15%;
    }

    .margen-simular {
        margin-left: 15%;
        padding-top: 0% !important;
    }

    .info-planes-simulador {
        background-color: rgba(255,255,255,0.6);
    }

    .margen-row-planes-simulador {
        background-color: rgba(255,255,255,0.6);
        margin-left: -9%;
        margin-top: 3%;
    }

    .margen-planes-simulador-primer, .margen-planes-simulador {
        margin-left: 0%;
        margin-top: -8%;
        flex: 50%;
        display: flex;
    }

    .plan1-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan2-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan3-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan4-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan5-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan6-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan7-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan8-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan9-simular-icon {
        transform: scale(0.5) !important;
    }

    .plan10-simular-icon {
        transform: scale(0.5) !important;
    }

    .margen-vev-sc-first {
        font-size: 2.2em !important;
        margin-bottom: 7%;
    }

    .container-vev {
        height: 20rem !important;
        /*opacity: 0.7;*/
    }

    .recuadros-intro {
        height: 220px;
        width: 210px;
        margin-left: 18%;
    }

    .apple-mobile {
        margin-left: 16%;
        /*margin-top: -5.5%;
        margin-top: -5.5%;*/
    }

    .grid-linkapps {
        margin-left: 0%;
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit, 173px);
        grid-template-rows: repeat(2, 45px);
    }
}

@media (min-width: 576px) and (max-width: 767px) {


    .navbar-dark .navbar-nav .show > .nav-link {
        font-size: 16px;
    }

    .borderB {
        font-size: 14px;
        margin-left: 8px;
        padding-left: 5px;
        padding-right: 14px;
    }
}

@media (max-width:575px) {
    .margen-texto-requisitos {
        margin-left: 0%;
        text-align: left;
        margin-top: -4%;
    }

    .empleado-popup-icon {
        transform: scale(0.5);
    }

    .margen-icon-popup {
        margin-top: 0%;
        margin-bottom: 0%;
        margin-left: 20%;
    }

    .independiente-popup-icon {
        transform: scale(0.5);
    }

    .pensionado-popup-icon {
        transform: scale(0.5);
    }

    .juridico-popup-icon {
        transform: scale(0.5);
    }

    .margen-texto-requisitos {
        margin-left: 5%;
        text-align: left;
    }

    .espacio-icon-popup {
        margin-top: -2px;
        margin-left: -105%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .cajeros-icon {
        margin-top: 121%;
        transform: scale(6.9);
    }

    .link-map-pagos {
        color: #166d6b;
        margin-left: 19%;
        font-weight: 600;
        font-size: 1rem;
        margin-top: 21%;
    }

    .modal-habeas {
        width: 520px;
        height: auto;
        margin-top: 12%;
        margin-left: 20%;
    }

    .cont-tdc {
        padding-bottom: 14%;
        margin-top: 14%;
        margin-left: 42%;
    }

    .img-tdc {
        transform: scale(17.75);
    }

    .espacio-icon-map-icon-pagos {
        margin-top: 15% !important;
        padding-left: 11% !important;
    }

    .style_mdp {
        font-size: 2.6em;
        padding-top: 0%;
        text-align: right !important;
    }

    .margen-row-mobile-simular {
        margin-left: 6%;
        margin-top: 5%;
    }

    .margen-planes-simulador-primer, .margen-planes-simulador {
        margin-left: -3%;
        margin-top: 3%;
    }

    .margen-simular {
        margin-left: 15%;
        padding-top: 0% !important;
    }

    .margen-row-planes-simulador {
        margin-left: 8%;
    }

    .plan1-simular-icon, .plan2-simular-icon, .plan3-simular-icon, .plan4-simular-icon, .plan5-simular-icon, .plan6-simular-icon, .plan7-simular-icon, .plan8-simular-icon, .plan9-simular-icon, .plan10-simular-icon {
        transform: scale(1) !important;
    }

    .margen-planes {
        margin-bottom: 9% !important;
    }

    .margen-cuartohora {
        margin-bottom: 9% !important;
    }

    .apple-mobile {
        margin-top: 0%;
    }

    .recuadros-intro {
        height: 238px;
        width: 262px;
        margin-top: 0% !important;
        margin-left: 24%;
    }

    .empleado-popup-icon {
        transform: scale(8.5) !important;
    }

    .margen-icon-popup {
        margin-top: 43%;
    }

    .navbar-brand {
        margin-right: 10px;
        padding-left: 20px !important;
    }

    .row-up-carousel {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('./../../img/corp/General.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }

    .dropdown-item {
        font-size: 14px;
    }

    .dropdown-menu > a:after {
        margin-top: 6px;
    }

    .navbar-dark .navbar-nav .show > .nav-link {
        font-size: 16px;
    }

    .navbar-collapse {
        margin-top: 1em;
        background-color: #166d6b;
        opacity: 1;
        margin-left: -1rem;
        margin-right: -1rem;
        border-radius: 0px 00px 20px 20px;
    }

    .borderB {
        font-size: 14px;
        margin-left: 8px;
        padding-left: 5px;
        padding-right: 14px;
    }
}


@media (min-width: 992px) {

    .cont-tdc {
        padding-bottom: 14%;
        margin-top: -4%;
    }

    .img-tdc {
        transform: scale(23.75);
    }

    .footer_fz:hover > div.container-fluid > div.row > div.space-style-footer > div.footer-div-icon {
        display: none;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .margen-vev-sc-first {
        text-align: center !important;
        font-size: 3.2em;
        margin-top: 5%;
        margin-bottom: 14%;
        text-transform: uppercase;
        padding-left: 7%;
    }

    .principal {
        font-weight: 500;
        margin-top: 20px;
        font-size: 14px;
        color: #ffffff !important;
    }

    .nav-link.dropdown {
        /*border-bottom: 5px solid #166d6b;*/
        padding-left: 6px !important;
        padding-right: 6px !important;
        padding-bottom: 25px;
    }

    .borderB {
        font-size: 14px;
        margin-left: 8px;
        padding-left: 5px;
        padding-right: 14px;
    }

    .navbar-brand {
        margin-right: 10px;
        padding-left: 20px !important;
    }

    .dropdown-item {
        font-size: 14px;
    }

    .navbar-dark .navbar-nav .show > .nav-link {
        font-size: 14px;
    }

    .dropdown-menu > a:after {
        margin-top: 6px;
    }
}

@media (min-width: 1200px) {

    .principal {
        font-weight: 500;
        margin-top: 20px;
        font-size: 16px;
        color: #ffffff !important;
    }

    .nav-link.dropdown {
        /*border-bottom: 5px solid #166d6b;*/
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 22px;
    }

    .borderB {
        font-size: 16px;
        margin-left: 20px;
        padding-left: 5px;
        padding-right: 15px;
    }

    .navbar-brand {
        margin-right: 10px;
        padding-left: 20px !important;
    }

    .dropdown-item {
        font-size: 16px;
    }

    .navbar-dark .navbar-nav .show > .nav-link {
        font-size: 16px;
    }

    .dropdown-menu > a:after {
        margin-top: 8px;
    }
}

@media (min-width: 1601px) {

    .principal {
        font-weight: 500;
        margin-top: 20px;
        font-size: 19.2px;
        color: #ffffff !important;
    }

    .nav-link.dropdown {
        /*border-bottom: 5px solid #166d6b;*/
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-bottom: 19px;
    }

    .borderB {
        font-size: 19.2px;
        margin-left: 25px;
        padding-left: 5px;
        padding-right: 20px;
    }

    .navbar-brand {
        margin-right: 30px;
        padding-left: 4.3em !important;
    }

    .navbar-dark .navbar-nav .show > .nav-link {
        font-size: 19.2px;
    }

    .dropdown-menu > a:after {
        margin-top: 8px;
    }

    .navbar-collapse {
        padding-left: 4%;
    }
}

@media (min-width:1688px) {
    .navbar-collapse {
        padding-left: 10%;
    }
}

.icono-menu {
    margin-left:0;
    transform: scale(1.0);
    margin-top: 0;
}

.nav-link.dropdown {
    border-bottom: 5px solid #166d6b;
}

.borderB {
    border-radius: 30px 30px 30px 30px;
    background-color: #8dc03d;
    color: #ffffff;
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 16px 0px;
    border: 0px !important;
}

@media (min-width: 1700px) {

    .icono-menu {
        
        margin-left:-10px;
        
    }

    .margen-plan {
        margin-left: 15%;
        padding-top: 5% !important;
    }

    .container5 {
        height: 27rem !important;
    }

    .container3 {
        height: 27rem !important;
        /* opacity: 0.7; */
    }

    .container-requisitos {
        height: 27rem !important;
    }

    .container-opcion {
        height: 27rem !important;
    }

    .container-solicitud-credito {
        height: 27rem !important;
    }
}
/*************     Menu      **********/
.img-fluid2 {
    margin-top: 0.5em;
    max-width: 100%;
    height: 1.9em !important;
}

.espacio-icon-sc-p1 {
    transform: scale(3);
    padding-right: 5%;
}

.espacio-icon-sc-p2 {
    transform: scale(0.9);
}

.style-sc-p2 {
    color: #166d6b;
    font-weight: 600;
    /*text-shadow: 1px 1px 1px gray;*/
    font-family: 'Open Sans';
}

.documentos-fz {
    margin-top: 4%;
    margin-left: 7%;
    font-weight: 600;
}

.documentos-tramite {
    padding-left: 5%;
}

.recuadros-info-sc {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 2px solid #8dc03d;
    height: 182px;
    width: 170px;
    font-weight: 500 !important;
    font-size: small !important;
}

.recuadros-info-sc-superior {
    color: #166d6b;
    font-size: 40px;
    margin-left: 45%;
}

.padding-recuadro1 {
    padding-left: 60%;
}

.padding-recuadro2 {
    padding-left: 0%;
}

.recuadros-info-sc-superior-icon {
    margin-top: 0%;
    color: #166d6b;
    font-size: 40px;
    margin-left: 8%;
    transform: scale(0.45);
}

/*.container-bank-icons-fz {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, 108px);
    grid-template-rows: repeat(2, 38px);
}*/
/**/
.btn-vev {
    padding-left: 20%;
    padding-top: 5%;
}

.margen-vev {
    margin-top: 7%;
    margin-bottom: 7%;
}

.background-intro-vev {
    display: table;
    width: 100%;
    background: url(./../../img/corp/car.png) center no-repeat;
    background-size: cover;
    background-color: #fff;
    height: auto;
}

.background-intro-simulador {
    display: table;
    width: 100%;
    background: url(./../../img/corp/car.png) center no-repeat;
    background-size: cover;
    background-color: #fff;
    /*height: 57rem;*/
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.invert-text {
    -moz-transform: scaleX(-1) !important;
    -o-transform: scaleX(-1) !important;
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important;
}

.botonC {
    padding-left: 13%;
    background-color: #166d6b !important;
}

.li-vev {
    font-size: 0.75rem;
    margin-top: 5%;
}

.center-element-card {
    text-align: center;
}

.espacio-icon-sc-p3 {
    margin-top: 7%;
    margin-right: 46%;
    transform: scale(1.99);
}

.card-header {
    padding: 0rem 0rem !important;
    margin-bottom: 1% !important;
    margin-bottom: 0;
    background-color: #e8f2d9;
    border-bottom: 0px solid rgba(0,0,0,.125);
    box-shadow: 0px 0px 14px 0px rgb(194, 213, 212);
    border-radius: 20px 20px 20px 20px !important;
    height: 47px;
}

.card {
    border-radius: 20px !important;
    border: 0px solid rgba(0,0,0,.125) !important;
    background: RGBA(255,255,255,.0) !important;
}

.card-mobile {
    padding-top: 0.5%;
    text-align: left;
    padding-left: 0%;
    font-size: 1.3em;
    color: #166d6b;
    font-weight: 600;
}

.card-body {
    padding: 1.25rem !important;
    margin: 0% 3% 3% 3% !important;
    /*border: 1px solid rgba(0,0,0,.125) !important;*/
    border-radius: 20px !important;
    background: #f4f4f4 !important;
    text-align: justify !important;
}

.img-acordeon {
    padding-bottom: 0%;
}

.background-fz-mp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/BOG.jpg');
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

.background-fz-standard {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/Buzon.jpg');
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

#mapid {
    width: 46em;
    height: 84.5em;
    border-radius: 20px 20px 20px 20px;
    bottom: 5%
}

.borderB1 {
    color: #fff !important;
}

.borderB1:hover {
        background-color: #a4d15f !important;
    }

.borderB:hover {
    background-color: #a4d15f !important;
}

.botonC:hover {
    color: #fff !important;
    background-color: #1c817f !important;
}

.margen-opciones {
    margin-top: 5%;
    margin-right: 19%;
    margin-left: 20.333333%;
}

.recuadros-info-maps {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    /*border: 2px solid #8dc03d ;*/
    background: #fff;
    opacity: 0.9;
    /*height:100px;
	width:300px;*/
    font-weight: 700 !important;
    font-size: small !important;
}

.espacio-icon-map-icon {
    transform: scale(5.2);
    /* padding-right: 5%; */
    margin-top: 28%;
    padding-left: 16%;
}

.recuadros-info-maps-city {
    color: #166d6b;
    padding-left: 6%;
    margin-bottom: 5%;
    margin-top: 5%;
    font-size: 0.9rem;
    font-family: Open sans;
}

.recuadros-info-maps-city-direccion {
    margin-top: 23%;
    padding-left: 19%;
    text-align: center;
    font-size: 0.89em;
    color: #166d6b;
    font-family: Open sans;
}

::-webkit-input-placeholder { /* Chrome */
    color: #166d6b;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #166d6b;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #166d6b;
    opacity: 1;
}

:-moz-placeholder { /* Firefox 4 - 18 */
    color: #166d6b;
    opacity: 1;
}

.textbox-style {
    width: 100%;
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 2%;
    margin-top: 2%;
    background-color: #eeeeee;
    padding-left: 5%;
    font-weight: 700;
    font-size: 0.9rem;
    font-family: Open sans;
    border: 0px;
}

.title-map-email {
    padding-left: 15%;
    text-align: center;
    padding-top: 5%;
    font-weight: 700;
    font-size: 1.2rem;
    font-family: Open sans;
}

.link-map {
    color: #166d6b;
}

.link-map-2 {
    color: #166d6b;
    margin-left: 36%;
}
/*
.icon-leaflet-interactive{
	width: 60px !important;
	height: 60px !important;
	border-radius: 50% 50% 50% 0 !important;
	background: #89849b !important;
	position: absolute !important;
	transform: translate3d(202px, 319px, 0px) rotate(-45deg !important;
	transform: rotate(-45deg) ;
	left: 50% !important;
	top: 50% !important;
	margin: -20px 0 0 -20px !important;
	animation-name: bounce !important;
	animation-fill-mode: both !important;
	animation-duration: 1s !important;
}
.icon-leaflet-interactive::after {
	content: '' !important;
    width: 44px !important;
    height: 44px !important;
    margin: 8px 0 0 8px !important;
    background: #3F2F2F !important;
    position: absolute !important;
    border-radius: 50% !important;
}*/
.background-popup-map-fz .leaflet-popup-content-wrapper, .leaflet-popup-content, .leaflet-popup-tip {
    background: #166d6b !important;
    color: #fffefe !important;
}

a:checked ~ .link-map {
    color: #8dc03d !important;
}

.link-map:hover {
    color: #8dc03d;
}

.recuadros-info-sc:hover {
    background-color: #166d6b;
    color: #fff;
    /*filter: invert(0.5) sepia(1) hue-rotate(40deg) saturate(500%)*/
}

.recuadros-icon-white {
    filter: invert(0.5) sepia(1) hue-rotate(40deg) saturate(500%)
}

.recuadros-info-sc:hover > .recuadros-icon-white {
    filter: invert(0) sepia(1) hue-rotate(40deg) saturate(500%) !important;
}

.recuadros-info-sc:hover > .recuadros-info-sc-superior-icon {
    filter: invert(3.5) sepia(1) hue-rotate(0deg) saturate(0%)
}

.color-info-inicial {
    color: #166d6b;
    font-weight: 700;
}

.recuadros-info-sc:hover > div.col-xs-2 > .color-info-inicial {
    color: #8dc03d
}

.recuadros-info-sc:hover > .color-info-inicial {
    color: #8dc03d
}

.img-bureau {
    margin-top: -11%;
}

.espacio-icon-sc-p4 {
    margin-top: 7%;
    margin-right: 30%;
    transform: scale(1.48);
}

.accordion {
    border-bottom: 0px !important;
}

.icon-ingreso-cliente {
    margin-left: 50%;
    margin-top: 10%;
}

.cfz-client-start {
    background-color: white;
    border-right: 5px solid #8dc03d;
    margin-left: -0.4%;
}

.cube-cfz-start {
    margin-left: 10%;
}

.background-fz-standard2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/General.jpg');
    /*background: url('./../../img/corp/AI5B5952.jpg') no-repeat 0 0;*/
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.text-Icon {
    font-size: 120%;
    font-weight: 100;
}

.background-fz-qs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/General.jpg');
    /*background-image: url('./../../img/corp/Quienes_Somos.jpg');*/
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    /*filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;*/
}

.espacio-icon-sc-rf {
    transform: scale(3.0);
    /*padding-right: 5%;*/
    padding-left: 11%;
}

.bank-icons {
    transform: scale(3.9);
}

.background-fz-ts {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/Trabaje.jpg');
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.background-fz-pc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/General.jpg');
    /*background-image: url('./../../img/corp/PoliticaCalidad.jpg');*/
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    /*filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.3;*/
}

.background-fz-pf {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/preguntas_f.jpg');
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.3;
}

.background-fz-sc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/SolicitudCredito.jpg');
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.background-fz-pn {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/General.jpg');
    /*background-image: url('./../../img/corp/phto-blank.jpg');*/
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    /*filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;*/
}

.background-fz-pi {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/General.jpg');
    /*background-image: url('./../../img/corp/RequisitoIndependiente.jpg');*/
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    /*filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;*/
}

.background-fz-pj {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/General.jpg');
    /*background-image: url('./../../img/corp/RequisitosJuridica.jpg');*/
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    /*filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.7;*/
}

.background-fz-gn {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./../../img/corp/General.jpg');
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.respuesta-simulador {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 1.3rem;
    color: #166d6b;
    margin-left: 2%;
}

.respuesta-valor-simulador {
    color: #8dc03d;
    font-size: 2rem;
    margin-left: 2%;
}

.popup-simulador-title {
    color: #166d6b;
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-top: 1%;
}

.container1 {
    display: table;
    width: 100%;
    background: url(./../../img/corp/Ford.jpg) center no-repeat fixed;
    background-size: cover;
    height: 42rem;
    /*opacity: 0.7;*/
}

.container2 {
    display: table;
    width: 100%;
    background-color: RGBA(255,255,255,.9);
    background: url(./../../img/corp/app.jpg) center no-repeat fixed;
    background-size: cover;
    height: 60rem;
    background-position: center;
    /*opacity: 0.7;*/
}

.container-vev {
    display: table;
    width: 100%;
    background: url(./../../img/corp/Vehiculos_venta.jpg) center no-repeat fixed;
    background-size: cover;
    height: 32rem;
    background-position: bottom;
    /*opacity: 0.7;*/
}

.background-intro-card {
    display: table;
    width: 100%;
    background: url(./../../img/corp/General.jpg) center no-repeat fixed;
    background-size: cover;
    height: auto;
}

.mision-letras {
    font-size: 1.6rem;
    text-align: justify;
    font-weight: 400;
}

.default-intro {
    display: table;
    width: 100%;
    height: 32rem;
}

.pad-second-subcard {
    padding-left: 0%;
    display: none;
    /*padding-top:15%;*/
    padding-right: 10%;
}

.pad-second-subcard-2 {
    padding-left: 7%;
    display: none;
    padding-top: 5%;
    padding-right: 15%;
    text-align: justify;
}

.li-info {
    margin-top: 6%;
    margin-bottom: 6%;
}

.li-info2 {
    margin: 6% 6% 6% 6%;
}

.recuadros-intro:hover {
    background-color: #8dc03d;
    color: #fff;
}

.recuadros-intro:hover > .pad-second-subcard {
        display: block;
    }

.recuadros-intro:hover > .center-element-card {
        display: none;
    }

.recuadros-servicios:hover > .pad-second-subcard-2 {
    display: block;
}

.recuadros-intro:hover > .center-element-card {
    display: none;
}

.recuadros-servicios:hover > .center-element-card {
    display: none;
}

.recuadros-idioma:hover > .pad-second-subcard-2 {
    display: block;
}

.recuadros-idioma:hover > .center-element-card {
    display: none;
}

.recuadros-intro:hover .icon-invert-a {
    filter: invert(2.5) sepia(0.9) hue-rotate(158deg) saturate(500%); /*invert() sepia(1) hue-rotate(1227deg) saturate(200%)*/
}

.recuadros-intro:hover a {
    text-decoration: underline;
}

/*.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}*/
#dropdown07:hover {
    display: block;
}

.recuadros-default-ok {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    /*border: 2px solid #8dc03d;*/
    height: 305px;
    width: 370px;
    font-weight: 500 !important;
    font-size: small !important;
    margin-top: 3%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
}

.recuadros-default-ok:hover {
        background-color: #166d6b;
        color: #fff;
    }

.recuadros-default-ok:hover .icon-invert-a {
            filter: invert(2.5) sepia(0.9) hue-rotate(158deg) saturate(500%); /*invert() sepia(1) hue-rotate(1227deg) saturate(200%)*/
        }

.recuadros-default-ok:hover a {
            text-decoration: underline;
        }

.recuadros-default {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    /*border: 2px solid #8dc03d;*/
    height: 305px;
    width: 370px;
    font-weight: 500 !important;
    font-size: small !important;
    margin-top: 0%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
}

.recuadros-default:hover {
        background-color: #166d6b;
        color: #fff;
    }

.recuadros-default:hover .icon-invert-a {
            filter: invert(2.5) sepia(0.9) hue-rotate(158deg) saturate(500%); /*invert() sepia(1) hue-rotate(1227deg) saturate(200%)*/
        }

.recuadros-default:hover a {
            text-decoration: underline;
        }

.recuadros-final {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    /*border: 2px solid #8dc03d;*/
    height: 305px;
    width: 370px;
    font-weight: 500 !important;
    font-size: small !important;
    margin-bottom: -10%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
}

.recuadros-servicios {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    /*border: 2px solid #8dc03d;*/
    font-weight: 500 !important;
    font-size: small !important;
    margin-bottom: -10%;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 14px 0px rgba(22, 109, 107,0.53);
}

.recuadros-idioma {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    /*border: 2px solid #8dc03d;*/
    font-weight: 500 !important;
    font-size: small !important;
    margin-bottom: -10%;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(22, 109, 107,0.53);
    -moz-box-shadow: 0px 0px 14px 0px rgba(22, 109, 107,0.53);
    box-shadow: 0px 0px 14px 0px rgba(22, 109, 107,0.53);
}

.default-intro1 {
    display: table;
    width: 100%;
    height: 100%;
}

.recuadros-servicios:hover {
    background-color: #166d6b;
    color: #fff;
    /*top: 20%;
    *left:30%;
    right: 30%;
    bottom: 30%;
    height: 275px;
    width: 270px;*/
    position: absolute;
    z-index: 100;
    /*-moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    zoom: 1.5;*/
    transition: all 0.65s;
    -webkit-transition: all 0.65s;
}

.recuadros-idioma:hover {
    background-color: #166d6b;
    color: #fff;
    position: absolute;
    z-index: 100;
    transition: all 0.65s;
    -webkit-transition: all 0.65s;
}

.recuadros-idioma:hover .liquidar-icon {
        content: url('./../../img/svg/Liquidacion_02.svg');
    }

.recuadros-idioma:hover .extracto-icon {
        content: url('./../../img/svg/Extracto_02.svg');
    }

.recuadros-idioma:hover .hpago-icon {
        content: url('./../../img/svg/H_pago_02.svg');
    }

.recuadros-idioma:hover .ppago-icon {
        content: url('./../../img/svg/P_pago_02.svg');
    }

.recuadros-idioma:hover .ccuenta-icon {
        content: url('./../../img/svg/Tasa_02.svg');
    }

.recuadros-idioma:hover .ccostos-icon {
        content: url('./../../img/svg/costos_02.svg');
    }

.recuadros-idioma:hover .ref-icon {
        content: url('./../../img/svg/Ref_02.svg');
    }

.recuadros-servicios:hover .icon-invert-a {
    filter: invert(2.5) sepia(0.9) hue-rotate(158deg) saturate(500%); /*invert() sepia(1) hue-rotate(1227deg) saturate(200%)*/
}

.recuadros-servicios:hover a {
    text-decoration: underline;
}

.row-up-carousel {
    margin-top: -20%;
    margin-bottom: 4.89%;
}

.recuadros-final:hover {
    background-color: #166d6b;
    color: #fff;
}

.recuadros-final:hover .icon-invert-a {
        filter: invert(2.5) sepia(0.9) hue-rotate(158deg) saturate(500%); /*invert() sepia(1) hue-rotate(1227deg) saturate(200%)*/
    }

.recuadros-final:hover a {
        text-decoration: underline;
    }

.container3 {
    display: table;
    width: 100%;
    background-color: RGBA(255,255,255,.9);
    background: url(./../../img/corp/planes-financiacion.jpg) center no-repeat fixed;
    background-size: cover;
    height: 22rem;
    background-position: bottom;
    /*opacity: 0.7;*/
}

.container-medios-pago {
    display: table;
    width: 100%;
    background-color: RGBA(255,255,255,.9);
    background: url(./../../img/corp/M_de_pago.jpg) center no-repeat fixed;
    background-size: cover;
    height: 22rem;
    background-position: bottom;
}

.container-solicitud-credito {
    display: table;
    width: 100%;
    background-color: RGBA(255,255,255,.9);
    background: url(./../../img/corp/Solicitud_de_credito_2.jpg) center no-repeat fixed;
    background-size: cover;
    height: 22rem;
    background-position: bottom;
}

.container-tarjeta-credito {
    display: table;
    width: 100%;
    background-color: RGBA(255,255,255,.9);
    background: url(./../../img/corp/tc-min.jpg) center no-repeat fixed;
    background-size: cover;
    height: 22rem;
    background-position: center;
}

.container-requisitos {
    display: table;
    width: 100%;
    background-color: RGBA(255,255,255,.9);
    background: url(./../../img/corp/Requisitos.jpg) center no-repeat fixed;
    background-size: cover;
    height: 22rem;
    /* opacity: 0.7; */
}

.pad-card-requisitos {
    padding: 0% 5% 5% 5%
}

.recuadros-servicios:hover > .pad-card-requisitos > .row > .empleado-icon {
    content: url(./../../img/svg/Empleado_2.svg);
}

.recuadros-servicios:hover > .pad-card-requisitos > .row > .cuarto-hora1-icon {
    filter: grayscale(99%) invert(20%) contrast(26%) sepia(0.9);
    -webkit-filter: grayscale(99%) invert(20%) contrast(26%) sepia(0.9);
}

.recuadros-servicios:hover > .pad-card-requisitos > .row > .cuarto-hora2-icon {
    filter: grayscale(99%) invert(20%) contrast(26%) sepia(0.9);
    -webkit-filter: grayscale(99%) invert(20%) contrast(26%) sepia(0.9);
}

.recuadros-servicios:hover > .pad-card-requisitos > .row > .cuarto-hora3-icon {
    filter: grayscale(99%) invert(20%) contrast(26%) sepia(0.9);
    -webkit-filter: grayscale(99%) invert(20%) contrast(26%) sepia(0.9);
}

.recuadros-servicios:hover > .pad-card-requisitos > .row > .cuarto-hora4-icon {
    filter: grayscale(99%) invert(20%) contrast(26%) sepia(0.9);
    -webkit-filter: grayscale(99%) invert(20%) contrast(26%) sepia(0.9);
}

.independiente-icon {
    content: url(./../../img/svg/Independiente.svg);
}

.recuadros-servicios:hover > .pad-card-requisitos > .row > .independiente-icon {
    content: url(./../../img/svg/Independiente_2.svg);
}

.pensionado-icon {
    content: url(./../../img/svg/Pensionados.svg);
}

.recuadros-servicios:hover > .pad-card-requisitos > .row > .pensionado-icon {
    content: url(./../../img/svg/Pensionados_2.svg);
}

.juridico-icon {
    content: url(./../../img/svg/Juridico.svg);
}

.recuadros-servicios:hover > .pad-card-requisitos > .row > .juridico-icon {
    content: url(./../../img/svg/Juridico_2.svg);
}

/*Modal PopUp*/
.modal-dialog.cascading-modal {
    margin-top: 16%;
}

@media (min-width: 576px) {
    .margen-texto-requisitos {
        margin-left: -8%;
        text-align: left;
    }

    .modal-dialog {
        max-width: 1200px;
        margin: 1.75rem auto;
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.title-popup {
    margin-left: 7%;
    text-align: left;
    color: #6bbc00;
    font-size: 1.9rem;
    font-weight: 600;
    text-transform: uppercase;
}

.subtitle-popup {
    margin-top: -1%;
    margin-left: 7%;
    text-align: left;
    color: #6bbc00;
    font-weight: 600;
    font-size: 1.3rem;
    margin-bottom: 3%;
}

.modal-dialog .modal-content {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    /* border: 0; */
    border-radius: 1.125rem;
}

.light-blue.darken-3 {
    background-color: #0277bd !important;
}

.modal-dialog.cascading-modal .modal-body, .modal-dialog.cascading-modal .modal-footer {
    padding-left: 2rem;
    padding-right: 2rem;
    color: #616161;
}
/*fin popup*/
.p1style-pagos {
    font-size: 120%;
    padding-left: 7%;
    padding-right: 15%;
    padding-bottom: 2%;
}

.container-pagos-right {
    background: #d0e2e2;
    border-radius: 200px 0px 0px 200px;
}

.container-pagos-left {
    background: #eeeeee;
    border-radius: 0px 200px 200px 0px;
}

.espacio-icon-map-icon-pagos {
    transform: scale(4.2);
    /* padding-right: 5%; */
    margin-top: 8%;
    /* padding-top: 0%; */
    padding-left: 9%;
}

.margen-pagos {
    margin: 0% 0% 2% 0%;
}

.letter-vh {
    font-family: Open Sans;
    font-weight: 700;
    text-align: justify;
}

.container4 {
    display: table;
    width: 100%;
    height: 22rem;
    background: url(./../../img/corp/Solicita_tu_credito_ya.jpg) center no-repeat floralwhite;
    background-size: cover;
    /*background-color: #166d6b;
    opacity: 0.7;*/
}

.container5 {
    display: table;
    width: 100%;
    background-color: RGBA(255,255,255,.9);
    background: url(./../../img/corp/Mismo_idioma.jpg) center no-repeat fixed;
    background-size: cover;
    height: 22rem;
    /*opacity: 0.7;*/
}

.container5 .padding-opc {
        padding-top: 0%;
    }

.container-opcion {
    display: table;
    width: 100%;
    background-color: RGBA(255,255,255,.9);
    background-position: bottom;
    background: url(./../../img/corp/Nuestras_opciones.jpg) center no-repeat fixed;
    background-size: cover;
    height: 22rem;
    /*opacity: 0.7;*/
}

.city-footer {
    margin-left: -20%;
    margin-right: -20%;
    text-align: justify;
}
.city-footerC {
    margin-left: -20%;
    margin-right: -20%;
    text-align: left;
}
.principal-end {
    color: #eff2f2;
    font-size: 2.5rem;
    font-family: Open Sans;
    font-weight: bold;
    text-shadow: 1px #166d6b;
}

.ul-planes {
    font-family: Open Sans;
    font-weight: 700;
    padding-left: 21%;
    text-align: center;
}

a {
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.p1style2 {
    font-size: 120%;
    text-align: justify;
    padding: 2% 5% 2% 5%;
}

.empleado-popup-icon {
    content: url(./../../img/svg/Requisitos_PopUp.svg);
}

.independiente-popup-icon {
    content: url(./../../img/svg/Requisitos_PopUp.svg);
}

.pensionado-popup-icon {
    content: url(./../../img/svg/Requisitos_PopUp.svg);
}

.juridico-popup-icon {
    content: url(./../../img/svg/Requisitos_PopUp.svg);
}

@media (min-width: 992px) {
    .margen-icon-popup {
        margin-top: 46%;
        margin-left: 50%;
    }

    .empleado-popup-icon {
        transform: scale(5.5);
    }

    .independiente-popup-icon {
        transform: scale(5.5);
    }

    .pensionado-popup-icon {
        transform: scale(5.5);
    }

    .juridico-popup-icon {
        transform: scale(5.5);
    }

    .margen-plan {
        margin-left: 15%;
        padding-top: 3%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-md-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666666666667%;
    }
}

@media (max-width: 992px) {
}

.box-simulador-style {
    width: 100%;
    border-radius: 20px 20px 20px 20px !important;
    margin-bottom: 2% !important;
    margin-top: 2% !important;
    background-color: #eeeeee !important;
    padding-left: 5% !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    font-family: Open sans !important;
    border: 0px !important;
    border: 1px solid #8dc03d !important;
    color: #166d6b;
    text-align: left
}

/*input[type="text"]:disabled, select[disabled], select:disabled {
    width: 100%;
    border-radius: 20px 20px 20px 20px !important;
    margin-bottom: 2% !important;
    margin-top: 2% !important;
    background-color: #fff !important;
    padding-left: 5% !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    font-family: Open sans !important;
    border: 0px !important;
    border: 1px solid #8dc03d !important;
    color: #166d6b;
    text-align: left
}*/

.ubicacion-btnsimular {
    text-align: center;
    margin-top: 2%;
}

html body .RadInput_MetroTouch .riHover, html body .RadInput_Hover_MetroTouch {
    color: #333;
    border-color: #e6e6e6;
}

html body .RadInput_MetroTouch .riFocused, html body .RadInput_Focused_MetroTouch {
    border-color: #293b13;
    background-color: #fff;
}

html body .RadInput_MetroTouch .riRead, html body .RadInput_Read_MetroTouch {
    border-color: #b0b0b0
}

html body .RadInput_MetroTouch .riDisabled, html body .RadInput_Disabled_MetroTouch {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default
}

html body .RadInput_MetroTouch .riError, html body .RadInput_Error_MetroTouch {
    border-color: #de3914;
    background: #fff;
    color: #de3914
}

.RadForm.rfdTextbox .RadInput_MetroTouch .riError[type="text"], .RadForm.rfdTextbox .RadInput_Error_MetroTouch[type="text"] {
    border-color: #de3914;
    background: #fff;
    color: #de3914
}

.btn-fz {
    color: white;
    background-color: var(--VerdeOscuro);
}
    .btn-fz:hover {
        color: var(--VerdeOscuro);
        background-color: white;
        border-color: var(--VerdeOscuroRGB);
        box-shadow: 0 0 0 0.25rem rgb(var(--VerdeOscuroRGB) / 25%);
    }

.btn-outline-fz {
    color: var(--VerdeOscuro);
    background-color: transparent;
    background-image: none;
    border-color: var(--VerdeOscuro);
}

    .btn-outline-fz:hover {
        color: #fff;
        background-color: var(--VerdeOscuro);
        border-color: var(--VerdeOscuro);
    }

    .btn-outline-fz:active, .btn-outline-fz:focus {
        box-shadow: 0 0 0 0.25rem rgb(var(--VerdeOscuroRGB) / 25%);
    }

.btn-outline-fz-light {
    color: var(--VerdeClaro);
    background-color: transparent;
    background-image: none;
    border-color: var(--VerdeClaro);
}

    .btn-outline-fz-light:hover {
        color: #fff;
        background-color: var(--VerdeClaro);
        border-color: var(--VerdeClaro);
    }

    .btn-outline-fz-light:active, .btn-outline-fz-light:focus {
        box-shadow: 0 0 0 0.25rem rgb(var(--VerdeClaroRGB) / 25%);
    }

.btn-check:active + .btn-outline-fz,
.btn-check:checked + .btn-outline-fz,
.btn-outline-primary.active,
.btn-outline-fz.dropdown-toggle.show,
.btn-outline-fz:active {
    color: #fff;
    background-color: var(--VerdeOscuro);
    border-color: var(--VerdeOscuro);
}

.btn-outline-fz > i {
    color: var(--VerdeOscuro);
}

.btn-outline-fz:hover > i {
    color: white;
}

table {
    width: 100%;
}

.table-wrapper {
    overflow-x: auto !important;
    /*width:100% !important;*/
}

table thead {
    transition: box-shadow 0.2s;
}

/*table tr {
    display: flow;
}*/

table th,
table td {
    width: auto;
    max-width: auto;
    text-align: justify;
    vertical-align: middle;
    align-content: center;
    align-items: center;
}

/*.sticky-table thead tr,
.sticky2-table thead tr {
    z-index: 1;
}*/

.head-table {
    text-align: center;
}

.dtr-control {
    color: var(--VerdeClaroRGB) !important;
}
/*
div.dataTables_length {
    padding-left: 2em !important;
}*/

div.dataTables_length,
div.dataTables_filter {
    padding-top: 0.55em !important;
}

.botonesReportes {
    display: inline-block;
    margin-inline: inherit;
    text-align: end;
}

.filter-row {
    align-content: center;
    align-items: center;
}