:root {
    --rz-sidebar-background-color: #333333;
    --rz-panel-menu-item-active-color: #333333;
    --rz-grid-selected-color: #FFFFFF !important;
    --rz-grid-selected-background-color: #4f4f4f !important;
    --rz-pager-numeric-button-selected-background-color: #4f4f4f !important;
    --rz-pager-numeric-button-selected-color: #FFFFFF !important;
}
.rz-column-title-content {
    font-weight: bold;
}
.rz-sortable-column .rzi-sort {
    color: var(--rz-grid-sort-icon-color);
}

/* Grid "Reset" button, on the grids that carry the columnResetGrid class (Mystery Shop, Action
   Plans, Coaching Plans, Audit Actions). Radzen lays the grid header out as "custom header, then
   column picker" with the space between them, so the header content is stretched and the button
   pushed to its far end - putting Reset immediately to the left of the picker. Lit while the grid
   differs from its defaults, flat grey (not the theme's faded-out disabled) once it is back at
   them. The .rz-button in each selector is only there to outweigh the theme, which is loaded
   after this. */
.columnResetGrid .rz-group-header > .rz-custom-header {
    flex: 1 1 auto;
    min-width: 0;
}

.columnResetGrid .rz-group-header .columnResetButton.rz-button {
    margin-left: auto;
    background-color: #333333;
    color: #FFFFFF;
    text-transform: none;
}

    .columnResetGrid .rz-group-header .columnResetButton.rz-button:hover {
        background-color: #4F4F4F;
    }

    .columnResetGrid .rz-group-header .columnResetButton.rz-button.rz-state-disabled,
    .columnResetGrid .rz-group-header .columnResetButton.rz-button:disabled {
        background-color: #EEEEEE;
        color: #ABABAB;
        opacity: 1;
        box-shadow: none;
    }

    .columnResetGrid .rz-group-header .columnResetButton .rz-button-box {
        padding: 2px;
    }