/* Panel lateral */
@media screen and (min-width: 1024px){
    /* APLICA PARA BARRA LATERAL Y FOOTER*/
:root {
    
    /* APLICA PARA BARRA LATERAL Y FOOTER*/
    --ColorFondoGeneral  :#FBFBFA;
        
    --ColorTextoGeneral  :#2e2e2e;
    --ColorTextoGeneral  :#424242;
    
    --ColorTextoGeneralMenu:#fff;
    
    --ColorFondoSubMenu :#D8D8D8;
    --ColorFondoSubMenu :#fff;
    
    --ColorLineaSeparadorSm :#FBFBFA;
    
    --ColorTextoPerfil   :#009fe3;
    
    --ColorTextoHoverMenu :#009fe3;  
    --ColorHoverMenu      :#61D0F6;
    
    --ColorMenuActivado     :#61D0F6;
    --ColorTextoGeneralMenu :#61D0F6;

    --ColorFondoCopy     :#2e2e2e;
    --ColorTextoCopy     :#E0ECF8;
    
    --ColorLineaSeparadorH :#D8D8D8; /* SEPARADOR HEADER */
    --ColorLineaSeparadorM :#D8D8D8; /* SEPARADOR MENU */
    
    --ColorLineaBordesSecciones :#D8D8D8; /* SEPARADOR HEADER */
    --ColorLineaBordesCampos :#F3F3F3; /* Color de linea de campos de texto */
    
    /* APLICA PARA CONTENIDOS */
    --ColorFondoGeneralContenidos :#fff;
    --ColorTextoGeneralContenidos :#424242;
    --ColorFondoRegistrosForm: #fdfdfd;
    }
    
    .perfil-user {
        color: var(--ColorTextoPerfil);
    }
    
    .menu-lateral .menu .activado > a{
        background: var(--ColorMenuActivado);
        color:var(--ColorTextoGeneral);
    }
    
    .menu-lateral .menu li a{
        color: var(--ColorTextoGeneral);
        color: #000;
    }


    .menu-lateral .menu li a:hover {
        background: var(--ColorFondoGeneral); 
        color: var(--ColorTextoHoverMenu);

    }
       
}