.tabulator {
    background-color: var(--color-dark-surface-200) !important;
}

.tabulator-table {
    background-color: transparent !important;
}

.tabulator-col {
    background-color: var(--color-dark-surface-200) !important;
}

.tabulator-col-title{
    font-size: small;
}

.tabulator-row.tabulator-group {
    border: unset !important;
}

.tabulator-row .tabulator-cell {
    border-right: 1px solid rgb(200, 200, 200);
}

.tabulator-cell {
    font-size: small;
}

.tabulator-row.tabulator-row-even {
    background-color: var(--color-dark-surface-300) !important;
}

.tabulator-header {
    font-weight: 700;
    color: rgb(100, 100, 100) !important;
    border-bottom: 1px solid rgb(200, 200, 200) !important;
    background-color: var(--color-dark-surface-200) !important;
    border-top: none !important;
    margin-bottom: 8px !important;
}

.tabulator-footer {
    margin: auto auto auto 0 !important;
}

.tabulator-row {
    font-weight: 600;
    border-bottom: none !important;
    background-color: var(--color-dark-surface-200) !important;
}

.tabulator-row:hover {
    background-color: var(--color-dark-surface-400) !important;
    border-radius: 4px;
}

.tabulator-cell[tabulator-field="Member_Number"]{
    font-size: 0.65em;
    border-right: none;
    padding-right: 0;
    vertical-align: middle;
    line-height: 1.8em;
}

.tabulator-col[tabulator-field="Member_Number"]{
    display: none;
}

.sorted {
    background-color: var(--color-dark-surface-300);
}

.unSorted {
    background-color: var(--color-dark-surface-200);
}

.tabulator .tabulator-footer {
    border-top: none;
    background-color: inherit;
    margin: auto;
    width: 50%;
}

tabulator-responsive-collapse >  tr {
    padding: 4px 0px 4px 0px;
}