/************************* BLOCK ONE *************************/
.credit_application_form {
    background-color    : #efdfd0;
    display             : inline-block;
    font-family         : "Arial";
    left                : 0;
    padding-top         : 10vw;
    padding-bottom      : 10vw;
    position            : relative;
    top                 : 0vw;
    width               : 100%;
    z-index             : 0;
}
.credit_application_form .container{
    width : 70vw;
}  
.credit_application_form .second_column {
    padding-left    : 3vw;
}
.credit_application_form label {
    font-size   : 0.8vw;
}
.credit_application_form .border_radius {
    border-radius : 500px;
}
.form-group .form-control .icon_input {
    padding-left: 1vw;
}
.form-group .form-control-icon {
    position       : absolute;
    z-index        : 2;
    display        : block;
    width          : 2.375rem;
    height         : 2.375rem;
    line-height    : 2.375rem;
    text-align     : center;
    pointer-events : none;
    color          : rgb(20, 56, 96);
    left           : 20px;
}
.form-group .form-control-icon-select {
    position       : absolute;
    z-index        : 2;
    display        : block;
    width          : 2.375rem;
    height         : 2.375rem;
    line-height    : 2.375rem;
    text-align     : center;
    pointer-events : none;
    color          : rgb(20, 56, 96);
    left           : 21px;
}  
.input_border_left {
    border-bottom-left-radius: 500px!important;
    border-top-left-radius: 500px!important;
}
.input_border_right {
    border-bottom-right-radius: 500px!important;
    border-top-right-radius: 500px!important;
}      
.form-control {
    padding-left : 45px!important;
}
.select_picker_radius .bootstrap-select>.dropdown-toggle {
    border-top-right-radius     : 500px;
    border-bottom-right-radius  : 500px;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: 0px!important;
}
.input_group_select_picker {
    border: 1px solid #fff;  
}

.input_selectpicker .bootstrap-select>.dropdown-toggle {
    border-top-right-radius     : 500px;
    border-bottom-right-radius  : 500px;
}


.credit_application_form .invalid-feedback {
    font-size   : 95%;
}
.btn_submit {
    font-size       : 1.15rem;
    padding-left    : 8rem;
    padding-right   : 8rem;
}



.field-up {
    margin-top    : 1vw;
    margin-bottom : 1vw;
}
.alert-margin{
    display    : none;  
    text-align : justify;          
}
.span_mandatory {
    color: red;
}
.content-input input,
.content-select select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.content-select select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}   
/* Eliminamos la fecha que por defecto aparece en el desplegable */
.content-select select::-ms-expand {
    display: none;
}  
.content-select{
    /*max-width: 250px;*/
    position: relative;
}
    
.content-select select{
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 7px 10px;
    outline: 0; 
    border: 0;
    border-radius: 0;
    color: black;
    font-family: 'Arial';
    border-radius: 12px;
    position: relative;
    transition: all 0.25s ease;
    font-size: 0.7vw;
    border: 1px solid #ced4da
} 
/* 
Creamos la fecha que aparece a la izquierda del select.
Realmente este elemento es un cuadrado que sólo tienen
dos bordes con color y que giramos con transform: rotate(-45deg);
*/
.content-select i{
    position: absolute;
    right: 30px;
    top: calc(86% - 13px);
    width: 8px;
    height: 8px;
    display: block;
    border-left: 2px solid black;
    border-bottom: 2px solid black;
    transform: rotate(-45deg);/* Giramos el cuadrado */
    transition: all 0.25s ease;
    cursor: pointer;
}
.credit_application_form .input-area-text {
    border-radius   : 10px;
}
/*----------INPUT FILE----------*/
.credit_application_form .file-input-form {
    display : none!important;
    float   : right;
}
.credit_application_form .input-label:hover {
    background : #0c63a6;
    cursor     : pointer;
} 
.credit_application_form .fa {
    margin-right : 10px;
}
.credit_application_form .fas {
    margin-right : 10px;
}
.credit_application_form .fab {
    margin-right: 10px;
}
.credit_application_form .input-label {
    width          : 15vw;
    margin-top     : 10px;
    background     : #0a5186;
    color          : #fff;
    padding        :  10px;
    padding-left   : 25px;
    padding-right  : 25px;
    letter-spacing : 1.5px;    
}
/*------------------------------*/
.credit_application_form .campos_cod_telefono {
    border-top-left-radius    : 500px !important;
    border-bottom-left-radius : 500px !important;
    padding-left              : 10px !important;
}
.credit_application_form .campos_telefono {
    border-top-right-radius    : 500px !important;
    border-bottom-right-radius : 500px !important;
    padding-left               : 10px !important;
}
.ajax-form {
    max-width : 30%!important;
}

.credit_application_form h1 {
    color       : #0a202e;
    font-family : "Munistic";
    font-size   : 2vw;
    padding-top : 1.5vw;
}

.credit_application_form p {
    color           : #0a202e;
    font-size       : 1vw;
    padding-top     : 0.5vw;
    text-align      : justify;
    /* padding-right   : 5vw; */
    padding-left    : 0vw;
}
/* .credit_application_form hr { 
    border           : 0;
    height           : 2.5px;
    width            : 65vw;
    background-image : linear-gradient(to right, rgba(0, 0, 0, 0), rgba(180, 181, 186, 0.85), rgba(0, 0, 0, 0));
    margin-top       : 3vw;
    margin-bottom    : 1.5vw;
    margin-left      : -3vw;
}      */
.credit_application_form hr { 
    border           : 0;
    height           : 2.5px;
    width            : auto;
    background-image : linear-gradient(to right, rgba(20, 56, 96, 1), rgba(180, 181, 186, 1), rgba(20, 56, 96, 1));
    margin-top       : 1vw;
    margin-bottom    : 1.5vw;
    margin-left      : auto;
} 
.credit_application_form h2 {
    color       : #0a202e;
    font-family : "Munistic";
    font-size   : 2.25rem;
    padding-top : 1.5vw;
}



.credit_application_form .btn-primary {
    background: rgb(20, 56, 96);    
    border-color: rgb(20, 56, 96);    
}
.credit_application_form .buttom-row {
    margin-top : 2vw;
}
.credit_application_form .btn-primary:hover {
    background   : #1a497f;    
    border-color : #1a497f;    
}
.credit_application_form .btn-primary:active {
    background   : #1a497f;    
    border-color : #1a497f;    
}
/* ::-webkit-input-placeholder {
    color: peachpuff;
    font-size: 0.7vw;
}
::-moz-placeholder {
    color: peachpuff;
    font-size: 0.7vw;
}
:-ms-input-placeholder {
    color: peachpuff;
    font-size: 0.7vw;
}
::placeholder {
    color: peachpuff;
    font-size: 0.7vw;
}   */
.credit_application_form .tipo_persona {
    background       : #0a5186;
    color            : white;
    border-radius    : 67px;
    text-align       : center;
    font-family      : 'Munistic';
    display          : flex;
    justify-content  : center;
    align-items      : center;
    text-decoration  : none;
    margin-top       : 2vw;
    top              : 0;
    left             : 0;
    right            : 0;
    bottom           : 0;
    margin           : auto;
}     
.credit_application_form .tipo_persona_size {
    font-size : 1vw;
    width     : 10vw;
    height    : 2vw;
}  
.credit_application_form .p_cr_corp {
    display: none;
}
.credit_application_form .file_juridic {
    display: none;
}        
    /* ****************************************************** */

   
    /* ****************************************************** */  
        @media(max-width: 1720px){
            .credit_application_form  label {
                font-size: 0.8vw;
            }
        }
        @media(max-width: 1320px){
            .credit_application_form  label {
                font-size: 0.8vw;
            }            
        }

        @media(max-width: 1024px) { 
            .credit_application_form .container {
                width: 83%;
            }            
            .credit_application_form  label {
                font-size: 1.2vw;
            }
            .credit_application_form p {
                font-size   : 1.5vw;
                padding-top : 1.5vw;
            }
            /* ::-webkit-input-placeholder {
              font-size: 0.95vw;
            }
            ::-moz-placeholder {
              font-size: 0.95vw;
            }
            :-ms-input-placeholder {
              font-size: 0.95vw;
            }
            ::placeholder {
              font-size: 0.95vw;
            }       */
            .content-select select{
                font-size: 0.95vw;
            } 
            .credit_application_form .tipo_persona_size {
                font-size: 1.5vw;
                width: 12vw;
                height: 2.2vw;
            }            
        }

        @media(max-width: 768px) and (max-height: 500px){
            .credit_application_form {
                padding-top    : 15vw;
                padding-bottom : 15vw;
            }
            .credit_application_form h1 {
                font-size   : 3vw;
                padding-top : 1.5vw;
            }
            .credit_application_form h2 {
                font-size   : 3.7vw;
                padding-top : 1.5vw;
            }
            .credit_application_form  label {
                font-size: 2vw;
            }            
            .credit_application_form .container{
                width : 90%;
            }    
            .credit_application_form p {
                font-size     : 1.75vw;
                padding-top   : 0vw;
                padding-right : 0vw;
                padding-left  : 0vw;
            }
            .credit_application_form hr {
                height : 0px;
            }
            .credit_application_form .ventajas_creditos ul {
                padding-left  : 1.75vw;
                text-indent   : -33px;
                font-size     : 1.6vw;
                padding-right : 0vw;
            }
            /* ::-webkit-input-placeholder {
              font-size: 1.5vw;
            }
            ::-moz-placeholder {
              font-size: 1.5vw;
            }
            :-ms-input-placeholder {
              font-size: 1.5vw;
            }
            ::placeholder {
              font-size: 1.5vw;
            /* }       */
            .content-select select{
                font-size: 1.5vw;
            }
            .credit_application_form .tipo_persona_size {
                font-size     : 3.5vw;
                width         : 23vw;
                height        : 4vw;
                margin-top    : 2vw;
                margin-bottom : 2vw;
            }            
        }
        @media(max-width: 575px){}
        @media(max-width: 500px){
            .credit_application_form h1 {
                font-size  : 5vw;
                text-align : center;
            }
            .credit_application_form p {
                font-size     : 4.2vw;
                padding-top   : 5vw;
                padding-right : 0vw;
            }            
            .credit_application_form {
                padding-top    : 30vw;
                padding-bottom : 30vw;
            }
            .credit_application_form  label {
                font-size : 3.5vw;
            }
            .bg-cpn-normal-2 {
                display : none;
            }            
            .bg-cpn-cel-2 {
                display : block;
            }  
            .credit_application_form h2 {
                font-size   : 5.7vw;
                padding-top : 5.5vw;
            }
            .credit_application_form .container{
                width : 80%;
            }             
            .credit_application_form hr {
                height        : 3.5px;
                width         : 75vw;
                margin-top    : 8vw;
                margin-bottom : 6vw;
                margin-left   : 0vw;
            }
            .credit_application_form .input-label {
                width : 75vw;
            }
            /* ::-webkit-input-placeholder {
              font-size: 2.5vw;
            }
            ::-moz-placeholder {
              font-size: 2.5vw;
            }
            :-ms-input-placeholder {
              font-size: 2.5vw;
            }
            ::placeholder {
              font-size: 2.5vw;
            }       */
            .content-select select{
                font-size: 2.5vw;
            }   
            .credit_application_form .tipo_persona_size {
                font-size: 4.5vw;
                width: 34vw;
                height: 8vw;
            }            
        }
/* ----------------------------------------------------------------------------------------------------- */