.table-light {
    border-radius: 8px 8px 0px 0px;
    color: var(--color-text-body);
    font-family: "HelveticaNeue LT Pro 500";
    font-weight: var(--font-weight-500);
    background-color: var(--color-background-selected);
}

.bg-light {
    background-color: var(--color-badge-secondary) !important;
}

.normal-table thead .table-light th {
    padding: 20px;
    background: var(--color-badge-secondary);
}

.normal-table {
    background: var(--color-background-selected);
}

.normal-table tr td,
.normal-table tr th {
    white-space: nowrap;
    padding: 20px;
    vertical-align: middle;
    border-bottom: 1px solid #d1d1d1;
    border-top: unset !important;
}

td.vertical-align-middle {
    vertical-align: middle;
}

.table .table-light td,
.table .table-light th,
.table.table-striped td,
.table.table-striped th {
    border-top: 1px solid var(--color-background-border);
}

.table-hover .table-light:hover,
.table-hover tbody tr:hover,
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: var(--color-badge-secondary);
    color: var(--color-text-body);
}

.paginate_button.active > .page-link {
    background: var(--color-background-primary-light);
    border-color: var(--color-background-primary-light);
    color: var(--color-text-tertiary);
}
.table-active,
.table-active > td,
.table-active > th {
    background-color: var(--color-profile-background);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--color-profile-background);
}