body {
}
.usager-item{
    cursor: pointer;
    background-color: lightgray;
    color: black;
}
.newdemande{
    background-color: lightcoral;
}

.infoUsager{
    background-color:#85d6b1 ;
}
.infoDemande{
    background-color: lightcoral;
}
.infoStatut{
    background-color: lightsalmon;
}
.infoHistorique{
    background-color: lightblue;
}
.statistique{
    background-color: rgb(212, 72, 255);
}
.is-required {
    /* La bordure par défaut de Bootstrap est '1px solid #dee2e6' */
    border: 2px dashed #ff0000 !important; /* Bordure à gauche */
    padding-left: 11px !important; /* Ajustement du padding pour ne pas chevaucher le texte */
}
.bg-orange {
    background-color: rgb(245, 186, 76) !important;
}
.bg-green {
    background-color: rgb(180, 238, 180) !important;
}
.bg-gray {
    background-color: lightgray !important;
}
.red-alert {
    background-color: #ff0000 !important; /* Couleur de fond rouge clair */
    color: white !important; /* Couleur du texte blanche pour le contraste */
}

footer{
    background-color: #2d96ff;
    color:white;
}

.shepherd-arrow::before {
    content: url("../icons/arrow-zuV5ivz.svg");
}
/* --- Styles pour faire pivoter la flèche de Shepherd --- */

/* Flèche pointant vers le BAS (quand l'étape est 'on: top') */
.shepherd-element[data-popper-placement^="top"] .shepherd-arrow {
    /* La flèche se trouve en bas du popover, elle doit pointer vers le bas */
    bottom:-20px !important;
    transform: rotate(225deg);
}

/* Flèche pointant vers la DROITE (quand l'étape est 'on: left') */
.shepherd-element[data-popper-placement^="left"] .shepherd-arrow {
    /* La flèche se trouve à droite du popover, elle doit pointer vers la droite */
    transform: rotate(135deg);
    right:-20px !important;
}

/* Flèche pointant vers la GAUCHE (quand l'étape est 'on: right') */
.shepherd-element[data-popper-placement^="right"] .shepherd-arrow {
    /* La flèche se trouve à gauche du popover, elle doit pointer vers la gauche */
    transform: rotate(-45deg); /* ou rotate(270deg) */
    left:-20px !important; 
}

/* Flèche pointant vers le HAUT (quand l'étape est 'on: bottom') */
.shepherd-element[data-popper-placement^="bottom"] .shepherd-arrow {
    /* État par défaut si votre flèche initiale est dessinée pour pointer vers le haut */
    transform: rotate(45deg); 
     top:-20px !important;
}

.objh{ height: 200px; }

/* Style de base pour les liens de tri de KnpPaginator */
    th a {
        text-decoration: none;
        color: inherit;
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
    }

    /* Flèche montante quand le tri est ASC */
    th a.asc::after {
        content: " ↑";
        font-weight: bold;
        /* color: #dc3545; Optionnel : utilise la couleur de ta charte (ici rouge comme tes boutons) */
    }

    /* Flèche descendante quand le tri est DESC */
    th a.desc::after {
        content: " ↓";
        font-weight: bold;
        /* color: #dc3545; */
    }
    
    /* Optionnel : Une petite flèche discrète au survol pour faire comprendre que c'est cliquable */
    th a:not(.asc):not(.desc):hover::after {
        content: " ↕";
        opacity: 0.5;
    }