.widget-div-table {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    display: table;
    width: 100%;
    border: 1px solid var(--color-border);
}

.widget-div-table-header {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    display: table-header-group;
    background: var(--color-table-header-bg);
}

.widget-div-table-header-row {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    display: table-row;
}

.widget-div-table-header-cell {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    display: table-cell;
    padding: 10px;
    border: 1px solid var(--color-border);
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.widget-div-table-body {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    display: table-row-group;
}

.widget-div-table-body-row {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    display: table-row;
}

.widget-div-table-body-row:hover {
    background: var(--color-table-row-hover-bg);
}

.widget-div-table-body-cell {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    display: table-cell;
    padding: 10px;
    border: 1px solid var(--color-border);
    white-space: nowrap;
}