/* Data Grid */
:root {
    --tab-width: calc(100vw - 200px);

    --rz-grid-header-cell-padding: 1rem 0;
    --rz-grid-header-title-padding: 0 0 0 1rem;

    --rz-grid-cell-border: 1px solid rgba(0, 0, 0, 0.1);
    --rz-grid-cell-padding: 0.5rem 1rem;

    --rz-grid-selected-background-color: var(--rz-primary-dark);
    --rz-grid-selected-color: var(--rz-white);

    --rz-grid-hover-background-color: var(--rz-primary-lighter);
    --rz-grid-hover-color: var(--rz-primary);

    --rz-grid-stripe-background-color: #F8F7F5;
    --rz-grid-stripe-odd-background-color: white;
}

.rz-data-grid-data {
    height: 100%;
    overflow-y: scroll;
}

.rz-datatable-thead th .rz-column-title,
.rz-grid-table thead th .rz-column-title {
    display: flex;
    justify-content: start;
    gap: 0.5rem;
    padding: 0 1rem;
    font-weight: 400;
}

/****** Grid ******/
.rz-grid-table.rz-grid-gridlines-vertical>thead>tr>th,
.rz-grid-table.rz-grid-gridlines-vertical>thead>tr>th.rz-composite-cell,
.rz-grid-table.rz-grid-gridlines-vertical>tbody>tr>td,
.rz-grid-table.rz-grid-gridlines-vertical>tfoot>tr>td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/*** Grid Header ***/
.rz-custom-header {
    width: 100%;
}

.rz-grid-table>thead>tr>th:not(:last-child):hover {
    border-right: var(--rz-grid-cell-border);
}

.rz-grid-table.rz-grid-gridlines-none>thead>tr>th {
    border-bottom: var(--rz-grid-cell-border);
}

/* Sorting */
/* Change color when column sorting is active */
.rz-sortable-column .rzi-sort-asc,
.rz-sortable-column .rzi-sort-desc {
    color: var(--rz-secondary);
}

/* Sort button is permanently visible. */
.rz-sortable-column>div .rzi-sort:not(.rzi-sort-asc):not(.rzi-sort-desc):hover {
    color: var(--rz-base-900);
}

.rz-sortable-column>div .rzi-sort:not(.rzi-sort-asc):not(.rzi-sort-desc) {
    color: var(--rz-grid-sort-icon-color);
}

.rz-sortable-column>div:hover .rzi-sort:not(.rzi-sort-asc):not(.rzi-sort-desc),
.rz-sortable-column .rzi-sort-asc,
.rz-sortable-column .rzi-sort-desc {
    z-index: 2;
}

/* Filtering */
i.rzi.rz-grid-filter-icon {
    z-index: 2;
}

/* Fix colum header display when clicked to drag */
.rz-column-draggable .rz-column-title {
    display: flex;
    justify-content: start;
    gap: 0.5rem;
    box-sizing: content-box;
    padding: 0;
}

/* Column reorder changed. Click the entire header to reorder columns.  */
.rz-column-drag {
    position: absolute;
    width: inherit;
    height: 100%;
    padding: 0 1rem;
    z-index: 1;
}

.rz-column-drag::after {
    content: '';
}

.rz-datatable-thead th .rz-column-drag+.rz-column-title,
.rz-grid-table thead th .rz-column-drag+.rz-column-title,
.rz-column-draggable {
    padding: 0 1rem;
}

.rz-column-draggable {
    min-width: 125px;
}

.rz-column-resizer {
    z-index: 2;
}

/*** Grid Cells/Grid Data ***/

td.rz-datatable-emptymessage {
    font-size: 0.85rem;
    background-color: var(--rz-white) !important;
    border-bottom: 0px !important;
}

.rz-data-row {
    cursor: pointer;
    height: 60px;
}

.rz-selectable tbody tr.rz-data-row>td .rz-cell-data {
    text-overflow: ellipsis;
}

.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight)>td .rz-cell-data,
.rz-selectable tbody tr.rz-data-row.rz-state-highlight>td .rz-cell-data {
    text-overflow: clip;
}

td:has(.rz-dropdown) {
    padding-left: 0.5rem;
}