/*
 * Horizontally scrolling lists (responsiveTable => false).
 *
 * DataTables moves the header into a separate table (.dt-scroll-head) and leaves a
 * zero height copy of it in the body table for sizing. Everything positioned
 * absolutely in those cells — the sort arrows and the bulk action checkbox — escapes
 * the collapsed cells and shows up as a ghost row under the header.
 */

div.dt-scroll-body > table > thead {
    visibility: hidden;
}

/* The mirrored scrollbar above the table (resources/js/backpack/datatable-top-scrollbar.js). */
div.dt-scroll-top {
    overflow-x: auto;
    overflow-y: hidden;
}

div.dt-scroll-top > div {
    height: 1px;
}