.text-red {
    color: red; /* Couleur rouge pour les textes nécessitant une mise en évidence */
}

.nav-link.active {
    background-color: rgba(255, 255, 255, 0.5) !important; /* Fond blanc semi-transparent pour les liens actifs */
    color: black !important; /* Texte noir pour les liens actifs */
}

.nav-link.active:hover {
    background-color: rgba(255, 255, 255, 0.6) !important; /* Légère augmentation de la visibilité au survol */
    color: black !important; /* Maintien de la couleur de texte noir au survol */
}

.dropdown-menu {
    background-color: rgba(255, 255, 255, 0.5); /* Fond semi-transparent pour les menus déroulants */
}

.dropdown-item {
    color: black; /* Texte noir pour les items dans les menus déroulants */
}

.toggle-button:hover {
    color: #CCC; /* Couleur plus claire au survol */
}

#hr-menu {
    height: 2px; 
    background-color: white; /* Fond blanc pour les lignes horizontales */
}

#menu {
    width: 280px;
    height: 100vh;
    background: linear-gradient(to bottom, #46B4A7 0%, #f6f7f8 100%); /* Dégradé pour le menu */
}

#body-backoffice .dataTables_wrapper {
    max-height: 80vh; 
    overflow-y: auto; 
}