/* Move ordering icons to right. */
.dt-column-order {
    float: right;
}

/* Remove bottom borders that should not exist. */
div.dt-scroll-body {
    border-bottom: 1px solid rgba(4, 32, 69, 0.1) !important;
}

.dt-scroll-foot tfoot tr th {
    border-bottom: 0px !important;
}

/* Set thead color as theme's color. */
thead th {
    background-color: rgb(249, 250, 251) !important;
    border-top: 1px solid rgba(4, 32, 69, 0.1) !important;
}

/* Set column visibility dropdown background color. */
div.dt-button-collection .dropdown-menu {
    background-color: var(--tblr-card-bg) !important;
    border: 1px solid var(--tblr-dropdown-border-color) !important;
    border-radius: var(--tblr-dropdown-border-radius) !important;
    box-shadow: var(--tblr-dropdown-box-shadow) !important;
}

/* Change SearchPanes deafult badge color. */
.dtsp-searchPane .bg-secondary {
    background-color: var(--tblr-primary) !important;
    color: var(--tblr-blue-fg);
}

.dtsp-searchPane .selected .bg-secondary {
    background-color: var(--tblr-bg-surface-secondary) !important;
    color: var(--tblr-badge-color);
}