.dinf-sort-button {
    padding-inline: 6px;
    padding: 0 3px 0 4px;
    vertical-align: 0;
    color: #018841;
}

.dinf-sort-button:focus {
    border-radius: 0.2rem;
    border: 2px solid black;
    outline: none; /* Style pour le focus clavier */
    box-shadow: none;
}

.dinf-sort-button:hover {
    cursor: pointer;
    color: #018841;
}

.dinf-filter-button > button {
    padding-left: 4px;
    padding-right: 4px;
}

table.dinf-table-sortable th span.dinf-sort-button::after {
    font-family: "bootstrap-icons";
    content: "\F127";
}

table.dinf-table-sortable th[aria-sort="descending"] span.dinf-sort-button::after {
    font-family: "bootstrap-icons";
    content: "\F148";
}

table th[aria-sort="ascending"] span.dinf-sort-button::after {
    font-family: "bootstrap-icons";
    content: "\F128";
}

table.dinf-table-sortable th span.dinf-filter-button button.dropdown-toggle {
    border: none;
    background-color: transparent;
    color: #018841;
}

table.dinf-table-sortable th span.dinf-filter-button button.dropdown-toggle::after {
    font-family: "bootstrap-icons";
    content: "\F3E1";
    border: 0;
    vertical-align: 0;
}

table.dinf-table-sortable th[data-filter] span.dinf-filter-button button.dropdown-toggle::after {
    font-family: "bootstrap-icons";
    content: "\F3E0";
    border: 0;
    vertical-align: 0;
}

table.dinf-table-sortable th span.dinf-filter-button div.dropdown-menu {
    padding: 0;
    box-shadow: rgba(50, 50, 93, 0.25) 0 13px 27px -5px, rgba(0, 0, 0, 0.3) 0 8px 16px -8px;
}