/* -------------------------------------------------- */
/* Sorting icons and positioning overrides */
 
/* Previously displayed two separate icons, hide first one */
table.dataTable thead .dt-column-order {
    top: 0.18em !important;
    right: auto !important;
    font-family: 'Material Icons' !important;
    font-size: 1.3em !important;
    line-height: 1 !important;
    /* Ensure consistent line height */
    margin-left: 5px !important;
    /* Adjust as needed to move slightly to the right of the text */
}
 
/* Remove default content */
table.dataTable thead .dt-column-order:before,
table.dataTable thead .dt-column-order:after {
    content: "" !important;
}
 
/* Only display in after */
table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order:after {
    content: "\e8d5" !important;
    /* Unicode for swap_vert */
    color: lightgrey !important;
    opacity: 1 !important;
    top: unset !important;
    bottom: 0.3em !important;
    line-height: 1 !important;
    padding: 5px !important;
    border-radius: 50%;
}
 
/* Show upward arrow when sorted ascending */
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after {
    content: "\e5d8" !important;
    /* Unicode for arrow_upward */
    color: lightgrey !important;
    opacity: 1 !important;
    top: unset !important;
    bottom: 0.3em !important;
    line-height: 1 !important;
    padding: 5px !important;
    border-radius: 50%;
}
 
/* Show downward arrow when sorted descending */
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    content: "\e5db" !important;
    /* Unicode for arrow_downward */
    color: lightgrey !important;
    opacity: 1 !important;
    top: unset !important;
    bottom: 0.3em !important;
    line-height: 1 !important;
    padding: 5px !important;
    border-radius: 50%;
}