/* Color por defecto del logout-link */
    .logout-link {
        color: green; /* Color por defecto */
        transition: color 0.3s; /* Efecto suave */
    }
/* Color al pasar el ratón   */
    .logout-link:hover {
        color: red ; /* Color al pasar el ratón */
    }
		
/* Cambiar el color de fondo de la barra lateral al pasar el ratón sobre el menú */
.sidebar-menu li:hover {
    background-color: #d9534f; /* Cambiar a rojo al pasar el ratón */
}

/* Cambiar el color del texto al pasar el ratón */
.sidebar-menu li:hover > a {
    color: #fff; /* Cambia el color del texto a blanco */
}

/* Cambiar el color del encabezado al pasar el ratón */
.sidebar-menu .header:hover {
    background-color: #d9534f; /* Cambia a rojo al pasar el ratón */
    color: #fff; /* Cambia el color del texto a blanco */
}

/* Estilo para el elemento activo */
.sidebar-menu li.active > a {
    background-color: #c9302c; /* Color de fondo para el elemento activo */
    color: #fff; /* Color de texto para el elemento activo */
}