/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */

/*# sourceMappingURL=custom.css.map */

/* CSS pour changer la couleur du menu actif en rouge */
.nav-link.active {
    color: black !important; /* Change la couleur du texte en rouge */
}

/* Optionnel : Si vous souhaitez également changer la couleur de fond ou d'autres styles */
.nav-link.active {
    color: #6777ef !important; /* Change la couleur de fond avec une légère transparence */
    font-weight: bold; /* Rend le texte en gras */
}
.input-highlight,
.input-highlight.form-control,
select.input-highlight {
    /* background-color: #f8f9fa; */
    border: 1px solid #6777ef !important;
    /* border-radius: 4px;
    padding: 10px;
    transition: all 0.3s;
    width: 100%;
    min-height: 42px; */
    
    /* color: #495057; */
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #6777ef !important;
    border-radius: 4px;
    min-height: 42px;
    padding: 5px;
    transition: all 0.3s;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #6777ef !important;
    border-radius: 4px;
    height: 42px;
    padding: 5px 10px;
    transition: all 0.3s;
}

.ligne-highlight {
    background-color: #ffc107 !important;
}

table.dataTable tbody tr.ligne-highlight td {
    background-color: #ffc107 !important;
    color: #000 !important;
}

.modal-lg .table {
    font-size: 0.9rem;
}
.modal-lg .table th {
    white-space: nowrap;
}
.badge-counter {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 10px;
    padding: 3px 5px;
    background-color: red !important;
}
.avatar-img {
    width: 60px;
    height: 40px;
    /* object-fit: cover;
    border-radius: 50%; */
}

.dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
}