/* Supprimez le cadrillage */
table.dataTable, table.dataTable th, table.dataTable td {
    border: none;
    text-align: center;
}

/* Texte centré dans les cellules */
table.dataTable td, table.dataTable th {
    text-align: center;
}

/* Arrière-plan blanc */
table.dataTable {
    background-color: #fff;
}

/* Pagination en blanc */
.dataTables_paginate {
    background-color: #fff;
}

/* Style du bouton de pagination */
.dataTables_paginate .paginate_button {
    color: #333; /* Couleur du texte */
    background-color: #fff; /* Couleur de fond */
    border: 1px solid #ccc; /* Bordure */
    padding: 5px 10px; /* Espacement du bouton */
    margin: 2px; /* Marge entre les boutons */
}

/* Style du bouton actif */
.dataTables_paginate .paginate_button.current {
    background-color: #333; /* Couleur de fond du bouton actif */
    color: #fff; /* Couleur du texte du bouton actif */
    border: 1px solid #333; /* Bordure du bouton actif */
}

/* Style du bouton de première et dernière page */
.dataTables_paginate .paginate_button.first, .dataTables_paginate .paginate_button.last {
    background-color: transparent; /* Fond transparent pour les boutons de première et dernière page */
    border: none; /* Supprimer la bordure */
}

/* Style du bouton de page précédente et suivante */
.dataTables_paginate .paginate_button.previous, .dataTables_paginate .paginate_button.next {
    background-color: transparent; /* Fond transparent pour les boutons de page précédente et suivante */
    border: none; /* Supprimer la bordure */
}

/* Style du bouton de page précédente et suivante au survol */
.dataTables_paginate .paginate_button.previous:hover, .dataTables_paginate .paginate_button.next:hover {
    background-color: #ccc; /* Couleur de fond au survol */
}

/* Style du bouton de page précédente et suivante désactivées */
.dataTables_paginate .paginate_button.previous.disabled, .dataTables_paginate .paginate_button.next.disabled {
    display: none; /* Cacher les boutons désactivés */
}

/* Supprimer la bordure et ajouter un fond transparent */
table.dataTable, table.dataTable th, table.dataTable td {
    border: none;
    background-color: transparent;
}

table.dataTable tbody tr {
    border: none;
    font-size: 18px;
    text-align: center;
    color: #EAFFE2;
}

table.dataTable thead > tr > th.sorting {
    text-align: center;
    border-block-start: none !important;
    font-size: 20px;
    font-weight: bold;
    text-transform: capitalize;
    color: #FFFFFF;
    border-style: none;
}

table.dataTable thead > tr > th.sorting:before {
    content: none !important;
}

table.dataTable thead > tr > th.sorting:after {
    content: none !important;
}

/* Supprime la bordure des boutons de pagination */
.dataTables_paginate a.paginate_button {
    border: none;
    background: none;
}

/* Change la couleur du texte généré par DataTables en blanc */
.dataTables_wrapper {
    color: white;
}

#order-list-table_paginate {
    background-color: transparent;
}

#order-list-table_paginate span a{
    border: none;
    background: none;
}

.dataTables_wrapper .dataTables_filter input {
    border-radius: 25px !important;
    color: #f4a556 !important;
    padding: 5px 20px !important;
    background-color: #ebffe3 !important;
    margin-top: 5px !important;
}

/* Croix (icône de suppression) dans la barre de recherche */
.dataTables_filter .dataTables_filter_close::before {
    color: green !important; /* Changez la couleur en vert */
}

.elementor-element-b2d7e0b .elementor-widget-container {
    color: white;
}

@media (max-width: 768px) {
    .elementor-element.elementor-element-b2d7e0b.elementor-widget.elementor-widget-shortcode {
        overflow: auto;
    }
}