.employee-status {
    padding: 8px 16px;
    margin: 10px;
    border-radius: 35px;
}

.employee-status.disponible {
    background-color: #E4F4E7;
    border: 1px solid #B6E0BB;
    color: #4CAF50;
}

.employee-status.absent {
    background-color: #FFF1DD;
    border: 1px solid #FEE0C5;
    color: #FF8A25;
}

.employee-status.en-consultation {
    background-color: #FFE8EB;
    border: 1px solid #FBD1D2;
    color:#ED484E;
}

.employee-status.indisponible {
    background-color: #F3F3F3;
    border: 1px solid #DADCDA;
    color:#6A6A6A;
}
 
.employee_status_container, .employee-status{display: flex;
    align-items: center;
    column-gap: 10px;}

/* Style pour les appareils mobiles */
@media (max-width: 768px) {
    .employee_status_container {
        display: inline-block; /* Affiche les éléments en bloc, donc verticalement */
    }
}

/* DOT element*/
.dot {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: inline-block;
    }
.employee-status.absent .dot {
    background-color: #FF8A25;
}

.employee-status.indisponible .dot {
    background-color: #757575;
}

.employee-status.en-consultation .dot {
    background-color: #EB5857;
}

.employee-status.disponible .dot {
    background-color: #4CAF50;
}