/*------------------------------------------------------------------------------
    iconos
------------------------------------------------------------------------------*/

.VENEZUELA-RECARGA-CANTV{ background-image:url(../img/procesadores-recargas/CANTV.png);}
.VENEZUELA-RECARGA-MOVILNET{ background-image:url(../img/procesadores-recargas/MOVILNET.png);}
.VENEZUELA-RECARGA-DIGITEL{ background-image:url(../img/procesadores-recargas/DIGITEL.png);}
.VENEZUELA-RECARGA-MOVISTAR{ background-image:url(../img/procesadores-recargas/MOVISTAR.png);}

.COLOMBIA-RECARGA-MOVISTAR{ background-image:url(../img/procesadores-recargas/MOVISTAR.png);}
.COLOMBIA-RECARGA-CLARO{ background-image:url(../img/procesadores-recargas/CLARO.png);}
.COLOMBIA-RECARGA-TIGO{ background-image:url(../img/procesadores-recargas/TIGO.png);}
.COLOMBIA-RECARGA-DIRECTV{ background-image:url(../img/procesadores-recargas/DIRECTV.png);}

.PERU-RECARGA-MOVISTAR{ background-image:url(../img/procesadores-recargas/MOVISTAR.png);}
.PERU-RECARGA-CLARO{ background-image:url(../img/procesadores-recargas/CLARO.png);}
.PERU-RECARGA-ENTEL{ background-image:url(../img/procesadores-recargas/ENTEL.png);}
.PERU-RECARGA-BITEL{ background-image:url(../img/procesadores-recargas/BITEL.png);}

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

.VENEZUELA-OTROS-BANCOS,.VENEZUELA-TRANSFERENCIA,
.COLOMBIA-OTROS-BANCOS,.COLOMBIA-TRANSFERENCIA,
.PANAMA-OTROS-BANCOS,.PANAMA-TRANSFERENCIA,
.USA-OTROS-BANCOS,.USA-TRANSFERENCIA,
.CHILE-OTROS-BANCOS,.CHILE-TRANSFERENCIA,
.ECUADOR-OTROS-BANCOS,.ECUADOR-TRANSFERENCIA,
.PERU-OTROS-BANCOS,.PERU-TRANSFERENCIA,
.ARGENTINA-OTROS-BANCOS,.ARGENTINA-TRANSFERENCIA,
.MEXICO-OTROS-BANCOS,.MEXICO-TRANSFERENCIA,
.ESPANA-OTROS-BANCOS,.ESPANA-TRANSFERENCIA,
.PORTUGAL-OTROS-BANCOS,.PORTUGAL-TRANSFERENCIA,
.DOMINICANA-OTROS-BANCOS,.DOMINICANA-TRANSFERENCIA,
.COSTA-RICA-OTROS-BANCOS,.COSTA-RICA-TRANSFERENCIA,
.BRASIL-OTROS-BANCOS,.BRASIL-TRANSFERENCIA,
.URUGUAY-OTROS-BANCOS,.URUGUAY-TRANSFERENCIA,
.BOLIVIA-OTROS-BANCOS,.BOLIVIA-TRANSFERENCIA{ 
    background-image: url(../img/procesadores/TRANSFERENCIA.png);
}

.PANAMA-WESTERN-UNION,
.USA-WESTERN-UNION,
.CHILE-WESTERN-UNION,
.PERU-WESTERN-UNION,
.ECUADOR-WESTERN-UNION,
.ARGENTINA-WESTERN-UNION,
.MEXICO-WESTERN-UNION,
.ESPANA-WESTERN-UNION,
.PORTUGAL-WESTERN-UNION,
.DOMINICANA-WESTERN-UNION,
.COSTA-RICA-WESTERN-UNION,
.BRASIL-WESTERN-UNION,
.URUGUAY-WESTERN-UNION,
.BOLIVIA-WESTERN-UNION{ 
    background-image: url(../img/procesadores/WESTERN-UNION.png);
}

.VENEZUELA-BANESCO{ background-image: url(../img/procesadores/BANESCO.png); }
.VENEZUELA-MERCANTIL{ background-image: url(../img/procesadores/MERCANTIL.png); }
.VENEZUELA-PROVINCIAL{ background-image: url(../img/procesadores/PROVINCIAL.png); }
.VENEZUELA-PAGO-MOVIL{ background-image: url(../img/procesadores/PAGO-MOVIL.png); }
.VENEZUELA-AVANCE-EFECTIVO-USD{ background-image: url(../img/procesadores/EFECTIVO.png); }
.VENEZUELA-BDV{ background-image: url(../img/procesadores/BDV.png); }
.VENEZUELA-BOD{ background-image: url(../img/procesadores/BOD.png); }
.VENEZUELA-BNC{ background-image: url(../img/procesadores/BNC.png); }

.COLOMBIA-BANCOLOMBIA{ background-image: url(../img/procesadores/BANCOLOMBIA.png); }
.COLOMBIA-NEQUI{ background-image: url(../img/procesadores/NEQUI.png); }
.COLOMBIA-DAVIPLATA{ background-image: url(../img/procesadores/DAVIPLATA.png); }
.COLOMBIA-EFECTY{ background-image: url(../img/procesadores/EFECTY.png); }
.COLOMBIA-PAGA-TODO{ background-image: url(../img/procesadores/PAGA-TODO.png); }
.COLOMBIA-EFECTIVO{ background-image: url(../img/procesadores/EFECTIVO.png); }
.COLOMBIA-CORRESPONSAL{ background-image: url(../img/procesadores/CORRESPONSAL.png); }
.COLOMBIA-DAVIVIENDA{ background-image: url(../img/procesadores/DAVIVIENDA.png); }
.COLOMBIA-MOVII{ background-image: url(../img/procesadores/MOVII.png); }
.COLOMBIA-EFECTIVO-CAJERO{ background-image: url(../img/procesadores/EFECTIVO.png); }

.PANAMA-BANCO-GENERAL{ background-image: url(../img/procesadores/BANCO-GENERAL.png); }
.PANAMA-BANESCO{ background-image: url(../img/procesadores/BANESCO.png); }
.PANAMA-MERCANTIL{ background-image: url(../img/procesadores/MERCANTIL.png); }
.PANAMA-MONY{ background-image: url(../img/procesadores/MONY.png); }
.PANAMA-YAPPY{ background-image: url(../img/procesadores/YAPPY.png); }

.USA-BANK-OF-AMERICA{ background-image: url(../img/procesadores/BOFA.png); }
.USA-ZELLE{ background-image: url(../img/procesadores/ZELLE.png); }
.USA-EFECTIVO{ background-image: url(../img/procesadores/EFECTIVO.png); }

.CHILE-BANCO-ESTADO{ background-image: url(../img/procesadores/BANCO-ESTADO.png); }
.CHILE-SANTANDER{ background-image: url(../img/procesadores/SANTANDER.png); }
.CHILE-BANCO-DE-CHILE{ background-image: url(../img/procesadores/BANCO-DE-CHILE.png); }
.CHILE-EFECTIVO{ background-image: url(../img/procesadores/EFECTIVO.png); }

.PERU-BCP{ background-image: url(../img/procesadores/BCP.png); }
.PERU-YAPE{ background-image: url(../img/procesadores/YAPE.png); }
.PERU-INTERBANK{ background-image: url(../img/procesadores/INTERBANK.png); }
.PERU-BBVA{ background-image: url(../img/procesadores/BBVA.png); }
.PERU-BCP-GIROS{ background-image: url(../img/procesadores/BCP.png); }

.ECUADOR-PICHINCHA{ background-image: url(../img/procesadores/PICHINCHA.png); }
.ECUADOR-PRODUBANCO{ background-image: url(../img/procesadores/PRODUBANCO.png); }
.ECUADOR-PACIFICO{ background-image: url(../img/procesadores/PACIFICO.png); }
.ECUADOR-GUAYAQUIL{ background-image: url(../img/procesadores/GUAYAQUIL.png); }
.ECUADOR-EFECTIVO-CAJERO{ background-image: url(../img/procesadores/EFECTIVO.png); }

.ARGENTINA-GALICIA{ background-image: url(../img/procesadores/GALICIA.png); }
.ARGENTINA-SUPERVIELLE{ background-image: url(../img/procesadores/SUPERVIELLE.png); }
.ARGENTINA-SANTA-FE{ background-image: url(../img/procesadores/SANTA-FE.png); }
.ARGENTINA-BRUBANK{ background-image: url(../img/procesadores/BRUBANK.png); }
.ARGENTINA-BBVA{ background-image: url(../img/procesadores/BBVA.png); }
.ARGENTINA-LEMON-CASH{ background-image: url(../img/procesadores/LEMON-CASH.png); }
.ARGENTINA-UALA{ background-image: url(../img/procesadores/UALA.png); }
.ARGENTINA-NARANJA-X{ background-image: url(../img/procesadores/NARANJA-X.png); }

.MEXICO-OXXO{ background-image: url(../img/procesadores/OXXO.png); }
.MEXICO-BANCOPPEL{ background-image: url(../img/procesadores/BANCOPPEL.png); }
.MEXICO-SCOTIABANK{ background-image: url(../img/procesadores/SCOTIABANK.png); }

.ESPANA-BANKIA{ background-image: url(../img/procesadores/BANKIA.png); }
.ESPANA-OPEN-BANK{ background-image: url(../img/procesadores/OPEN-BANK.png); }
.ESPANA-SANTANDER{ background-image: url(../img/procesadores/SANTANDER.png); }
.ESPANA-BBVA{ background-image: url(../img/procesadores/BBVA.png); }
.ESPANA-LIBERBANK{ background-image: url(../img/procesadores/LIBERBANK.png); }
.ESPANA-ING{ background-image: url(../img/procesadores/ING.png); }
.ESPANA-N26{ background-image: url(../img/procesadores/N26.png); }
.ESPANA-BIZUM{ background-image: url(../img/procesadores/BIZUM.png); }
.ESPANA-ABANCA{ background-image: url(../img/procesadores/ABANCA.png); }
.ESPANA-CAIXABANK{ background-image: url(../img/procesadores/CAIXABANK.png); }
.ESPANA-CAJAMAR{ background-image: url(../img/procesadores/CAJAMAR.png); }

.PORTUGAL-NOVO-BANCO{ background-image: url(../img/procesadores/NOVO-BANCO.png); }

.DOMINICANA-POPULAR{ background-image: url(../img/procesadores/POPULAR.png); }
.DOMINICANA-BANRESERVAS{ background-image: url(../img/procesadores/BANRESERVAS.png); }
.DOMINICANA-BHD-LEON{ background-image: url(../img/procesadores/BHD-LEON.png); }
.DOMINICANA-PROGRESO{ background-image: url(../img/procesadores/PROGRESO.png); }
.DOMINICANA-SANTA-CRUZ{ background-image: url(../img/procesadores/SANTA-CRUZ.png); }
.DOMINICANA-SCOTIABANK{ background-image: url(../img/procesadores/SCOTIABANK.png); }

.COSTA-RICA-BAC-SAN-JOSE{ background-image: url(../img/procesadores/BAC.png); }
.COSTA-RICA-BCR{ background-image: url(../img/procesadores/BCR.png); }
.COSTA-RICA-BANCO-NACIONAL{ background-image: url(../img/procesadores/BANCO-NACIONAL.png); }

.URUGUAY-ITAU{ background-image: url(../img/procesadores/ITAU.png); }
.URUGUAY-SANTANDER{ background-image: url(../img/procesadores/SANTANDER.png); }
.URUGUAY-PREX{ background-image: url(../img/procesadores/PREX.png); }
.URUGUAY-MI-DINERO{ background-image: url(../img/procesadores/MI-DINERO.png); }
.URUGUAY-EFECTIVO{ background-image: url(../img/procesadores/EFECTIVO.png); }

.BOLIVIA-BANCO-UNION{ background-image: url(../img/procesadores/BANCO-UNION.png); }
.BOLIVIA-TIGO-MONEY{ background-image: url(../img/procesadores/TIGO-MONEY.png); }

.BRASIL-SANTANDER{ background-image: url(../img/procesadores/SANTANDER.png); }
.BRASIL-PIX{ background-image: url(../img/procesadores/PIX.png); }

.PAYPAL-SE-ENVIAN{ background-image: url(../img/procesadores/ENVIAR.png); }
.PAYPAL-PARA-RECIBIR-NETO{ background-image: url(../img/procesadores/RECIBIR.png); }

/*------------------------------------------------------------------------------
    principal
------------------------------------------------------------------------------*/
#body{
    z-index: 0;
    position: fixed;
    left: 0;
    top: var(--padding-body);
    background: var(--color-dark-2);
    width: 100%;
    height: 25vh;
}     
#bodyIMG{
    max-width: 100vw;
    height: 25vh;
}

#calculadora{
    z-index: 1;
    width: 100%;
    position: absolute;
    background: var(--color-white);
    margin-top: 25vh;
}
        
.title{
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0;
    background: var(--color-dark-2);
}
.title h1{
    text-shadow: 0px 2px 4px var(--color-black);
}

@media screen and (max-width:767px) {
    .title{
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

/*------------------------------------------------------------------------------
    calculadora
------------------------------------------------------------------------------*/

.calculadora .box{
    background: var(--color-light-green-2);
    border: solid 1px var(--color-line);
}
.calculadora .box.dark{
    background: var(--color-dark-green-1);
    border-color: var(--color-black);
    color: var(--color-white);
    letter-spacing: 1px;
    text-shadow: 0px 0px 2px var(--color-black);
}
       
.calculadora .select{
    cursor: default;
    max-height: 46px !important;
    padding-left: 5px !important;
}
.calculadora .select .content{
    max-width: calc( 100% - 55px );
}
.calculadora .select .text{
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    width: calc( 100% - 82px );
    margin-left: 3px;
}
      
.calculadora .desplegable{
    width: calc( 100% - 23px );
    overflow-y:auto;
    overflow-x: hidden;
    max-height: 60vh;
    position: absolute;
    z-index: 1000;
    margin-top: -2px;
    display: none;
}
.calculadora .desplegable-f{
    z-index: 900;
}

.calculadora .desplegable .desplegable-item{
    cursor: default;
}
.calculadora .desplegable .desplegable-item:hover,
.calculadora .desplegable .desplegable-item.active{
    background-color: var(--color-light-green-3);
    color: var(--dark);
}
.calculadora .desplegable .desplegable-item .img-icon{
    margin-right: 4px;
    margin-left: -3px;
}
.calculadora .desplegable .dropdown-divider{
    border-color: var(--color-line) !important;
}
    
.calculadora .input{
    outline: none;
    border: none;
    width: calc( 100% - 50px );
    letter-spacing: 1px;
    background: transparent;
}
.calculadora .input::placeholder {
    color: var(--secondary);
}

.calculadora .box .codigo{
    position:absolute;
    text-align: right;
    right: 15px;
    margin-top: 2px;
    border-left-color: var(--color-line);
}
.calculadora .box .codigo.left{ right: 20px; }
.calculadora .box .codigo.right{ right: 25px; }

@media (max-width: 575px) {
    .calculadora .desplegable{
        position: fixed;
        top: var(--padding-body);
        left: 0px;
        width: 100vw;
        height: calc( 100vh - var(--padding-body) );
        max-height: calc( 100vh - var(--padding-body) );
        z-index: 4000 !important;
    }
}


/*------------------------------------------------------------------------------
    tasas
------------------------------------------------------------------------------*/
        
.tasas .img{
    z-index: 0;
    position: absolute;
    width: calc(100% - 30px);
    left:0;
    top:0;
}
.tasas .img .mapa{
    width: 80%;
    opacity: 0.25;
}
.tasas .img .mujer{
    width: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}
        
.tasas .texto{
    z-index: 1;
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    padding: 0 15px;
}
.tasas .texto .tasa{
    max-width: 100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    font-family: "fontNumber", arial !important;
    text-shadow: 0px 1px 1px #fff;
}
.tasas .texto .tasa.sm{ font-size: 18px; font-weight: bold; }
.tasas .texto .tasa.lg{ font-size: 30px; font-weight: bold; color: var(--color-dark-green-2)}
.tasas .texto .tasa.xl{ font-size: 70px; font-weight: bold; color: var(--color-dark-green-2)}

.tasas .box-rate{
    background: var(--color-light-green-1);
    border: solid 1px var(--color-line);
    padding: 7px;
    margin-right: 6px;
    border-radius: 4px;
}
.tasas .box-rate .codigo{
    border: none;
    color: var(--color-dark-green-1);
    background: transparent;
    font-size:12px;
    cursor: pointer;
}
.tasas .box-rate .input{
    border: none;
    background: transparent;
    color: var(--color-dark-green-1);
    outline: none;
    opacity: 1;
    width: 60px;
    font-weight: 800;
}
.tasas .box-rate .input::placeholder{
    font-weight: 300;
    color: var(--color-line);
}

@media (max-width: 991px) {
    .tasas .texto .tasa.sm{ font-size: 18px; }
    .tasas .texto .tasa.lg{ font-size: 30px; }
    .tasas .texto .tasa.xl{ font-size: 50px; }
}
        
@media (max-width: 767px) {
    .tasas .texto .actualizacion{ line-height: 20px!important; }
    .tasas .texto .tasa.sm{ font-size: 15px; }
    .tasas .texto .tasa.lg{ font-size: 25px; }
    .tasas .texto .tasa.xl{ font-size: 40px; }
}
        
@media (max-width: 575px) {
    .tasas .texto .actualizacion{ line-height: 18px!important; }
    .tasas .texto .tasa.sm{ font-size: 13px; }
    .tasas .texto .tasa.lg{ font-size: 18px; }
    .tasas .texto .tasa.xl{ font-size: 32px; }
    .tasas .img .mujer{ width: 220px; }
}

/*------------------ PREFERENCIAL ------------------*/

.tasas.preferencial .img .mapa{
    margin-top: 40px;
}
.tasas.preferencial .img .mujer{
    width: 100% !important;
    left: 15px;
}

.tasas.preferencial .texto{
    margin-top: 25px;
    right: 0;
    top: 0;
}

@media (max-width: 1199px) {
    .tasas.preferencial .img .mapa{ margin-top: 20px; }
}

@media (max-width: 575px) {
    .tasas.preferencial .contenedor {
        width: 100vw;
        height: 360px;
        overflow: hidden;
        position: absolute;
        background: transparent;
        top: 0;
        
        background-image: url("../img/background-calculadora-mujer-2.1.png");
        background-size: 570px;
        background-repeat: no-repeat;
    }
    
    .tasas.preferencial .img .mapa {
        margin-top: 5vw;
    }
    .tasas.preferencial .img .mujer{ 
        display: none;
    }
    .tasas.preferencial .texto{
        margin-top: 5px;
    }
}

/*------------------ OFICINA ------------------*/

.tasas.oficina .img .mujer{
    width: 84.5% !important;
    left: 15px;
}

@media (max-width: 1199px) {
    .tasas.oficina .img .mujer{
        width: 81% !important;
    }
}

@media (max-width: 991px) {
    .tasas.oficina .img .mujer{
        width: 71% !important;
    }
}

@media (max-width: 767px) {
    .tasas.oficina .img .mujer{
        width: 75% !important;
    }
}

@media (max-width: 575px) {
    .tasas.oficina .contenedor {
        width: 100vw;
        height: 400px;
        overflow: hidden;
        position: absolute;
        background: transparent;
        top: -30px;
        
        background-image: url("../img/background-calculadora-mujer-3.png");
        background-size: 380px;
        background-repeat: no-repeat;
    }
    
    .tasas.oficina .img .mapa {
        margin-top: 2vw;
    }
    .tasas.oficina .img .mujer{ 
        display: none;
    }
    .tasas.oficina .texto{
        right: 0;
        margin-top: 5px;
    }
}

/*------------------ RECARGAS ------------------*/

.tasas.recargas .img .hombre{
    width: 40%;
    position: absolute;
    left: 30px;
    top: 8px;
}

@media (max-width: 575px) {
    .tasas.recargas .img .hombre{ width: 170px; }
}


/*------------------------------------------------------------------------------
    plataformas
------------------------------------------------------------------------------*/

.plataformas{
    margin-top: 550px;
    padding: 0;
    padding-top: 5px;
            
    -webkit-box-shadow: 0px 0px 3px 1px var(--color-black);
    -moz-box-shadow: 0px 0px 3px 1px var(--color-black);
    box-shadow: 0px 0px 3px 1px var(--color-black);
    
    background: var(--color-light-green-1);
    background: -moz-linear-gradient(180deg, var(--color-light-green-1) 0%, var(--color-light-green-2) 100%);
    background: -webkit-linear-gradient(180deg, var(--color-light-green-1) 0%, var(--color-light-green-2) 100%);
    background: linear-gradient(180deg, var(--color-light-green-1) 0%, var(--color-light-green-2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-light-green-1)",endColorstr="var(--color-light-green-2)",GradientType=1);
}
.plataformas .row{
    margin: 0;
}
.plataformas .col-12{
    padding: 0;
}
        
.plataformas .box{
    padding: 15px !important;
    padding-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    opacity:1;

    -webkit-box-shadow: 0px 0px 3px 1px var(--color-black);
    -moz-box-shadow: 0px 0px 3px 1px var(--color-black);
    box-shadow: 0px 0px 3px 1px var(--color-black);
            
    background: var(--color-light-green-1);
    background: -moz-linear-gradient(180deg, var(--color-light-green-1) 0%, var(--color-light-green-2) 100%);
    background: -webkit-linear-gradient(180deg, var(--color-light-green-1) 0%, var(--color-light-green-2) 100%);
    background: linear-gradient(180deg, var(--color-light-green-1) 0%, var(--color-light-green-2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-light-green-1)",endColorstr="var(--color-light-green-2)",GradientType=1);
}
.plataformas .box img{ 
    margin: 0 4px;
}

.plataformas .banderas img{ 
    width: 25px;
    height: 25px;
    margin: 0px 1px 5px 1px;
}
        
        
@media (max-width: 1199px) {
    .plataformas{ margin-top: 445px; }
}
        
@media (max-width: 991px) {
    .plataformas{ margin-top: 330px; }
}
        
@media (max-width: 767px) {
    .plataformas{ margin-top: 260px; }
}
        
@media (max-width: 575px) {
    .plataformas{ margin-top: 225px; }
    .plataformas .box{ font-size: 15px !important; }
    .plataformas .banderas{ text-align: center !important;}
    .plataformas .banderas img{ 
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 400px) {
    .plataformas .banderas img{ 
        width: 15px;
        height: 15px;
        margin: 0px 1px 8px 1px;
    }
}

@media (max-width: 310px) {
    .plataformas .banderas img{ 
        width: 10px;
        height: 10px;
    }
}

/*------------------ PREFERENCIAL ------------------*/

.plataformas.preferencial{
    margin-top: 650px;
    box-shadow: none;
    background: transparent;
}

@media (max-width: 1199px) {
    .plataformas.preferencial{ margin-top: 550px; }
}
        
@media (max-width: 991px) {
    .plataformas.preferencial{ margin-top: 400px; }
}
        
@media (max-width: 767px) {
    .plataformas.preferencial{ margin-top: 285px; }
}
        
@media (max-width: 575px) {
    .plataformas.preferencial{ margin-top: 320px; }
}


/*------------------------------------------------------------------------------
    tasas generales
------------------------------------------------------------------------------*/

:root{
    --tasas-x: calc( 380px - 30px );
    --tasas-y: calc( 1.776 * var(--tasas-x) + 54px );
}

@media (max-width:1199px){
    :root{
        --tasas-x: calc( 320px - 30px );
        --tasas-y: calc( 1.776 * var(--tasas-x) + 54px  );
    }
}
@media (max-width:991px){
    :root{
        --tasas-x: calc( 360px - 30px );
        --tasas-y: calc( 1.776 * var(--tasas-x) + 54px  );
    }
}
@media (max-width:767px){
    :root{
        --tasas-x: 540px;
        --tasas-y: calc( 1.776 * var(--tasas-x) + 54px  );
    }
}
@media (max-width:575px){
    :root{
        --tasas-x: 100vw;
        --tasas-y: calc( 1.776 * var(--tasas-x) + 54px  );
    }
}
                        
.tasas-generales iframe{
    overflow: hidden;
    width: var(--tasas-x);
    height: var(--tasas-y);
    border: none;
}
.tabla-general iframe{
    border: none;
}
                        
@media (max-width:767px){
    .tasas-generales,
    .tabla-general{
        padding: 0;
        margin: 0;
    }
}

/*------------------------------------------------------------------------------
    solicitar
------------------------------------------------------------------------------*/

.dialog.solicitar .content{
    background: #EEF6EE !important;
}

.dialog.solicitar .close-icon{
    position: sticky;
    float: right;
    z-index: 1000;
}

.dialog.solicitar .content,
.dialog.solicitar-info .content{
    width: 80vw;
    height: 90vh;
    top: 5vh;
    left: 10vw;
    padding: 20px !important;
}

@media (max-width:575px) {
    .dialog.solicitar .content{
        padding: 15px !important;
    }
}

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

.solicitar .form-group{
    border: solid 1px var(--color-line);
    padding: 20px;
}

.solicitar h2{
    font-weight: bold;
    letter-spacing: 1px
}
.solicitar h5{
    color: var(--color-dark-3);
    letter-spacing: 1px
}

.solicitar input,
.solicitar select,
.solicitar textarea{
    border-radius: 0;
    border: solid 1px var(--color-line);
    background: transparent;
}
.solicitar input:hover,
.solicitar input:focus,
.solicitar input:active,
.solicitar select:hover,
.solicitar select:focus,
.solicitar select:active,
.solicitar textarea:hover,
.solicitar textarea:focus,
.solicitar textarea:active{
    background: transparent;
    box-shadow: none;
    border-color: var(--color-line);
}
.solicitar input:disabled,
.solicitar input:disabled:hover,
.solicitar input:disabled:focus,
.solicitar input:disabled:active,
.solicitar select:disabled,
.solicitar select:disabled:hover,
.solicitar select:disabled:focus,
.solicitar select:disabled:active,
.solicitar textarea:disabled:hover,
.solicitar textarea:disabled:focus,
.solicitar textarea:disabled:active{
    background:  var(--color-light-green-2);
}
.solicitar input.no-border-right{ border-right: none; }
.solicitar input.no-border-left { border-left: none; }
.solicitar select.no-border-right{ border-right: none; }
.solicitar select.no-border-left { border-left: none; }
.solicitar textarea.no-border-right{ border-right: none; }
.solicitar textarea.no-border-left { border-left: none; }

.solicitar input[type="file"]{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.solicitar label[for="solicitar_comprobante"] {
    text-transform: uppercase;
    width: fit-content;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    letter-spacing: 1px;
}
.button-delete-file{
    background-image: url(../img/icons/dialog-close.png);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px;
    border: none;
    margin-right: 10px;
}
.button-delete-file:active,
.button-delete-file:focus,
.button-delete-file:hover{
    outline:0px;
}

.solicitar .input-group-text{
    width: 80px;
    border-radius: 0;
    border: solid 1px var(--color-line);
    border-right: none;
    background: var(--color-light-green-2);
}
.solicitar .input-group-text.border{
    border: solid 1px var(--color-line) !important;
}

.solicitar .input-group-text.codigo{
    width: auto;
    border: solid 1px var(--color-line);
    border-left: none !important;
    background: transparent;
    font-size: 13px;
    cursor: default;
}
.solicitar .input-group-text.icon{
    width: auto;
    padding: 0px;
    padding-left: 10px;
    border-right: none;
}
.solicitar .input-group-text.icon-btn{
    width: auto;
    padding: 0px;
    padding-left: 8px;
    padding-right: 8px;
    border-left: none;
    border-right: solid 1px var(--color-line);
}
.solicitar .input-group-text.icon-btn img{
    cursor: pointer;
    filter: invert(50%);
    -webkit-filter: invert(50%);
}

.solicitar .input-group-text.disabled{
    background: var(--color-light-green-2);
}
.solicitar .input-group-text.enabled{
    background: transparent;
}

.solicitar .texto{
    position: relative;
    padding: 0;
    top: 0px;
}
.solicitar .tasas{
    position: relative;
    padding: 0;
}

.solicitar .form-check-input,
.solicitar .form-check-label{
    cursor: pointer;
}

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

:root{
     --color-danger-border: #E5626F;
     --color-danger-text: #DC3545; 
     --color-danger-back: #F0C4C9; 
     --color-danger-back-2: #F6EAEA; 
}

.solicitar .danger input,
.solicitar .danger select,
.solicitar .danger textarea{
    border-color: var(--color-danger-border);
    color: var(--color-danger-text);
    background: var(--color-danger-back-2);
}
.solicitar .danger input::placeholder,
.solicitar .danger textarea::placeholder{
    color: var(--color-danger-text);
    opacity: 0.8;
}

.solicitar .danger input:disabled,
.solicitar .danger select:disabled,
.solicitar .danger textarea:disabled{
    background: var(--color-danger-back);
}

.solicitar .danger .input-group-text{
    border-color: var(--color-danger-border) !important;
    color: var(--color-danger-text);
    background: var(--color-danger-back);
}

.solicitar .danger .input-group-text.codigo{
    border-color: var(--color-danger-border);
    color: var(--color-danger-text) !important;
}

.solicitar .danger .form-text{
    color: var(--color-danger-text) !important;
}

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

@media (max-width:575px) {
    .solicitar h2{
        border-bottom: solid 3px var(--color-line);
        padding-bottom: 10px;
    }
    
    .solicitar .form-group{
        border: none;
        padding: 0;
    }
    
    .solicitar .datos{
        border-top: solid 3px var(--color-line);
        padding-top: 20px;
    }
}

/*------------------------------------------------------------------------------
    bienvenida
------------------------------------------------------------------------------*/

.dialog.bienvenida .content{
    background: #EEF6EE !important;
}

.dialog.bienvenida .close-icon{
    position: sticky;
    float: right;
    z-index: 1000;
}

.dialog.bienvenida .content,
.dialog.bienvenida-info .content{
    width: 50vw;
    height: 65vh;
    top: 17.5vh;
    left: 25vw;
    padding: 20px !important;
}

@media (max-width:575px) {
    .dialog.bienvenida .content{
        padding: 15px !important;
    }
}