body {
}

.small-table table {
    font-size: 13px;
}

.bg-dark {
    background-color: black !important;
}

.bg-wk-yellow {
    background-color: #ffb917 !important;
}
.btn-primary {
    color: rgb(255, 255, 255);
    background-color: #ffb917 ;
    border-color: #ffb917 ;
}

.page-item.active .page-link {
    z-index: 3;
    color: rgb(255, 255, 255);
    background-color: #ffb917;
    border-color: #ffb917;
}
.page-link {
    color: gray;
    font-weight: bolder;
}

.card, .btn {
    border-radius: 0.5rem;
}

.card-header:first-child {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.form-control-empty {
    background-color: transparent;
    border: none;
}

.form-control-empty:focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

/* Personnalisation des couleurs du daterangepicker */
.daterangepicker {
    border-color: #ffb917 !important;
}

/* Boutons Appliquer/Annuler */
.daterangepicker .drp-buttons .btn {
    background-color: #ffb917 !important;
    border-color: #ffb917 !important;
    color: white !important;
}

.daterangepicker .drp-buttons .btn:hover {
    background-color: #e6a615 !important;
    border-color: #e6a615 !important;
}

/* Dates sélectionnées dans le calendrier */
.daterangepicker td.active, 
.daterangepicker td.active:hover {
    background-color: #ffb917 !important;
    border-color: #ffb917 !important;
    color: white !important;
}

/* Plage de dates sélectionnée */
.daterangepicker td.in-range {
    background-color: #ffb917 !important;
    opacity: 0.3 !important;
    color: #333 !important;
}

/* Date de début et fin de plage */
.daterangepicker td.start-date,
.daterangepicker td.end-date {
    background-color: #ffb917 !important;
    border-color: #ffb917 !important;
    color: white !important;
}

/* Plages prédéfinies actives */
.daterangepicker .ranges li.active {
    background-color: #ffb917 !important;
    color: white !important;
}

/* Plages prédéfinies au survol */
.daterangepicker .ranges li:hover {
    background-color: #ffb917 !important;
    opacity: 0.8 !important;
    color: white !important;
}

/* En-têtes des mois */
.daterangepicker .calendar-table .next:hover,
.daterangepicker .calendar-table .prev:hover {
    color: #ffb917 !important;
}

/* Aujourd'hui */
.daterangepicker td.today {
    color: #ffb917 !important;
    font-weight: bold !important;
}

/* Bordures des calendriers */
.daterangepicker .calendar-table {
    border-color: #ffb917 !important;
}

/* Input focus */
.daterangepicker input:focus {
    border-color: #ffb917 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 185, 23, 0.25) !important;
}
/* Afficher le diminutif du logo quand le sidebar est rétracté */
.sidebar.toggled .sidebar-brand .sidebar-brand-icon {
    display: block !important;
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
}

/* Optionnel : centrer le diminutif */
.sidebar.toggled .sidebar-brand {
    justify-content: center;
}