/* Style général pour la table */
.dataTables_wrapper {
    font-family: Arial, sans-serif;
    margin: 20px 0;
    color: #333;
}

/* Style pour les en-têtes de colonnes */
table.dataTable thead th {
    background-color: #4CAF50;
    color: #000000;
    padding: 12px;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
}

/* Style pour les lignes de la table */
table.dataTable tbody tr {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
}

table.dataTable tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}

table.dataTable tbody tr:hover {
    background-color: #d1e7dd;
}

/* Style pour les cellules de la table */
table.dataTable td {
    padding: 10px;
    vertical-align: middle;
}

/* Style pour les champs de recherche et les sélecteurs de page */
.dataTables_filter input[type="search"],
.dataTables_length select {
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0 10px;
    font-size: 14px;
}

/* Pagination */
.dataTables_paginate {
    margin-top: 15px;
    text-align: right;
}

.dataTables_paginate .paginate_button {
    display: inline-block;
    padding: 5px 12px;
    margin: 0 3px;
    cursor: pointer;
    color: #4CAF50;
    background-color: #fff;
    border: 1px solid #4CAF50;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none;
}

.dataTables_paginate .paginate_button:hover {
    background-color: #4CAF50;
    color: #fff;
}

/* Pagination - Bouton actif */
.dataTables_paginate .paginate_button.current {
    background-color: #4CAF50;
    color: white !important;
    border: 1px solid #4CAF50;
}

/* Message d'informations sous la table */
.dataTables_info {
    font-size: 14px;
    margin-top: 15px;
    color: #666;
}

/* Style du message quand aucune donnée n’est disponible */
.dataTables_empty {
    color: #999;
    font-style: italic;
    text-align: center;
}

/* Alignement des icônes de tri */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after {
    font-family: "bootstrap-icons";
    content: "\f0dc";
    float: right;
    margin-left: 10px;
    color: #000000;
}

table.dataTable thead .sorting_asc::after {
    content: "\f0de"; /* Icône flèche vers le haut */
}

table.dataTable thead .sorting_desc::after {
    content: "\f0dd"; /* Icône flèche vers le bas */
}

/* Style pour le conteneur de pagination en bas de la table */
.dataTables_wrapper .dataTables_paginate {
    margin-top: 1rem;
}

/* Adaptation pour petit écran */
@media screen and (max-width: 768px) {
    .dataTables_filter,
    .dataTables_length {
        text-align: center;
        margin: 10px 0;
    }
    .dataTables_paginate {
        text-align: center;
    }
}

/* DATATABLE */

.table {
    --bs-table-color: #545859;
    /*--bs-table-bg: white;*/
    --bs-table-border-color: #eeeeee;
    /*--bs-table-accent-bg: white;*/
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #545859;
    --bs-table-striped-bg: #f9f9f9;
    --bs-table-active-color: #545859;
    --bs-table-active-bg: #f9f9f9;
    --bs-table-hover-color: black;
    --bs-table-hover-bg: #eeeeee;
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color);
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%;
}

body.front-bundle table.dataTable.table-hover > tbody > tr:not(.selected):hover > * {
    background-color: #eeeeee;
    color: black;
}

table.dataTable.table-striped > tbody > tr.odd > * {
    background-color: #f9f9f9;
    box-shadow: unset;
}

table.dataTable > tbody > tr.selected > *, table.dataTable.table-striped > tbody > tr.odd.selected > * {
    background-color: #E6F6FC;
    color: #545859;
    box-shadow: unset;
}

table.dataTable.table-hover > tbody > tr.selected:hover > *, table.dataTable.table-hover.table-striped > tbody > tr.selected:hover > * {

}

body.front-bundle table.dataTable.table-hover > tbody > tr:hover > * {
    background-color: #CCEDF9;
    color: #545859;
}

.pagination {
    --bs-pagination-border-color: #eee;
    --bs-pagination-hover-border-color: #eee;
    --bs-pagination-disabled-border-color: #eee;
    --bs-pagination-font-size: 0.8rem;
    --bs-pagination-bg: white;
    --bs-pagination-disabled-bg: #eee;
}

.page-link:focus {
    box-shadow: 0 0 0 .15rem rgba(13, 110, 253, .25);
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: .55em;
}