/* Write your CSS code. */
@media print {
    ::-webkit-scrollbar {
        display: none;
    }
}

/* OVERRIDE: Replace DataTables Text Arrows with FontAwesome Icons */

/* 1. Reset the font family to FontAwesome */
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 0.85em !important;
    opacity: 0.5;
}

/* 2. Set the UP arrow (Sort Ascending) */
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before {
    content: "\f0de" !important; /* FA Sort Up Icon */
    bottom: 0.3em !important; /* Adjust positioning */
}

/* 3. Set the DOWN arrow (Sort Descending) */
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after {
    content: "\f0dd" !important; /* FA Sort Down Icon */
    top: 0.3em !important; /* Adjust positioning */
}

/* 4. Highlight the active sort direction */
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after {
    opacity: 1 !important;
    color: #269ABC; /* Your theme color */
}