/*======================================================
VENTANA LOGIN
======================================================*/

.ventana_login >form,
.ventana_login >div{
background-color: #0a0b0b;
padding: 36px 31px;
max-width: 650px;
color: white;
margin: 0 auto;
}


.ventana_login label{
font-weight: bold;
}

.ventana_login .form-group{
margin-bottom: 1.1rem;
}

.ventana_login .recordar{
margin-top: -0.5rem;
margin-bottom: 1.9rem;
font-size: 0.9rem;
}

.ventana_login .recordar a{
text-decoration: underline !important;
font-size: 13px;
color: #a8a8a8;
}

.ventana_login .recordar a:hover{
color: #fd6500;
}


.ventana_login .nuevo a{
text-decoration: underline !important;
font-weight: 500;
font-size: 13px;
color: black;
} 

.ventana_login .nuevo a:hover{
opacity: 0.5;
}

.ventana_login button,
.ventana_login .aceptar_boton{
width: 100%;
padding: 0.6rem 1rem;
font-weight: 500;
/* font-size: 12px; */
border: none;
background-color: #fd6500;
color: #0a0b0b;
font-family: "Oswald", sans-serif;
font-size: 17px;
text-transform: uppercase;
}

.ventana_login button:hover,
.ventana_login .aceptar_boton:hover{
background-color: #747474;
}


.ventana_login label {
color: #ffffff;
font-size: 1rem;
margin-bottom: 7px;
font-family: "Oswald", sans-serif;
}

.ventana_login label img{
max-height: 21px;
margin-left: 4px;
margin-top: -3px;
margin-bottom: 1px;
}

.ventana_login .nuevo{
font-size: 0.8rem;
margin-top: 2rem;
}

.ventana_login .nuevo p{
margin-bottom: 0;
color: #ffffff;
font-size: 14px;
}

.ventana_login .nuevo p a{
color: #fd6500;
}

.ventana_login .checkbox label{
font-weight: 300;
font-size: 0.85rem;  
margin-bottom: 1rem;   
font-family: "Urbanist", sans-serif; 
}

.ventana_login .checkbox label a{
font-weight: 500;
color: #969696;
}

.ventana_login .checkbox label a:hover{
text-decoration: underline !important;
}


#condlegal{
color: #bfbfbf;
margin-bottom: 21px;
font-size: 0.6rem;
}

.ventana_login #condlegal p{
font-size: 0.7rem;
color: #15362d;
text-align: justify;
margin-bottom: 2rem;
}

.ventana_login .campos_obligatorios{
color: #afafaf;
font-size: 0.9rem;
font-style: italic;
}


.titulocajagris{
font-weight: bold;
margin-bottom: 1.5rem;
font-size: 21px;
text-transform: uppercase;
}
    
@media (max-width: 575.98px){  
    
    .ventana_login{
    /*padding: 0px;*/    
    }

    
    
    .ventana_login form, 
    .ventana_login >div{
    padding: 23px 15px;
    }


    .titulocajagris {
    margin-bottom: 1rem;
    font-size: 17px;
    }
    
    .ventana_login .nuevo {
    margin-top: 2rem;
    }
    
    .ventana_login label {
    font-size: 0.9rem;
    }

    .ventana_login .recordar {
    margin-bottom: 22px;
    }

    .ventana_login .recordar a {
    font-size: 12px;
    }

    .ventana_login button, .ventana_login .aceptar_boton {
    font-size: 14px;
    }

    .ventana_login .nuevo p {
    font-size: 11px;
    }

    .ventana_login .nuevo a {
    font-weight: 600;
    font-size: 11px;
    }
    
}

/*======================================================
MENÚ PANEL USUARIO
======================================================*/

.menu_panel_usuario{
text-align: center;
margin: 0;
padding: 16px;
background-color: #fd6500;
}

.itemsidebaruser{
display: flex;
justify-content: center;
gap: 9px;
}

.itemsidebaruser a{
background-color: transparent;
border-radius: 21px;
padding: 5px 14px;
text-decoration: none;
border: solid 2px #000000;
font-size: 11px;
font-weight: 700;
color: #000000;
}


.itemsidebaruser a:hover{
background-color: black;
color: white;
border-color: black;
}

.itemsidebaruser .active a{
background-color: black;
color: white;
border-color: black;
}

.itemsidebaruser .active a:hover{
background-color: black;
color: white;
border-color: black;
}

.itemsidebaruser  a.salida{
background-color: #ffffff;
border-color: #ffffff;
color: #fd6500;
}

@media (max-width: 575.98px){  

    .menu_panel_usuario {
    padding: 11px;
    padding-bottom: 7px;
    }

    .itemsidebaruser{
    display: inline-block;
    }

    .itemsidebaruser >div {
    display: inline-block;
    margin-bottom: 4px;
    }

    .itemsidebaruser a {
    display: block;
    max-width: max-content;
    font-size: 10px;
    padding: 6px 9px 5px 9px;
    }

}


/*======================================================
PANEL USUARIO
======================================================*/

.contenedor_datos_usuario{
margin-bottom: 30px;
}

.contenedor_datos_usuario >div {
padding: 2rem 1.8rem;
}

.andir_direccion{
margin-bottom: 30px;
}

.andir_direccion >div{
text-align: center;
height: 100%;
}

.andir_direccion a{
width: fit-content;
margin: 0 auto;
padding: 0.3rem 0.5rem;    
}

.contenedor_datos_usuario .enlaces .boton_3{
display: inline-block;
text-align: center;
margin-bottom: -0.8rem;
margin-top: 1rem;
}

/*======================================================
PANEL USUARIO
======================================================*/
.contenedor_datos_usuario > div {
background-color: #0a0b0b;
color: #ececec;
height: 100%;
}

.contenedor_datos_usuario h4,
.contenedor_datos_usuario .titulo{
font-weight: 800;
color: #fd6500;
font-size: 16px;
border-bottom: solid 1px #ffffff21;
padding-bottom: 5px;
font-family: "Oswald", sans-serif;
}

.contenedor_datos_usuario p {
margin-bottom: -0.1rem;
font-size: 13px;
line-height: 27px;
}

.contenedor_datos_usuario .enlaces {
    margin-top: 1.5rem;
}

.contenedor_datos_usuario .enlaces a {
margin-right: 2px;
padding: 6px 12px;
font-size: 13px;
letter-spacing: 0px;
}

.contenedor_datos_usuario .enlaces .boton_1,
.contenedor_datos_usuario .enlaces .boton_3 {
background-color: #fd6500;
color: #0a0b0b;
text-decoration: none;
font-weight: 600;
font-weight: bold;
}

.contenedor_datos_usuario .enlaces .boton_1:hover {
background-color: grey;
}

.contenedor_datos_usuario .enlaces .boton_3 {
    background-color: #52c765;
}

.contenedor_datos_usuario .enlaces .boton_3:hover {
    background-color: #3d9c4c;
color: white;
}

.contenedor_datos_usuario .enlaces .boton_2 {
background-color: #ffffff;
font-weight: 600;
color: #0a0b0b;
text-decoration: none;
}

.contenedor_datos_usuario .enlaces .boton_2:hover {
background-color: grey;
}

.contenedor_datos_usuario .table td,
.contenedor_datos_usuario .table th {
border-top: 1px solid #3d3c3c;
border-bottom: none;
color: #ffffff;
}

.contenedor_datos_usuario  .table>:not(caption)>*>*{
border-bottom-width: 0px;
}

.contenedor_datos_usuario .table a {
color: white;
text-decoration: none !important;
font-weight: bold;
}

.contenedor_datos_usuario .table a:hover {

}

.andir_direccion > div {
border: solid 2px #404040;
}

.andir_direccion a {
color: #ffffff;
text-decoration: underline !important;

font-weight: bold;
}

.andir_direccion a:hover {

}

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

@media (max-width: 575.98px){
 
    .contenedor_datos_usuario .enlaces a{
    display:block;
    margin-bottom: 5px;
        text-align: center;
    }
}