:root {
    /*Radzen theme variables*/
    --rz-primary: var(--primary-strong-color);
    --rz-grid-header-background-color: white;
    --rz-paginator-background-color: var(--rz-grid-header-background-color);
    --rz-grid-header-color: Black;
    --rz-grid-background-color: #e9ecef;
    --rz-grid-stripe-background-color: white;
    --rz-paginator-numeric-button-selected-background-color: var(--primary-strong-color);
    --rz-paginator-numeric-button-selected-color: white;
    --rz-paginator-numeric-button-background-color: transparent;
    --rz-paginator-button-border-radius: 100%;
    --rz-paginator-border: 1px solid black;
    --rz-profile-menu-top-item-background-color: var(--primary-medium-color);
    --rz-profile-menu-toggle-button-color: #black;
    --rz-sidebar-background-color: var(--primary-strong-color);
    --rz-sidebar-toggle-hover-background-color: var(--secondary-strong-color);
    --rz-grid-header-filter-icon-active-color: var(--secondary-strong-color);
    --rz-input-placeholder-color: var(--px-input-placeholder-color);
    /*Dialog*/
    --rz-dialog-title-font-size: 1.1rem;
    --rz-dialog-title-background-color: var( --primary-strong-color);
    --rz-dialog-title-padding: 0.75rem;
    --rz-dialog-content-padding: 0.75rem;
    --rz-dialog-title-color: White;
    --rz-dialog-close-color: White;
}

/*Radzen custom theming*/
.rz-header {
    background-color: var(--primary-medium-color);
    color: black;
    font-weight: 700;
    font-size: 1.8em;
}

.px-menu-sidebar .rz-navigation-item-wrapper,
.px-menu-sidebar .rz-navigation-item {
    background-color: transparent !important;
    color: white !important;
    border-bottom: none;
}

.px-menu-sidebar .rz-navigation-item-wrapper-active {
    background-color: black !important;
    color: white !important;
}

.px-menu-sidebar .rz-navigation-item-icon {
    color: rgba(255,255,255,.6);
}

.px-menu-sidebar .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
    color: var(--secondary-strong-color) !important;
}

.rz-sidebar-toggle:hover {
    background-color: var(--secondary-strong-color) !important;
    font-size: 1.75em !important;
    border-radius: 0 !important;
}

.rz-paginator {
    border-top: 1px solid black;
}

.rz-grid-table thead th {
    border-bottom: 1px solid black;
}

    .rz-datatable-thead th .rz-column-title-content, .rz-grid-table thead th .rz-column-title-content {
        font-weight: bold
    }