/* GENERALES */
    * {
        padding: 0px;
        margin: 0px;
        font-size: 18px;
    }

    body{
        font-family: 'Aneba Neue';
        width: auto;
        height: auto;
        background-color:#050B10;
    }

/* PRINCIPALES */
    h1{
        margin-top: 15px;
        color:rgb(0, 176, 240);
        font-weight: bold;
        font-family: 'Old Standard TT', serif;
    }
    h2{
        color: black;
        font-weight: bold;
        font-family: 'Cinzel', serif;
    }
    h4{
        font-family: 'Old Standard TT', serif;
        color:white;
    }
    p{
        color:white;
    }
    a{
        text-decoration: none !important;
     }

    .fondo_tabla{
        background-color: #C8C8D8;
    }
    .fondo_busqueda{
        background-color: #C8C8D8;
        height:10rem;
    }
    thead{
        font-weight: bold;
        font-size: 1.8rem;
    }
    tbody{
        font-size: 1.2rem;
    }

/* BOTON LOGIN */
    .boton_login{
        border-color:#27B0F0;
        border-radius: 8px;
    }
    .img_boton_login{
        float: right;
    }
    .form {
        background: rgb(134, 152, 155);
        border-radius: 10px;
        color: black;
    }
    .form a {
        color: black;
    } 

/* MENU PRINCIPAL COLOR TEXTO */
    .navbar{
        padding: 0 !important;
    }
    .menu-principal nav li{
        font-family: 'Cinzel', serif;
    }
    div.menu-principal #navbarDropdown{
        color:black;
    }
    div.dropdown-menu .dropdown-item:hover{
        transition: all .8s ease;
        border-radius:10px; 
        background-color: black;
        color:white;
    }
    a.nav-link:hover{
        transition-duration: 3s;
        background-color: #3CBDFB;
    }
    .menu:hover{
        transition-duration: 3s;
        background-color: #3CBDFB;
    }

/* FORMULARIO */
    form{
        color:black;
        font-weight: bold;
    }
    .formulario_app{
        border:rgb(0, 176, 240) 2px solid;
        background-color:#485E69;
        font-family: 'Aneba Neue';
        padding-top: 0.1rem;
    }
    /* .margin_top{
        margin-top: 2rem;
    }  */
    .instrucciones_formulario_solicitud{
        text-align: left;
        color: black;
        font-weight: bold;
        font-family: 'Cinzel', serif;
        margin-top: 1rem;
    }
    .campo_requerido{
        color: white;
    }
    .seccion_puntos_formulario{
        color:rgb(0, 176, 240);
        font-size: 1rem;
    }
    .caracteres{
        color:white;
        font-family: 'Old Standard TT', serif;
    }
    .seccion_puntos_formulario{
        color:rgb(0, 176, 240);
        font-size: 1rem;
    }
    .option{
        font-size: 1.1rem;;
    }
    .botones_formularios{
        width: 5rem;
        height: 2rem;
        margin-top: 1rem;
    }
    .custom-checkbox {
        width: 100%;
        background: white;
        padding-left: 30px;
    }
    .custom-checkbox label::after {
        padding: 7px;
        top: 10px;
    }
    .custom-checkbox label::before {
        background: rgb(80, 107, 194);
        padding: 7px;
        top: 10px;
    }
    .custom-checkbox label:hover {
        cursor: pointer;
    }
    .boton{
        font-size: 13px !important;
        margin-right: 10px;
    }
    .termino:hover{
        color: white;
    }

    .titulo {
        background: rgb(200, 200, 216);
    }

.informacion-usuario{
    margin-top: -12rem;
    padding-top: -50px;
    color:white;
    background: transparent;
    text-align: center;
}

/* VISTA TERMINO Y CONDICIONES */
.titulo_documento{
    color: #BAEA29;
}
.texto_documento{
    color:white;
}

.select, .input{
    font-size: 13px !important;
}

/* FOOTER */
    .text_footer{
        color: #BEC5CA;
    }
    .text_footer a{
        color: #BEC5CA;
    }
    .text_footer a:hover{
        color: white;
    }


#imagen_carga{
    width: 280px;
    height: 150px;
    font-size: 50px;
    position: fixed;
    top: 40%;
    left: 40%;
    margin: 0px;
    z-index: 99;
    display: none;
}
.spinner-border{
    width: 20rem;
    height: 20rem;
    color: #27B0F0;
}
textarea {
    overflow-y: scroll;
    height: 100px;
    resize: none; /* Remove this if you want the user to resize the textarea */
}

/*--------------------------------------- MEDIA QUERY NUEVOS ---------------------------------------------- */

/* desde 1450 px en adelante */
@media(min-width: 1450px){
    .dom{
        margin-top: 3rem;
        /* width: 1200px; */
        width: 97%;
        /*height: 802.31px;*/
    }
    .dom_flayer{
        width: 1200px;
        height: 378.9px;
    }

    /* BOTON LOGIN */
    .boton_login{
        font-size: 1.1rem!important;
    }
    .img_boton_login{
        margin-top: 1.5rem;
        width: 70px; 
        height: 36px;
    }
    .form {
        /* width: 20%; */
        width: 16%;
        padding: 30px;
    } 
/* PRINCIPALES */
    h1{
        font-size: 2.5rem;
    }
    h2{
        font-size: 2rem;
    }
    h4{ 
        font-size: 1.3rem;
    }
    p{
        font-size: 1.6rem;
        color:white;
    }

/* TABLA */
    thead{
        font-weight: bold;
        font-size: 1.8rem;
    }
    tbody{
        font-size: 1.2rem;
    }

/* MENU PRINCIPAL */
    .menu-principal nav li{
        font-size: 1.3rem;
        margin: 0 10px;
    }
    a.nav-link{
        font-size: 1rem;
        margin: 0 15px;
        font-weight: bolder;
    }
    /* SUB-MENU */
    div.dropdown-menu{
        font-size: 1.5rem;
        border-radius:10px; 
    }

.informacion-usuario{
    font-size: 1.7rem;
}

/* FORMULARIO */
    .formulario_app{
        width: 1200px;
    }
    .instrucciones_formulario_solicitud{
        font-size: 1.3rem;
    }
    .label_formulario{
        font-size: 0.813rem;
    }
    .label_formulario_solicitud{
        font-size: 1.2rem;
    }
    .caracteres{
        font-size: 0.813rem !important;
    }
    .boton_fomulario{
        font-size: 13px;
        margin-right: 10px;
    }

/* FOOTER */
    .text_footer{
        color: #BEC5CA;
        font-size: 0.7rem
    }
    .text_footer a{
        color: #BEC5CA;
        font-size: 0.7rem
    }

/* TEXTO DOCUMENTOS (POLITICA,TERMINOS) */
    .texto_documento{
        font-size: 1.3rem;
    }

}

/* hasta 1200 px en adelante */
@media(max-width: 1440px){
    .dom{
        margin-top: 3rem;
        /*width: 1200px;*/
        width:95%;
        /*height: 535px;*/
        /*height: 586.056px;*/
    }
    .dom_flayer{
        width: 1200px;
        height: 378.9px;
    }

    /* BOTON LOGIN */
        .boton_login{
            font-size: 1.1rem!important;
        }
        .img_boton_login{
            margin-top: 1.5rem;
            width: 70px; 
            height: 36px;
        }
        .form {
            width: 22%;
            padding: 30px;
        } 
    /* PRINCIPALES */
        h1{
            font-size: 2.5rem;
        }
        h2{
            font-size: 2rem;
        }
        h4{ 
            font-size: 1.3rem;
        }
        p{
            font-size: 1.6rem;
            color:white;
        }

    /* TABLA */
        thead{
            font-weight: bold;
            font-size: 1.8rem;
        }
        tbody{
            font-size: 1.2rem;
        }

    /* MENU PRINCIPAL */
        .menu-principal nav li{
            font-size: 1.3rem;
            margin: 0 10px;
        }
        a.nav-link{
            font-size: 1rem;
            margin: 0 15px;
            font-weight: bolder;
        }
        /* SUB-MENU */
        div.dropdown-menu{
            font-size: 1.5rem;
            border-radius:10px; 
        }

    .informacion-usuario{
        font-size: 1.7rem;
    }

    /* FORMULARIO */
        .formulario_app{
            width: 1200px;
        }
        .instrucciones_formulario_solicitud{
            font-size: 1.3rem;
        }
        .label_formulario{
            font-size: 0.813rem;
        }
        .label_formulario_solicitud{
            font-size: 1.2rem;
        }
        .caracteres{
            font-size: 0.813rem !important;
        }
        .boton_fomulario{
            font-size: 13px;
            margin-right: 10px;
        }

    /* FOOTER */
        .text_footer{
            color: #BEC5CA;
            font-size: 0.7rem
        }
        .text_footer a{
            color: #BEC5CA;
            font-size: 0.7rem
        }

    /* TEXTO DOCUMENTOS (POLITICA,TERMINOS) */
        .texto_documento{
            font-size: 1.3rem;
        }
}

/* hasta 1199px */
@media(max-width:1199px){
    .dom{
        margin-top: 3rem;
        /*width: 800px;*/
        width:93%;
        /*height: 350px;*/
        /*height: 404.7px;*/
    }
    .dom_flayer{
        width: 1200px;
        height: 378.9px;
    }

    h1{
        font-size: 2.5rem;
    }

    /* BOTON LOGIN */
        .boton_login{
            font-size: 1.1rem!important;
        }
        .img_boton_login{
            margin-top: 1.5rem;
            width: 70px; 
            height: 36px;
        }
        .form {
            width: 27%;
            /*padding: 30px;*/
            padding: 25px;
        } 

    /* MENU PRINCIPAL  */
        .menu-principal nav li{
            font-size: 1.3rem;
            margin: 0 10px;
        }

    .informacion-usuario{
        font-size: 1.2rem;
    }

    /* FOOTER */
        .text_footer{
            font-size: 0.7rem
        }
        .text_footer a{
            font-size: 0.7rem
        }

        /* TEXTO DOCUMENTOS (POLITICA,TERMINOS) */
        .texto_documento{
            font-size: 1rem;
        }
}

@media(max-width:768px){
    .dom{
         margin-top: 3rem;
        /* margin-left: 3rem; */
        /*width: 500px;*/
        width:93%;
        /*height: 250px;*/
        /*height: 299.61px;*/
    }
    .dom_flayer{
        width: 500px;
        height: 208.5px;
    }

    h1{
        font-size: 2.5rem;
    }
    h2{
        font-size: 1.3rem;
    }
    h4{ 
        font-size: 1.2rem;
    }

    /* BOTON LOGIN */
        .boton_login{
            font-size: 1.1rem !important;
        }
        .img_boton_login{
            margin-top: 1.5rem;
            width: 70px !important; 
            height: 36px !important;
        }

    /* FORMULARIO */
        .formulario_app{
            width: 80%;
        }
        .informacion-usuario{
            font-size: 1rem !important;
        }
        .label_formulario_solicitud{
            font-size: 1.1rem;
        }
        .instrucciones_formulario_solicitud{
            font-size: 1.3rem;
        }
        .caracteres{
            font-size: .8rem !important;
        }
        .boton_fomulario{
            font-size: 13px;
            margin-right: 10px;
        }
        .form{
            width: 35%;
            padding: 24px;
        }

         /* TEXTO DOCUMENTOS (POLITICA,TERMINOS) */
         .texto_documento{
            font-size: 1rem;
        }

}

/* dispositivos peque単os hasta 425px */
@media(max-width:425px){
    .dom{
        margin-top: 2rem;
        /*width: 300px;*/
        width:93%;
        /*height: 150px;*/
        /*height: 160.446px;*/
    }
    .dom_flayer{
        width: 300px !important;
        height: 108px !important;
    }

    h1{
        font-size: 1.5rem;
    }
    h2{
        font-size: 1rem;
    }
    h4{ 
        font-size: 1rem;
    }

    /* BOTON LOGIN */
        .boton_login{
            font-size: .4rem!important;
        }
        .img_boton_login{
            margin-top: 1.5rem;
            width: 40px !important; 
            height: 20px !important;
        }
        .form {
            width: 60%;
            /*padding: 30px;*/
            padding: 20px;
        } 

    
    /* FORMULARIO */
        .formulario_app{
            width: 80%;
        }
        .informacion-usuario{
            font-size: .8rem !important;
        }
        .instrucciones_formulario_solicitud{
            font-size: 1rem;
        }
        .label_formulario_solicitud{
            font-size: .9rem;
        }
        .boton_fomulario{
            font-size: 13px;
            margin-right: 10px;
        }

    /* FOOTER */
        .text_footer{
            font-size: .3rem
        }
        .text_footer a{
            font-size: .3rem
        }

    /* TEXTO DOCUMENTOS (POLITICA,TERMINOS) */
        .texto_documento{
            font-size: 1rem;
        }

}

/* desde 0px a 375px */
@media(max-width:375px){
    .dom{
        margin-top: 2rem;
        /*width: 300px;*/
        width:93%;
        /*height: 150px;*/
        /*height: 140.85px;*/
    }
    .dom_flayer{
        width: 300px !important;
        height: 108px !important;
    }

    h1{
        font-size: 1.5rem !important;
    }
    h4{ 
        font-size: 1rem;
    }
    p{
        font-size: 1rem;
    }

    /* BOTON LOGIN */
        .boton_login{
            font-size: .4rem!important;
        }
        .img_boton_login{
            /* margin-right: 1.5rem; */
            margin-top: 1.5rem;
            width: 40px !important; 
            height: 20px !important;
        }
        /* FORMULARIO LOGIN */
        /*#login{
            width: 14rem;
        }*/
        
         .form {
            /* width: 55%; */
            width: 65%;
            /* padding: 20px; */
            padding: 10px;
        }
        
    
    /* FORMULARIO */
        .formulario_app{
            width: 80%;
        }
        .instrucciones_formulario_solicitud{
            font-size: 1rem;
        }
        .label_formulario{
            font-size: 0.813rem;
        }
        .caracteres{        
            font-size: .5rem !important;
        }
        .boton_fomulario{
            font-size: 13px;
            margin-right: 10px;
        }
        .informacion-usuario{
            font-size: .8rem !important;
        }

    
    /* MENU PRINCIPAL */
        .menu-principal nav li{
            font-family: 'Cinzel', serif;
            font-size: 1rem;
            margin: 0 10px;
        }
        a.nav-link{
            font-size: .8rem !important;
            margin: 0 15px;
            font-weight: bolder;
        }
        div.dropdown-menu{
            font-size: 1.5rem;
            border-radius:10px; 
        }

    /* FOOTER */
        .text_footer{
            font-size: .3rem
        }
        .text_footer a{
            font-size: .3rem
        }

         /* TEXTO DOCUMENTOS (POLITICA,TERMINOS) */
         .texto_documento{
            font-size: 1rem;
        }

}