table {
    width: 100% !important;
}

thead {
    background-color: var(--surface-100);
    color: var(--surface-900);
    border-bottom: 1px solid var(--surface-300);
    text-transform: uppercase;
}

th {
    padding: 1rem;
}

td {
    padding: .5rem 1rem;
    border-bottom: 1px solid var(--surface-300);
    vertical-align: top;
}

tr.selected {
    background-color: var(--primary-300) !important;
    color: var(--surface-0) !important;
}

tfoot {
    background-color: var(--surface-100);
    color: var(--surface-900);
    border-bottom: 1px solid var(--surface-300);
    text-transform: uppercase;
}

.striped-rows tr:nth-child(2n) {
    background-color: var(--primary-100);
}

.invalid-table thead {
    background-color: var(--error-500) !important;
}

.invalid-table tr:nth-child(2n) {
    background-color: var(--error-200);
}

.invalid-table tfoot {
    background-color: var(--error-500);
    color: var(--surface-0);
}

.column-center {
    text-align: center;
}

.column-left {
    text-align: left;
}

.column-right {
    text-align: right;
}

.child-row {
    padding: 0;
}

.child-row table {
    border: 0;
}

.dataTables_paginate {
    padding-top: 0.5rem;
}

.dataTables_paginate span {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.paginate_button {
    cursor: pointer;
    text-decoration: none;
    font-size: 18px;
    color: var(--surface-600);
}

.paginate_button.current, .paginate_button:hover {
    color: var(--primary-500);
    font-size: 18px;
}

.dataTables_filter {
    text-align: right;
    padding-bottom: 0.5rem;
}

.dataTables_length {
    padding-bottom: 0.5rem;
}