/* Estilos */
/* Fuentes */

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Bold.eot');
    src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Bold.woff') format('woff'),
        url('../fonts/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Light.eot');
    src: url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Light.woff') format('woff'),
        url('../fonts/SourceSansPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Regular.woff') format('woff'),
        url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-SemiBold.woff') format('woff'),
        url('../fonts/SourceSansPro-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
  
/* Fuentes*/
  
  
body{
    --main-text-color: #3C3C3C;
    --main-linegrey-color: #efefef;
    --main-greentype-color: #2db552;
    --main-background-color: #F8F6F7;
    --main-darkgrey-color: #8F8F8F;
}

/* Estilos para modals, step form en desktop en adelante */


@media only screen  
and (min-width: 993px) and (max-width: 1199px){

    /* main-form | Step Progress 
    en laptops */

    .banner .container .box-left .text-boxleft h2{
        margin-top: 3.5rem;
    }

    .section-banner .banner
    .box-right{
        padding-top: 3.9rem;
    }


    .section-banner 
    .banner .box-right 
    .form-div{
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .form-div .main-form{
        width: 100%;
        background-color: white;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 10px;
        opacity: 1;
        height: 570px;
        z-index:1;
    }

    .form-div
    .main-form .contenedor-form{
        display: flex;
        justify-content: center;
    }

    /* Preogress bar */

    .modal-prestamo .progress-bar{
        width: 50%;
        margin: auto;
        margin-top: 2.5rem;
    }

    .modal-prestamo .progress-bar .paso{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    /*titulares*/

    .box_transition_step 
    .container_step .titulares{
        display: flex;
        justify-content: space-between;
        width: 72%;
        margin: auto;
        align-items: center;
        margin-top: 1rem;
    }

    .container_step .titulares
    .title1{
        color: var(--main-text-color);
        font-size: 1.3rem;
        font-weight: 400;
        margin-top: 1rem;
    }

    .container_step .titulares img{
        width: 16%;
    }

    .box_transition_step 
    .container_step .titulares 
    .img_paso, 
    .box_transition_step 
    .container_step .titulares 
    .img_paso{
        margin-right: 1rem;
    }

    .container_step form .datos 
    .box-input:first-child(2){
        padding-right:0px;
    }

    .modal-prestamo .datos {
        display: flex;
        justify-content: center;
        align-content: baseline;
        margin-top:1.4rem;
    }

    .modal-prestamo .datos .box-input{
        margin-left:0px;
        padding: 0px;
    }

    .box_transition_step .container_step form{
        padding:0px;
    }

    .modal-prestamo .datos .box-input .label-modal,
    .modal-prestamo .datos .box-input
    input[type=text]:not(.browser-default):focus:not([readonly]) + label,
    .modal-prestamo .datos .box-input
    input[type=email]:not(.browser-default):focus:not([readonly]) + label,
    .modal-prestamo .datos .box-input
    input[type=password]:not(.browser-default):focus:not([readonly]) + label,
    .form_contactese .boxMensaje .box-input 
    textarea.materialize-textarea:focus:not([readonly]) + label{
        font-size: 0.86rem;
    }

    

    .modal-prestamo .datos .margin-nombre{
        margin-right:1.9rem;
    }

    .container_step form .box-fila2{
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        margin-bottom: 0.8rem;
    }

    .box-fila2 .checkbutton{
        margin-right: 0;
        padding-left: 1rem;
    }

    .box-fila2 .checkbutton p{
        padding-left: 0;
    }

    .box-fila2 .checkbutton p [type="radio"]:checked + span,
    .box-fila2 .checkbutton p [type="radio"]:not(:checked) + span{
        font-size: 0.8rem;
    }

    .box-fila2 .checkbutton p [type="radio"]:not(:checked) + span::before {
        width: 11px;
        height: 11px;
        margin-top: 0.4rem;
    }

    .box-fila2 .checkbutton
    [type="radio"]:checked + span:after{
        width: 11px;
        height: 11px;
        margin-top: 0.4rem;
    }

    /*Calendar*/

    .box-fila2 .box_calendar{
        padding-left: 6px;
        align-items: center;
    }

    .box-fila2 .box_calendar 
    .icon-calendar img{
        width: 1.5rem;
        margin-left: 0.4rem;
        margin-bottom: 0rem;
    }

    .modal-prestamo .datos:nth-child(2) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .box-fila2 .checkbutton [type="radio"]:not(:checked) + span,
    [type="radio"]:checked + span{
        font-size: 1.1rem;
    }

    .box-fila2 .box_calendar .box-input{
        margin-right: 0px;
    }

    .container_step form .box-fila3{
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 0px 10px;
        margin-bottom: 0.5rem;
        align-items: center;
    }

    .box_transition_step .container_step
    form .box-fila3 .datos .box-input{
        margin-top: 0rem;
    }

    .modal-prestamo .container_step 
    form .documento-margin{
        padding-right: 15px;
        margin-top:0rem;
    }

    .modal-prestamo form .box-fila2 
    .checkbutton h5{
        font-size: 0.87rem;
    }

    .modal-prestamo form .box_select 
    .select-area 
    .select-wrapper .dropdown-content{
        top:0px;
    }

    .modal-prestamo form .box-fila3 
    .box_select .select-area .select-wrapper 
    input.select-dropdown,
    .modal-prestamo form .box-fila4 
    .empleador-margin .select-wrapper 
    input.select-dropdown,
    .modal-prestamo form .box_select 
    .select-area .select-wrapper input.select-dropdown{
        font-size: 0.85rem;
    }

    .modal-prestamo form .box-fila3 .box_select 
    .select-area .select-wrapper input.select-dropdown{
        margin-bottom: 0.6rem;
    }

    .modal-prestamo form .box-fila4{
        padding: 0px 10px;
        margin-bottom:0px;
    }

    .main-form .contenedor-form
    .modal-prestamo .container_step 
    form .btn_solid2_margin{
        display: flex;
        justify-content: flex-end;
        padding-right: 0.6rem;
    }
 
    .box_transition_step 
    .container_step form 
    .btn_modal .btn_modal_solid, 
    .box_transition_step 
    .container_step form 
    .btn_modal .btn_modal_outline,
    .container_step 
    .btn_flex .btn_modal_solid{
        font-size: 1rem;
    }

    .contenedor-form .modal-prestamo 
    .box_transition_step 
    .container_step form 
    .btn_modal .btn_modal_solid,
    .container_step 
    .btn_flex .btn_modal_solid{
        padding: 10px 22px;
        color:var(--main-background-color);
    }

    .box_transition_step 
    .container_step form 
    .btn_modal .btn_modal_solid
    img,
    .container_step 
    .btn_flex .btn_modal_solid img{
        width: 1.2rem;
        margin-left: 1.1rem;
    }

    /*Pantalla 02 */

    form .box_termsConditions{
        margin-left: -10px;
        margin-top: 1rem;
        height: 12rem;
    }

    .box_termsConditions label{
        color:var(--main-text-color);
    }

    [type="checkbox"].filled-in:checked + span:not(.lever):after{
        border: 2px solid var(--main-greentype-color);
        background-color: var(--main-greentype-color);
        width: 18px;
        height: 18px;
        top: 3px;
    }

    [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after{
        height: 18px;
        width: 18px;
        background-color: transparent;
        border: 2px solid #9d9d9d;
        top:3px;
    }

    [type="checkbox"].filled-in:checked + span:not(.lever):before{
        top: 1px;
        left: 0;
        height: 13px;
    }

    [type="checkbox"] + span:not(.lever){
        font-size: 0.9rem;
        padding-left: 28px;
    }

    /*Pantalla03 validacion*/
    
    .box_transition_step .container_step 
    .margin-titulares{
        width: 85%;
    }

    .main-form .contenedor-form .modal-prestamo
    .box_transition_step .container_step
    .subtitle-style{
        font-size: 1rem;
        text-align: center;
        margin-top: 1.1rem;
    }

    .container_step .box_valores_prestamo .datos_cliente 
    .titular-valores-form{
        font-size: 0.8rem;
    }

    .container_step .box_valores_prestamo 
    .datos_cliente .valores-form{
        font-size: 1.2rem;
    }

    .box_transition_step
    .container_step .box_valores_prestamo{
        height: 18rem;
        width: 210px;
        margin: auto;
        overflow-x: hidden;
    }

    .main-form .contenedor-form .modal-prestamo 
    .box_transition_step 
    .container_step form .box_cuotas{
        margin-bottom: 0rem;
        margin-top: 1rem;
        width: 78%;
    }

    .main-form .contenedor-form .modal-prestamo 
    .box_transition_step 
    .container_step form .box_cuotas{
        margin-top: 2.5rem;
    }


    /*Pantalla4 -range cuota*/

    .modal-prestamo .container_step form 
    .box-fila1-paso2 .box-input{
        padding-right: 1.2rem;
    }

    .main-form .contenedor-form
    .modal-prestamo .container_step 
    .box-fila1-paso2{
        margin-top: 1rem;
    }
   
    .modal-prestamo .container_step 
    .box-fila1-paso2,
    .modal-prestamo .container_step 
    .box-fila2-paso2{
        padding:0px 18px;
    }

    .modal-prestamo .container_step 
    .box-fila1-paso2{
        align-items: baseline;
    }

    .main-form .contenedor-form
    .modal-prestamo .container_step 
    .box-fila2-paso2{
        display: flex;
        align-items: flex-end;
    }

    .container_step form .box-fila2-paso2 
    .leyenda_dia_cobro{
        font-size: 0.67rem;
        padding-left: 8px;
        padding-right: 0px;
        margin-left:0px;
        margin-bottom: 0.9rem;
    }

    .modal-prestamo form .box-fila1-paso2 .box_select 
    .select-area .select-wrapper 
    input.select-dropdown{
        font-size: 0.86rem;
    }

    .contenedor-form .modal-prestamo 
    .container_step 
    form .box_cuotas h5{
        font-size: 0.86rem;
        text-align: center;
        margin-top: 2.5rem;
    }

    .contenedor-form .modal-prestamo 
    .container_step 
    form .box_cuotas .total_monto{
        text-align: center;
        margin-top: 0.9rem;
        font-size: 0.85rem;
    }

    input[type="range"]::-webkit-slider-runnable-track, 
    input[type="range"]::-moz-range-track {
        height: 1.5px;
    }

    .main-form .contenedor-form
    .modal-prestamo .box_transition_step 
    .container_step form .btn_flex{
        justify-content: flex-end;
        margin-right: -1rem;
        display: flex;
    }

    .modal-prestamo .box_transition_step 
    .container_step .btn_flex{
        justify-content: flex-end;
        margin-right: 1rem;
        margin-top: 1.8rem;
        display: flex;
    }

    #tramiteCredito .btn_flex{
        margin-top: 1rem;
    }

    .contenedor-form
    .modal-prestamo .box_transition_step 
    .container_step form 
    .btn_flex .btn_modal_outline,
    .container_step .btn_flex .btn_modal_outline{
        margin-right: 1.5rem;
    }

    .container .box-left .text-boxleft{
        margin-top: 4rem;
    }

    main .section-banner .banner{
        padding-top: 0;
    }

    #tramiteCredito .btn_flex{
        margin-right: 1rem;
    }
    

    /* Pantalla: "Paso: el usuario manda un email por error" */

    #containerContactese .titulares .title1{
        font-size: 1.2rem;
    }

    #containerContactese .form_contactese .datos{
        margin: 3px 5px;
    }

    .main-form .contenedor-form .modal-prestamo
    .box_transition_step #containerContactese 
    .marginBox_problema{
        width: 80%;
    }

    .form_contactese .boxMensaje{
        flex-direction: column;
        align-items: start;
    }

    .boxMensaje .box-input{
        height: 4rem;
    }

    .form_contactese .boxMensaje .box-input 
    textarea.materialize-textarea{
        border-bottom: 1px solid #d1d1d1;
    }

    .form_contactese .boxMensaje .box-input 
    textarea.materialize-textarea:focus:not([readonly]) + label{
        color: var(--main-greentype-color);
    }

    .form_contactese .boxMensaje .box-input 
    label{
        color: var(--main-text-color);
        font-weight: 700;
        font-size: 0.86rem;
    }

    #containerContactese .form_contactese .boxMensaje{
        padding: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .form_contactese .boxMensaje .box-input
    textarea.materialize-textarea:focus:not([readonly]){
        border-bottom: 1px solid var(--main-greentype-color);
        box-shadow: none;
    }

    .container_step .form_contactese .btn_modal{
        display:flex;
        flex-direction: column;
        align-items: flex-end;
        margin-right: 0.8rem;
    }

    .container_step .form_contactese 
    .btn_modal .btn_modal_solid{
        margin-top: 3.4rem;
    }

    .container_step .form_contactese 
    .btn_modal .leyenda_exito{
        color: var(--main-greentype-color);
        font-size: 0.8rem;
        margin-top: 0.7rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .container_step .form_contactese 
    .btn_modal .leyenda_exito img{
        width: 0.87rem;
        height: 0.87rem;
        margin-right: 0.3rem;
    }

    .container_step .form_contactese .envio_mensaje .leyenda_exito {
        color: var(--main-greentype-color);
        font-size: 0.8rem;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .container_step .form_contactese .envio_mensaje 
    .leyenda_exito img{
        width: 1rem;
        margin-right: 0.4rem;
    }

    #containerContactese form .btn_flex{
        justify-content: flex-end;
        margin-right: 0.3rem;
        flex-direction: row;
        margin-top:0;
    }

    #containerContactese form .btn_modal .btn_modal_solid{
        margin-top:0;
    }

    #containerContactese form .btn_modal 
    .btn_modal_outline{
        padding: 9px 31px;

    }

    
    /* Pantalla: cuando el usuario es existente */
    
    #clienteExistente .titulares{
        justify-content: center;
    }

    #clienteExistente
    .titulares .title1{
        font-size:1.6rem;
        line-height: 1.6rem;
    }

    .titulares .box_img_clienteExistente{
        width: 16%;
        margin-right: 0.7rem;
        margin-top: 0.8rem;
    }

    .titulares .box_img_clienteExistente img{
        width: 100%;
        margin-right: 0.6rem;
    }

    #clienteExistente .informacion_box{
        font-size: 1rem;
        margin: 2rem 1.8rem;
        height: 18rem;
    }

    #clienteExistente .btn_modal{
        display: flex;
        justify-content: flex-end;
        margin-right: 1.6rem;
    }

    .informacion_box .span_bold{
        font-weight: 700;
        color: var(--main-text-color);
        margin-bottom: 0.7rem;
    }

    .informacion_box .span_bold_green{
        margin-top: 1rem;
    }

    /*Pantalla de Error, mensaje desde servidor*/
    #errorMensaje .titulares{
        width: 39%;
        justify-content: center;
        margin-top: 1.6rem;
    }

    #errorMensaje .titulares img{
        width: 20%;
        margin-right:0.5rem;
    }

    #errorMensaje .titulares .title1{
        color: #ff0000;
        font-size: 1.9rem;
    }

    #errorMensaje .informacion_box{
        margin-top: 1.2rem;
    }

    #errorMensaje .informacion_box 
    .mensaje_servidor{
        color: var(--main-text-color);
        text-align: center;
    }

    #errorMensaje .btn_modal{
        justify-content: center !important;
        display: flex !important;
        margin-top: 3rem;
    }

    /*modal-ingresar*/

    .box_modal{
        width: 35%;
    }

    .box_modal .modal-prestamo .titulares {
        margin-top: 0.7rem;
    }

    .box_modal .modal-prestamo 
    form .datos {
        display: flex;
        flex-direction: column;
    }

    #modal-ingresar .modal-prestamo .datos .box-input {
        margin: auto;
    }

    #modal-ingresar .modal-prestamo .datos .box-input:first-child{
        margin-bottom: 1rem;
    }
    
    #modal-ingresar .modal-prestamo .datos{
        margin-top:1rem;
    }

    #modal-registro .modal-prestamo 
    .datos .box-input .label-modal,
    .box_modal .modal-prestamo 
    .datos .box-input .label-modal{
        font-size: 0.92rem;
    }
    
    #modal-registro .modal-prestamo .datos
    .box-input input[type=text]:not(.browser-default):focus:not([readonly]) + label,
    .box_modal .modal-prestamo .datos
    .box-input input[type=text]:not(.browser-default):focus:not([readonly]) + label{
        font-size: 1.1rem;
    }

    #modal-ingresar .modal-prestamo 
    .btn_modal .btn_modal_solid{
        font-size: 1.1rem;
        color:var(--main-background-color);
        padding: 12px 26px;
        margin-top: 0.6rem;
    }

    #modal-ingresar .modal-prestamo 
    .btn_modal .btn_modal_solid img{
        width: 1.2rem;
        margin-left: 1rem;
    }

    #modal-ingresar .box_modal 
    .modal-prestamo{
        margin-bottom:0px;
    }

    #modal-ingresar .modal-prestamo 
    form .recupero_contraseña{
        margin-top: 1.3rem;
    }

    #modal-ingresar .modal-prestamo{
        margin-bottom: 0.4rem;
    }

    .box_modal .modal-prestamo .titulares img {
        width: 3.2rem;
    }


    /*modal-registro*/

    #modal-registro .modal-prestamo 
    .titulares-registro{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
    }

    #modal-registro .modal-prestamo 
    .titulares-registro h4{
        text-align: left;
    }

    #modal-registro .modal-prestamo 
    .titulares img {
        width: 3.2rem;
        margin-right: 1rem;
    }

    .section-banner #modal-registro{
        width: 45%;
    }
    
    #modal-registro .modal-prestamo {
        padding-left: 43px;
        padding-right: 43px;
    }

    #modal-registro .modal-prestamo 
    .titulares img,
    #modal-registro .modal-prestamo 
    .titulares .title1{
        margin-bottom:0rem;
        line-height: 1.84rem;
    }

    .title-cuenta{        
        color: var(--main-text-color);
        text-align: left;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        margin-top: 4rem;
    }

    #modal-registro 
    .modal-prestamo .title-cuenta{
        font-size: 1.5rem;
    }

    .box_transition_step 
    .container_step
    .title-cuenta{
        font-size: 1.3rem;
    }

    #modal-registro 
    .modal-prestamo form .email-tel{
        display:flex;
        flex-direction: row;
    }

    form .datos .correo-margin{
        margin-right: 2rem;
    }

    form .datos .telefono-margin{
        margin-right:0;
    }

    #modal-registro .modal-prestamo 
    form .password, 
    .modal-prestamo 
    .box_transition_step .container_step 
    form .password{
        flex-direction: row;
        align-items: flex-end;
        margin-right:1rem;
    } 

    #modal-registro .modal-prestamo
    form .repetir-contraseña,
    .modal-prestamo 
    .box_transition_step .container_step 
    form .repetir-contraseña{
        margin-right: 1rem;
    }

    .contenedor-form .modal-prestamo 
    .box_transition_step .container_step 
    form .repetir-contraseña{
        display: flex;
        justify-content: center;
        align-items: flex-end;
        margin-top: 0.6rem;
    }

    form .password .correct_span,
    form .repetir-contraseña .correct_span,
    form .password .error_span,
    form .repetir-contraseña .error_span{
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 0.7rem;
        display: flex;
        align-items: center;
        margin-bottom:0.8rem;
    }

    form .password .correct_span,
    form .repetir-contraseña .correct_span{
        color:var(--main-greentype-color);
    }

    form .password .error_span,
    form .repetir-contraseña .error_span{
        color: #ff3131;
    }

    form .password .correct_span img,
    form .repetir-contraseña .correct_span img,
    form .password .error_span img,
    form .repetir-contraseña .error_span img{
        width: 0.8rem;
        margin-right: 0.43rem;
    }

    #modal-registro .modal-prestamo .titulares{
        margin-top: 2.5rem;
    }

    #modal-registro .modal-prestamo 
    form .btn_flex{
        justify-content: flex-end;
    }

    #modal-registro .modal-prestamo 
    form .btn_modal{
        margin-top:3rem;
    }

    #modal-registro .modal-prestamo 
    form .btn_modal 
    .btn_modal_outline,
    #modal-registro .modal-prestamo 
    form .btn_modal 
    .btn_modal_solid{
        padding:10px 34px;
    }

    form .btn_modal 
    .btn_modal_outline{
        margin-right: 2rem;
    }

    #modal-registro .modal-prestamo 
    form .btn_modal 
    .btn_modal_outline,
    #modal-registro .modal-prestamo 
    form .btn_modal 
    .btn_modal_solid{
        font-size: 1.1rem;
    }

    .contenedor-form .modal-prestamo 
    .box_transition_step 
    .margin-desktop form{
        padding: 0 23px;
    }
       
    .margin-desktop .title-cuenta{
        margin-left: 0.7rem;
    }

    .container_step .titulares
    .title1 .subtitle1{
    font-size: 1.37rem;
    }

    .contenedor-form .modal-prestamo 
    .box_transition_step 
    .margin-desktop
    .width-registro-desktop{
        width: 77%;
        margin-top: 3.2rem;
    }



    /*Error general*/
    .error-general{
        color:#ff3131;
        font-size: 1rem;
        font-family: 'Source Sans Pro', sans-serif;
        display: flex;
        align-items: center;
    }

    .error-general img{
        width: 18px;
        margin-right: 8px;
    }

    /*cuenta Creada*/
    .box_transition_step
    .cuentaCreada .titulares{
        flex-direction: column;
        width: 88%;
        margin-top:0rem;
    }

    .box_transition_step
    .cuentaCreada{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .box_transition_step
    .cuentaCreada .titulares h4{
        text-align: center;
        font-size: 1.1rem;
        margin-top: 0.4rem;
        color:var(--main-text-color);
    }

    .box_transition_step
    .cuentaCreada .titulares span{
        font-size: 1.3rem;
        margin-bottom: 0rem;
        margin-top:1rem;
    }

    .cuentaCreada .btn_modal{
        justify-content: center !important;
    }

    
    /*cuenta Creada Error*/
    .box_transition_step
    .cuentaCreada .titulares .span_bold_red{
        color: #ff3131;
        font-weight: 700;
    }

    /*mensaje del servidor, ingresar modal*/
    
    .msje-servidor img{
        width: 14px;
    }
    
    .msje-servidor{
        text-align: center;
        font-size: 1.1rem;
        font-weight: 600;
    }

    .box_msjeServidor{
        margin: 1rem 0rem;
    }
    
}


/* Desktops and laptops ----------- */ 
@media only screen  
and (min-width: 1200px){

    /*main-form | Step Progress en
    desktop and large screens*/

    /*tooltip*/
    .material-tooltip{
        background-color: var(--main-greentype-color);
        border-radius: 5px;
    }

    .section-banner .banner
    .box-right{
        padding-top: 6rem;
    }

    .section-banner 
    .banner .box-right 
    .form-div{
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .form-div .main-form{
        width: 87%;
        background-color: white;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 10px;
        opacity: 1;
        height: 595px;
        z-index:1;
    }

    .form-div
    .main-form .contenedor-form{
        display: flex;
        justify-content: center;
    }

    .modal-prestamo .progress-bar{
        width: 50%;
        margin: auto;
        margin-top: 2.5rem;
    }

    .modal-prestamo .progress-bar .paso{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    
    .box_transition_step 
    .container_step .titulares{
        display: flex;
        justify-content: space-between;
        width: 59%;
        margin: auto;
        align-items: center;
        margin-top: 1rem;
    }
    
    .container_step .titulares
    .title1{
        color: var(--main-text-color);
        font-size: 1.48rem;
        font-weight: 400;
        margin-top: 1rem;
        line-height: 1.6rem;
    }

    .container_step .titulares img{
        width: 2.8rem;
    }

    .container_step .marginBox_problema
    .title1{
        font-size: 1.3rem;
    }

    .main-form .contenedor-form 
    .modal-prestamo .box_transition_step 
    .container_step .titulares 
    .img_paso{
        margin-right: 1rem;
    }

    .container_step form .datos 
    .box-input:first-child(2){
        padding-right:0px;
    }

    .modal-prestamo .datos {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .modal-prestamo .datos .box-input{
        margin-left:0px;
        padding: 0px;
    }

    .documento-margin .box-input{
        margin-top:0.2rem;
    }

    .box_transition_step .container_step form{
        padding:0px;
    }

    .modal-prestamo .datos .box-input .label-modal,
    .modal-prestamo .datos .box-input
    input[type=text]:not(.browser-default):focus:not([readonly]) + label{
        font-size: 0.97rem;
    }

    .modal-prestamo .datos .box-input .label-modal,
    .modal-prestamo .datos .box-input
    input[type=password]:not(.browser-default):focus:not([readonly]) + label{
        font-size: 0.97rem;
    }

    .modal-prestamo .datos .box-input .label-modal,
    .modal-prestamo .datos .box-input
    input[type=email]:not(.browser-default):focus:not([readonly]) + label{
        font-size: 0.97rem;
    }

    .modal-prestamo .datos .margin-nombre{
        margin-right: 1.9rem;
    }

    .container_step form .box-fila2{
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        margin-bottom: 0.8rem;
        margin-top: 1rem;
    }

    .box-fila2 .checkbutton{
        margin-right: 0;
        padding-left: 1rem;
        padding-right: 1.5rem;
    }

    .box-fila2 .checkbutton p [type="radio"]:checked + span,
    .box-fila2 .checkbutton p [type="radio"]:not(:checked) + span{
        font-size: 1rem;
    }

    .box-fila2 .checkbutton p [type="radio"]:not(:checked) + span::before {
        width: 10px;
        height: 10px;
        margin-top: 0.6rem;
    }

    .box-fila2 .box_calendar{
        padding-right: 2rem;
        padding-left: 0;
    }

    .box-fila2 .box_calendar 
    .icon-calendar img{
        width: 1.6rem;
        margin-top: 1.4rem;
        margin-bottom: 0;
    }

    .modal-prestamo .datos:nth-child(2) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .box-fila2 .checkbutton [type="radio"]:not(:checked) + span,
    [type="radio"]:checked + span{
        font-size: 1.1rem;
    }

    .box-fila2 .box_calendar .box-input{
        margin-right: 0px;
    }

    .container_step form .box-fila3{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px 11px;
        margin-bottom: 0.5rem;
    }

    .modal-prestamo .container_step 
    form .documento-margin{
        padding-right: 15px;
    }

    .contenedor-form .modal-prestamo
    .box_transition_step .container_step 
    form .box-fila3 .documento-margin 
    .box-input .input-modal{
        margin-bottom: 0.9rem;
    }

    .modal-prestamo form .box-fila2 
    .checkbutton h5{
        font-size: 1rem;
    }

    .modal-prestamo form .box_select 
    .select-area 
    .select-wrapper .dropdown-content{
        top:0px;
    }

    .modal-prestamo form .box-fila3 
    .box_select .select-area .select-wrapper 
    input.select-dropdown,
    .modal-prestamo form .box-fila4 
    .box_select .select-area .select-wrapper 
    input.select-dropdown,
    .modal-prestamo form .box_select 
    .select-area .select-wrapper input.select-dropdown{
        font-size: 0.9rem;
    }

    .modal-prestamo form .box-fila4 
    .box_select .select-area .select-wrapper 
    input.select-dropdown{
        margin-bottom: 8px;
    }

    .modal-prestamo form .box-fila3 .box_select 
    .select-area .select-wrapper input.select-dropdown{
        margin-bottom: 0.8rem;
    }

    .modal-prestamo form .box-fila4{
        padding-right: 10px;
        padding-left: 12px;
        margin-bottom:0px;
        height:7rem;
    }

    .main-form .contenedor-form
    .modal-prestamo .container_step 
    form .btn_solid2_margin{
        display: flex;
        justify-content: flex-end;
        padding-right: 0.6rem;
    }


    .contenedor-form .modal-prestamo 
    .box_transition_step 
    .container_step form 
    .btn_modal .btn_modal_solid img,
    .container_step 
    .btn_flex .btn_modal_solid img{
        width: 1.2rem;
        margin-left: 1.1rem;
    }

    .contenedor-form .modal-prestamo 
    .box_transition_step 
    .container_step form 
    .btn_modal .btn_modal_solid,
    .contenedor-form .modal-prestamo 
    .box_transition_step 
    .container_step form 
    .btn_modal .btn_modal_outline{
        font-size: 1.08rem;
    }

                    
    .contenedor-form .modal-prestamo 
    .box_transition_step 
    .container_step form 
    .btn_modal .btn_modal_solid,
    .container_step 
    .btn_flex .btn_modal_solid{
        padding: 10px 22px;
        color:var(--main-background-color);
    }

    /*Paso 02 */

    .modal-prestamo .box_transition_step
    .container_step form .email{
        align-items: baseline;
    }

    form .box_termsConditions{
        margin-left: -10px;
        margin-top: 1rem;
        height: 12rem;
    }

    .box_termsConditions label{
        color:var(--main-text-color);
    }

    [type="checkbox"].filled-in:checked + span:not(.lever):after{
        border: 2px solid var(--main-greentype-color);
        background-color: var(--main-greentype-color);
        width: 18px;
        height: 18px;
        top: 3px;
    }

    [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after{
        height: 18px;
        width: 18px;
        background-color: transparent;
        border: 2px solid #9d9d9d;
        top:3px;
    }

    [type="checkbox"].filled-in:checked + span:not(.lever):before{
        top: 1px;
        left: 0;
        height: 13px;
    }

    [type="checkbox"] + span:not(.lever){
        font-size: 0.9rem;
        padding-left: 28px;
    }

    /*Paso 03*/

    .box_transition_step .container_step 
    .margin-titulares{
        width:67%;
    }

    .main-form .contenedor-form .modal-prestamo
    .box_transition_step .container_step
    .subtitle-style{
        font-size: 1.16rem;
        text-align: center;
        margin-top: 1.1rem;
        margin-bottom: 1.5rem;
    }

    .modal-prestamo .box_transition_step
    .container_step .box_valores_prestamo{
        width: 60%;
        margin: auto;
        height: 18.3rem;
    }

    .contenedor-form .modal-prestamo 
    .box_transition_step .container_step 
    .box_valores_prestamo .datos_cliente 
    .titular-valores-form{
        font-size: 0.9rem;
    }

    .contenedor-form .modal-prestamo 
    .box_transition_step .container_step 
    .box_valores_prestamo .datos_cliente 
    .valores-form {
        color: #8F8F8F;
        text-align: left;
        font-size: 1.16rem;
    }

    .box-right
    .main-form .contenedor-form .modal-prestamo
    .box_transition_step .paso03 .btn_flex{
        margin-right: 1.4rem;
    }

    /*Paso 04*/

    .main-form .contenedor-form 
    .modal-prestamo .container_step form 
    .box-fila1-paso2 .box-input{
        padding-right: 1.2rem;
    }

    .main-form .contenedor-form
    .modal-prestamo .container_step 
    .box-fila1-paso2{
        margin-top: 1rem;
    }

    .main-form .contenedor-form
    .modal-prestamo .container_step 
    .box-fila1-paso2,
    .main-form .contenedor-form
    .modal-prestamo .container_step 
    .box-fila2-paso2{
        padding:0px 18px;
    }

    .main-form .contenedor-form
    .modal-prestamo .container_step 
    .box-fila2-paso2{
        display: flex;
        align-items: center;
        margin-top: 1rem;
    }

    .container_step form .box-fila2-paso2 
    .leyenda_dia_cobro{
        font-size: 0.74rem;
        padding-left: 8px;
        padding-right: 0px;
        margin-left:0px;
        margin-top: 0.8rem;
    }

    .modal-prestamo form .box-fila1-paso2 .box_select 
    .select-area .select-wrapper 
    input.select-dropdown{
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
    }


    .modal-prestamo form .box-fila1-paso2 .box_select 
    .select-area{
        margin-top: 0.95rem;
    }


    .contenedor-form .modal-prestamo 
    .container_step 
    form .box_cuotas{
        height: 8.4rem;
    }
 
    .contenedor-form .modal-prestamo 
    .container_step 
    form .box_cuotas h5{
        font-size: 0.9rem;
        text-align: center;
        margin-top: 2.5rem;
        margin-bottom: 0.9rem;
    }

    .contenedor-form .modal-prestamo 
    .container_step 
    form .box_cuotas .total_monto{
        text-align: center;
        margin-top: 0.9rem;
        font-size: 0.85rem;
    }
    
    .contenedor-form .modal-prestamo .container_step 
    form .box_cuotas .slide_range{
        width: 80%;
        margin: auto;
    }



    input[type="range"]::-webkit-slider-runnable-track, 
    input[type="range"]::-moz-range-track {
        height: 1.5px;
    }

    .main-form .contenedor-form
    .modal-prestamo .box_transition_step 
    .container_step .btn_flex{
        display: flex;
        justify-content: flex-end;
        margin-right: -0.7rem;
        margin-top: 2.5rem;
    }

    
    .contenedor-form
    .modal-prestamo .box_transition_step 
    .container_step form 
    .btn_flex .btn_modal_outline,
    .container_step .btn_flex .btn_modal_outline{
        margin-right: 1.5rem;
        color:var(--main-greentype-color);
        padding: 10px 31px;
    }

    .container .box-left .text-boxleft{
        margin-top: 4rem;
    }

    main .section-banner .banner{
        padding-top: 0;
    }

    .main-form .contenedor-form
    .modal-prestamo .box_transition_step
    .paso04 .btn_flex{
        margin-right:1.4rem;
    }

    /*modal-ingresar*/

    .box_modal{
        width: 25%;
    }

    .box_modal .modal-prestamo .titulares {
        margin-top: 0.7rem;
    }

    .box_modal .modal-prestamo 
    form .datos {
        display: flex;
        flex-direction: column;
    }

    #modal-ingresar .modal-prestamo .datos .box-input {
        margin: auto;
    }

    #modal-ingresar .modal-prestamo .datos .box-input:first-child{
        margin-bottom: 1rem;
    }

    #modal-ingresar .modal-prestamo .datos{
        margin-top:1rem;
    }

    #modal-registro .modal-prestamo 
    .datos .box-input .label-modal,
    .box_modal .modal-prestamo 
    .datos .box-input .label-modal{
        font-size: 1rem;
    }

    #modal-registro .modal-prestamo .datos
    .box-input input[type=text]:not(.browser-default):focus:not([readonly]) + label,
    .box_modal .modal-prestamo .datos
    .box-input input[type=text]:not(.browser-default):focus:not([readonly]) + label{
        font-size: 1.1rem;
    }

    #modal-ingresar .modal-prestamo 
    .btn_modal .btn_modal_solid{
        font-size: 1.1rem;
    }

    #modal-ingresar .modal-prestamo 
    .btn_modal .btn_modal_solid{
        padding: 12px 26px;
        color:var(--main-background-color);
    }

    #modal-ingresar .modal-prestamo 
    .btn_modal .btn_modal_solid img{
        width: 1.2rem;
        margin-left: 1rem;
    }

    #modal-ingresar .box_modal 
    .modal-prestamo{
        margin-bottom:0px;
    }

    #modal-ingresar .modal-prestamo 
    .btn_modal .btn_modal_solid {
        margin-top: 0.6rem;
    }

    #modal-ingresar .modal-prestamo 
    form .recupero_contraseña{
        margin-top: 1.3rem;
    }

    #modal-ingresar .modal-prestamo{
        margin-bottom: 0.6rem;
    }

    .box_modal .modal-prestamo .titulares img {
        width: 3.2rem;
    }

    /*modal-registro*/

    #modal-registro .modal-prestamo 
    .titulares-registro{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
    }

    #modal-registro .modal-prestamo 
    .titulares-registro h4{
        text-align: left;
    }

    #modal-registro .modal-prestamo 
    .titulares img {
        width: 3.2rem;
        margin-right: 1rem;
    }

    .section-banner #modal-registro{
        width: 40%;
    }
    
    #modal-registro .modal-prestamo {
        padding-left: 43px;
        padding-right: 43px;
    }

    #modal-registro .modal-prestamo 
    .titulares img,
    #modal-registro .modal-prestamo 
    .titulares .title1{
        margin-bottom:0rem;
        line-height: 1.84rem;
    }

    .title-cuenta{        
        color: var(--main-text-color);
        text-align: left;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        margin-top: 4rem;
    }

    #modal-registro 
    .modal-prestamo .title-cuenta{
        font-size: 1.5rem;
    }

    .box_transition_step 
    .container_step
    .title-cuenta{
        font-size: 1.3rem;
    }

    #modal-registro 
    .modal-prestamo form .email-tel{
        display:flex;
        flex-direction: row;
    }

    form .datos .correo-margin{
        margin-right: 2rem;
    }

    form .datos .telefono-margin{
        margin-right:0;
    }

    #modal-registro .modal-prestamo 
    form .password, 
    .modal-prestamo 
    .box_transition_step .container_step 
    form .password{
        flex-direction: row;
        align-items: flex-end;
        margin-right:1rem;
    } 

    #modal-registro .modal-prestamo
    form .repetir-contraseña,
    .modal-prestamo 
    .box_transition_step .container_step 
    form .repetir-contraseña{
        margin-right: 1rem;
    }

    .contenedor-form .modal-prestamo 
    .box_transition_step .container_step 
    form .repetir-contraseña{
        display: flex;
        justify-content: center;
        align-items: flex-end;
        margin-bottom: 4rem;
        height: 5rem;
    }

    form .password .correct_span,
    form .repetir-contraseña .correct_span,
    form .password .error_span,
    form .repetir-contraseña .error_span{
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 0.8rem;
        display: flex;
        align-items: center;
        padding-left: 1.8rem;
        margin-bottom:0.8rem;
    }

    form .password .correct_span,
    form .repetir-contraseña .correct_span{
        color:var(--main-greentype-color);
    }

    form .password .error_span,
    form .repetir-contraseña .error_span{
        color: #ff3131;
    }

    form .password .correct_span img,
    form .repetir-contraseña .correct_span img,
    form .password .error_span img,
    form .repetir-contraseña .error_span img{
        width: 0.8rem;
        margin-right: 0.43rem;
    }

    #modal-registro .modal-prestamo .titulares{
        margin-top: 2.5rem;
    }

    #modal-registro .modal-prestamo 
     form .btn_flex{
        justify-content: flex-end;
    }

    #modal-registro .modal-prestamo 
    form .btn_modal{
        margin-top:3rem;
    }

    #modal-registro .modal-prestamo 
    form .btn_modal 
    .btn_modal_outline,
    #modal-registro .modal-prestamo 
    form .btn_modal 
    .btn_modal_solid{
        padding:10px 34px;
    }

    form .btn_modal 
    .btn_modal_outline{
        margin-right: 2rem;
    }

    #modal-registro .modal-prestamo 
    form .btn_modal 
    .btn_modal_outline,
    #modal-registro .modal-prestamo 
    form .btn_modal 
    .btn_modal_solid{
        font-size: 1.1rem;
    }

    .contenedor-form .modal-prestamo 
    .box_transition_step 
    .margin-desktop form{
        padding: 0 23px;
        margin-top: 1.4rem;
    }
       
    .margin-desktop .title-cuenta{
        margin-left: 0.7rem;
    }

    .container_step .titulares
    .title1 .subtitle1{
        font-size: 1.48rem;
    }

    .contenedor-form .modal-prestamo 
    .box_transition_step 
    .margin-desktop
    .width-registro-desktop{
        width: 63%;
        margin-top: 3.2rem;
    }



    /* Pantalla: cuando el usuario debe mandar mail por un error */
    
    .main-form .contenedor-form .modal-prestamo
    .box_transition_step #containerContactese 
    .marginBox_problema{
        width: 77%;
    }

    .box_transition_step .container_step
    .form_contactese .datos{
        margin: 4px 12px;

    }

    .form_contactese .boxMensaje{
        
        align-items: start;
        flex-direction: column;
    }

    .form_contactese .boxMensaje .box-input 
    textarea.materialize-textarea{
        border-bottom: 1px solid #d1d1d1;
    }

   
    .form_contactese .boxMensaje .box-input 
    textarea.materialize-textarea:focus:not([readonly]) + label{
        color: var(--main-greentype-color);
    }

    .boxMensaje .box-input{
        height: 4rem;
    }

    .form_contactese .boxMensaje .box-input 
    label{
        color: var(--main-text-color);
        font-weight: 700;
    }


    .form_contactese .boxMensaje::-moz-scrollbars-vertical{
        overflow-y: auto;
    }
      
    .form_contactese .boxMensaje .box-input
    textarea.materialize-textarea:focus:not([readonly]){
        border-bottom: 1px solid var(--main-greentype-color);
        box-shadow: none;
    }

    .container_step .form_contactese .btn_modal{
        display:flex;
        flex-direction: row;
        align-items: center;
        margin-right: 0.8rem;
    }

    .container_step .form_contactese .btn_modal
    .btn_modal_outline,
    .container_step .form_contactese .btn_modal
    .btn_modal_solid{
        margin-top:0;
    }

    .container_step .form_contactese 
    .envio_mensaje{
        margin-right: 0.94rem;
    }

    .container_step .form_contactese 
    .envio_mensaje .leyenda_exito{
        color: var(--main-greentype-color);
        font-size: 0.8rem;
        margin-top: 0;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-end;
    }

    #containerContactese .btn_flex{
        margin-right: 0.94rem;
        margin-top: 0;
    }

    .container_step .form_contactese 
    .envio_mensaje .leyenda_exito img{
        width: 0.87rem;
        height: 0.87rem;
        margin-right: 0.3rem;
    }

    
    /* Pantalla: cuando el usuario es existente */
    
    #clienteExistente
    .titulares .title1{
        font-size:1.8rem;
        line-height: 1.74rem;
    }

    #clienteExistente .informacion_box{
        font-size: 1.2rem;
        margin: 2rem 1.8rem;
        height: 20.5rem;
    }

    #clienteExistente .titulares{
        justify-content: center;
    }


    .titulares .box_img_clienteExistente{
        width: 17%;
        margin-right: 0.7rem;
        margin-top: 0.8rem;
    }

    .titulares .box_img_clienteExistente img{
        width: 100%;
        margin-right: 0.6rem;
    }

    #clienteExistente .btn_modal{
        display: flex;
        justify-content: flex-end;
        margin-right: 1.6rem;
    }

    .informacion_box .span_bold{
        font-weight: 700;
        color: var(--main-text-color);
        margin-bottom: 0.7rem;
    }

    .informacion_box .span_bold_green{
        margin-top: 1rem;
    }

    /* Pantalla: error, mensaje desde el servidor */
    #errorMensaje .titulares{
        width: 39%;
        justify-content: center;
        margin-top: 1.6rem;
    }

    #errorMensaje .titulares img{
        width: 20%;
        margin-right:0.5rem;
    }

    #errorMensaje .titulares .title1{
        color: #ff0000;
        font-size: 1.9rem;
    }

    #errorMensaje .informacion_box{
        margin-top: 1.2rem;
    }

    #errorMensaje .informacion_box 
    .mensaje_servidor{
        color: var(--main-text-color);
        text-align: center;
    }

    #errorMensaje .btn_modal{
        justify-content: center !important;
        display: flex !important;
        margin-top: 3rem;
    }


    /*inputs validaciones*/
    /* .invalido, .msje-servidor{
        text-align: left;
        color:red;
        font-size: 0.8rem;
        margin:0;
    }

    .msje-servidor{
        font-size: 1rem;
        text-align: center;
    }
    
    .invalido img, .msje-servidor img{
        width: 12px;
        margin: 0rem 0.3rem -0.1rem 0rem;
    }

   
    .empleador-margin .invalido img{
        margin-top:0.8rem;
    }

    .box_validacion, .box_msjeServidor{
        height:1rem;
    } */

    

    /*boton-preloader*/
    /* .preloader-wrapper.small {
        width: 16px;
        height: 16px;
    }
    
    .spinner-green, .spinner-green-only{
        border-color: white;
    } */


    /*Error general*/
    .error-general{
        color:#ff3131;
        font-size: 1.2rem;
        font-family: 'Source Sans Pro', sans-serif;
        display: flex;
        align-items: center;
    }

    .error-general img{
        width: 24px;
        margin-right: 8px;
    }


    /*cuenta Creada*/
    .box_transition_step
    .cuentaCreada .titulares{
        flex-direction: column;
        width: 78%;
        margin-top:0rem;
    }

    .box_transition_step
    .cuentaCreada{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .box_transition_step
    .cuentaCreada .titulares h4{
        text-align: center;
        font-size: 1.2rem;
        margin-top: 0.4rem;
    }

    .box_transition_step
    .cuentaCreada .titulares span{
        font-size: 1.37rem;
        margin-bottom: 0rem;
        margin-top:1rem;
    }

    .cuentaCreada .btn_modal{
        justify-content: center !important;
    }

    /*cuenta Creada Error*/
    .box_transition_step
    .cuentaCreada .titulares .span_bold_red{
        color: #ff3131;
        font-weight: 700;
    }



    /*mensaje del servidor, ingresar modal*/
    /* .msje-servidor img{
        width: 14px;
    }
    
    .msje-servidor{
        text-align: center;
        font-size: 1.1rem;
        font-weight: 600;
    }
    .box_msjeServidor{
        margin: 1rem 0rem;
    } */
    
}

@media only screen and (min-width:1920px){

    .box-right .form-div .main-form {
        width: 556px;
        height: 639px;
    }
  
    main .section-banner #modal-registro {
        width: 20%;
    }

    .box_modal {
        width: 15%;
    }

    .modal-prestamo .container_step form .box-fila3 .documento-margin{
        padding-left: 7px;
        padding-right: 0px;
    }
  
    .modal-prestamo .container_step form .box-fila3
    .documento-margin .box-input{
        width: 90%;
    }

    .modal-prestamo .container_step form .box-fila3 .box_select{
        padding-left: 1.2rem;
    }

    .modal-prestamo .container_step form .box-fila4{
        padding-left: 1.3rem;
    }

    .box_transition_step .container_step .titulares .title1 {
        font-size: 1.87rem;
    }

    .box_transition_step .container_step .titulares img {
        width: 16%;
    }

    .modal-prestamo .box_transition_step 
    .container_step .titulares {
        width: 70%;
        margin-top: 2rem;
    }

    .modal-prestamo .box_transition_step 
    .container_step .margin-titulares {
        width: 76%;
    }
  
    .box_transition_step .container_step form .datos .box-input 
    .label-modal, .box_transition_step .container_step form .datos .box-input 
    input[type=text]:not(.browser-default):focus:not([readonly]) + label,
    .modal-prestamo .box_transition_step .container_step form .box-fila2 .checkbutton h5{
        font-size: 1rem;        
    }

    .modal-prestamo form .box-fila3 
    .box_select .select-area .select-wrapper 
    input.select-dropdown,
    .modal-prestamo form .box-fila4 
    .box_select .select-area .select-wrapper 
    input.select-dropdown,
    .modal-prestamo form .box_select 
    .select-area .select-wrapper input.select-dropdown{
        font-size: 1rem;
    }

    .main-form .contenedor-form .modal-prestamo 
    .box_transition_step .container_step form{
        margin-top: 1.5rem;
    }

    .modal-prestamo form .box-fila1-paso2 .box_select 
    .select-area .select-wrapper input.select-dropdown{
        font-size: 1rem;
    }

    .contenedor-form .modal-prestamo .container_step 
    form .box_cuotas h5{
        font-size: 1rem;
        margin-top: 2.5rem;
    }

    .contenedor-form .modal-prestamo .container_step 
    form .box_cuotas
    .slide_range{
        width: 80%;
        margin: auto;
    }

    /*pantalla: cliente debe mandar un correo*/
    #containerContactese .titulares .title1{
        font-size: 1.5rem;
    }

    .box_transition_step .container_step 
    .form_contactese .datos:nth-child(2) {
        margin: 10px 18px;
    }

    
}