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

.ventana_login form{
background-color: #001e26;
}

.ventana_login label{
color: #f5f5f5;
font-weight: bold;
}

.ventana_login input{
background-color: transparent;
border: solid 1px #00e1685c;
border-radius: 0;
color: #00e168;
}

.ventana_login input:focus{
background-color: #00e168;
border-color: #00e168;
color: #001e26;
}

.ventana_login .recordar a{
color: white;    
}

.ventana_login .recordar a{
color: #00e168;
text-decoration: underline !important;
}

.ventana_login .recordar a:hover{
color: white;
}

.ventana_login button,
.ventana_login .aceptar_boton{
background-color: #00e168;
color: #001e26;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.1rem;
webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border: none;
}

.ventana_login button:hover,
.ventana_login .aceptar_boton:hover{
opacity: 0.7;    
}

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

.ventana_login .recordar{
margin-bottom: 1.9rem;
}

.ventana_login .nuevo p{
color: #f5f5f5;
}

.ventana_login .nuevo a{
color: #00e168;
text-decoration: underline !important;
font-weight: bold;
}

.ventana_login .nuevo a:hover{
color: white !important;
}

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

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

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

.menu_panel_usuario ul {
text-align: center;
}

.menu_panel_usuario{
background-color: #00e168;
}

.menu_panel_usuario li a{
color: #324a364d;
font-weight: bold;
}

.menu_panel_usuario li:last-child a{
color: white;    
}

.menu_panel_usuario li a:hover,
.menu_panel_usuario li.active a{
color: #001e26;
}

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

.contenedor_datos_usuario >div {
background-color: #001e26;
color: #f5f5f5;
height: 100%;
}

.contenedor_datos_usuario h4,
.contenedor_datos_usuario .titulo,
.ventana_login .titulo{
font-weight: 500;
color: #00e168;
}

.ventana_login p{
color: #001e26;
}

.contenedor_datos_usuario p{
margin-bottom: -0.1rem;
}

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

.contenedor_datos_usuario .enlaces a{
margin-right: 2px;
padding: 5px 12px;
font-size: 0.85rem;    
}

.contenedor_datos_usuario .enlaces .boton_1{
background-color: #00e168;
color: #001e26;
font-weight: 600;
}

.contenedor_datos_usuario .enlaces .boton_1:hover{
color: #001e2657;
}

.contenedor_datos_usuario .enlaces .boton_2{
background-color: #20344a;
font-weight: bold;
color: #00e168;
}

.contenedor_datos_usuario .enlaces .boton_2:hover{
color: #76fffe6e;
}

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

.contenedor_datos_usuario .enlaces .boton_3{
color: #001e26;
border: #00e168 solid 2px;
font-weight: bold;
background-color: #00e168;
}

.contenedor_datos_usuario .enlaces .boton_3:hover{
background-color: #001e26;
color: #00e168; 
}

.contenedor_datos_usuario .table a{
color: #00e168;
text-decoration: underline !important;
font-weight: bold;
}

.contenedor_datos_usuario .table a:hover{
color: white;    
}

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

.andir_direccion a{
color: #001e26;
text-decoration: underline !important;
text-decoration-color: #00e168 !important;
font-weight: bold;
}

.andir_direccion a:hover{
color: #00e168;    
}

@media (max-width: 575.98px){
    

    
}