:root {
    /*OVERRIDES OF RADZEN GRID COLORS*/
    --rz-grid-data-border-shadow: none;
    --rz-grid-cell-border: var(--rz-border-normal);
    --rz-grid-right-cell-border: var(--rz-border-normal);
    --rz-grid-bottom-cell-border: var(--rz-border-normal);
    --rz-grid-cell-padding: 0.5rem;
    --rz-grid-cell-color: var(--rz-text-color);
    --rz-grid-cell-font-size: var(--rz-body-font-size);
    --rz-grid-cell-line-height: var(--rz-body-line-height);
    --rz-grid-hover-background-color: var(--rz-secondary-lighter);
    --rz-grid-hover-color: var(--rz-secondary-dark);
    --rz-grid-selected-background-color: var(--rz-secondary-dark);
    --rz-grid-selected-color: var(--rz-primary);
    --rz-grid-stripe-background-color: var(--rz-base-100);
    --rz-grid-toolbar-background-color: var(--rz-base-background-color);
    --rz-grid-header-cell-border: var(--rz-border-normal);
    --rz-grid-header-cell-border-bottom: none;
    --rz-grid-header-background-color: var(--rz-base-200);
    --rz-grid-header-font-size: 0.75rem;
    --rz-grid-header-line-height: 1rem;
    --rz-grid-header-font-weight: 600;
    --rz-grid-header-text-transform: uppercase;
    --rz-grid-header-color: var(--rz-text-color);
    --rz-grid-header-cell-padding: 0.625rem 0;
    --rz-grid-header-title-padding: 0 0 0 0.5rem;
    --rz-grid-header-sorted-background-color: var(--rz-base-300);
    --rz-grid-header-padding: 1rem;
    --rz-grid-foot-cell-color: var(--rz-text-color);
    --rz-grid-foot-background-color: var(--rz-base-200);
    --rz-grid-filter-background-color: var(--rz-base-100);
    --rz-grid-filter-padding: 0.5rem;
    --rz-grid-filter-margin: 0;
    --rz-grid-filter-border: var(--rz-border-normal);
    --rz-grid-filter-font-size: var(--rz-body-font-size);
    --rz-grid-filter-icon-width: var(--rz-icon-size);
    --rz-grid-filter-icon-height: var(--rz-icon-size);
    --rz-grid-filter-icon-margin: 0 0.25rem 0 0;
    --rz-grid-filter-icon-font-size: var(--rz-icon-size);
    --rz-grid-filter-color: var(--rz-base-500);
    --rz-grid-filter-focus-color: var(--rz-secondary);
    --rz-grid-filter-gap: 1rem;
    --rz-grid-filter-buttons-padding: 1rem;
    --rz-grid-filter-buttons-border: var(--rz-border-normal);
    --rz-grid-filter-buttons-background-color: var(--rz-base-200);
    --rz-grid-clear-filter-button-background-color: var(--rz-secondary);
    --rz-grid-clear-filter-button-color: var(--rz-text-contrast-color);
    --rz-grid-clear-filter-button-shadow: inherit;
    --rz-grid-apply-filter-button-background-color: var(--rz-primary);
    --rz-grid-apply-filter-button-color: var(--rz-text-contrast-color);
    --rz-grid-apply-filter-button-shadow: inherit;
    --rz-grid-header-filter-icon-margin: 0 0.5rem 0 auto;
    --rz-grid-header-filter-icon-hover-color: var(--rz-text-color);
    --rz-grid-header-filter-icon-active-color: var(--rz-primary);
    --rz-grid-header-filter-icon-font-size: 1rem;
    --rz-grid-border: var(--rz-border-normal);
    --rz-grid-border-radius: 0;
    --rz-grid-sort-icon-width: 1rem;
    --rz-grid-sort-icon-height: 1rem;
    --rz-grid-sort-icon-color: var(--ps-white);
    --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-grid-background-color: var(--rz-base-background-color);
    --rz-grid-column-resizer-width: 0.5rem;
    --rz-grid-column-resizer-helper-width: 0.25rem;
    --rz-grid-column-resizer-helper-background-color: var(--rz-secondary);
    --rz-grid-column-icon-width: 2rem;
    --rz-grid-column-icon-padding: 0;
    --rz-grid-detail-template-border: none;
    --rz-grid-detail-template-border-radius: 0;
    --rz-grid-detail-template-padding: 0;
    --rz-grid-detail-template-background-color: var(--rz-base-background-color);
    --rz-grid-loading-indicator-color: currentColor;
    --rz-grid-loading-indicator-background-color: rgba(#77858b, 0.5);
    --rz-grid-frozen-cell-border: var(--rz-border-normal);
    --rz-grid-frozen-cell-background-color: var(--rz-base-200);
    --rz-grid-state-transition: var(--rz-transition-all);
    --rz-grid-group-header-padding: 0.5rem;
    --rz-grid-group-header-item-background-color: var(--rz-base-background-color);
    --rz-grid-group-header-item-padding: 0.5rem;
    --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0;
    --rz-grid-group-header-item-border: var(--rz-border-normal);
    --rz-grid-group-header-item-border-radius: var(--rz-border-radius);
    --rz-grid-group-header-items-margin: 0 0 -0.5rem 0;
    --rz-column-drag-handle-color: var(--ps-white);
    --rz-column-drag-handle-hover-color: var(--rz-text-color);
    --rz-column-drag-handle-margin: 0 auto 0 0;
    --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
}

.rz-data-grid {
    border-radius: 8px;
}

table thead th {
    background: var(--ps-black) 0% 0% no-repeat padding-box !important;
    opacity: 1;
}

.rz-grid-table thead th .rz-column-title {
    text-align: center !important;
    font: normal normal normal 14px/24px Roboto, sans-serif !important;
    letter-spacing: 0px !important;
    color: var(--ps-white) !important;
    opacity: 1 !important;
}

table tbody tr td {
    cursor: pointer;
    background-color: transparent !important;
    opacity: 1 !important;
}

.rz-custom-header {
    width: 100% !important;
    display: flex;
    gap: 10px;
}

.rz-data-row {
    background: var(--rz-grid-header-background-color) 0% 0% no-repeat padding-box !important;
}

    .rz-data-row:hover {
        background-color: #DDD !important;
    }

    .rz-data-row.rz-state-highlight {
        background-color: #DDD !important;
        color: var(--ps-white);
    }

.rz-datatable-thead th .rz-column-title-content, .rz-grid-table thead th .rz-column-title-content {
    line-height: 30px;
}

.rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end {
    box-shadow: none; 
}

    .rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end:hover {
        background-color: #DDD !important;
    }

/*-----------------------NEW STYLES---------------------*/

.datagrid-control-button {
    box-shadow: 0px 3px 6px rgba(0, 0, 41, 0) !important;
    color: white !important;
    background: #282B34 0% 0% no-repeat padding-box !important;
    border-radius: 6px !important;
    opacity: 1;
    padding: 0.5rem 0.7rem;
}

.datagrid-control-button:hover {
    opacity: 0.8;
}

.datagrid-filter-button {
    padding: 0.5rem 0.7rem;
}

.rz-datatable-loading-content{
    color: white;
}