.admin-table-box {
    --admin-table-space-xs: 4px;
    --admin-table-space-sm: 8px;
    --admin-table-space-md: 12px;
    --admin-table-border: #d2d6de;
    --admin-table-head-bg: #f9fafc;
    --admin-table-filter-bg: #ffffff;
    --admin-table-focus: #3c8dbc;
    --admin-table-shadow: rgba(0, 0, 0, 0.08);
}

.admin-table-toolbar {
    padding: var(--admin-table-space-md) var(--admin-table-space-md) var(--admin-table-space-sm);
    border-top: 1px solid var(--admin-table-border);
}

.admin-table-global-search {
    max-width: 280px;
    width: 100%;
}

.admin-table-responsive {
    overflow: auto;
}

.admin-table {
    margin-bottom: 0;
}

.admin-table > thead > tr > th {
    background: var(--admin-table-head-bg);
    position: sticky;
    z-index: 3;
}

.admin-table > thead > tr:first-child > th {
    top: 0;
    box-shadow: 0 1px 0 var(--admin-table-border);
}

.admin-table > thead > tr.admin-table-filter-row > th {
    top: var(--admin-table-sort-row-height, 36px);
    background: var(--admin-table-filter-bg);
    box-shadow: 0 2px 3px var(--admin-table-shadow);
}

.admin-table-sort {
    background: transparent;
    border: 0;
    color: inherit;
    display: block;
    font: inherit;
    font-weight: 600;
    padding: 0;
    text-align: left;
    width: 100%;
}

.admin-table-sort:focus,
.admin-table [data-admin-table-filter]:focus,
.admin-table-global-search .form-control:focus {
    border-color: var(--admin-table-focus);
    box-shadow: none;
    outline: 0;
}

.admin-table-sort .fa {
    margin-left: var(--admin-table-space-xs);
}

.admin-table-filter-row .form-control {
    min-width: 130px;
}

.admin-table tbody tr.is-admin-table-hidden {
    display: none;
}

@media (max-width: 767px) {
    .admin-table-toolbar {
        padding-left: var(--admin-table-space-sm);
        padding-right: var(--admin-table-space-sm);
    }

    .admin-table-global-search {
        float: none !important;
        max-width: none;
    }
}