:root {
    --rz-border-normal: var(--rz-border-width) solid var(--neutral-500);
    --rz-border-hover: var(--rz-border-width) solid var(--color-primary-1500) !important;
    --rz-border-disabled: var(--rz-border-width) solid var(--color-primary-1500) !important;
    --rz-outline-focus: var(--rz-outline-width) solid var(--color-primary-1500) !important;
    --rz-input-focus-shadow: inset 0 0 0 1px var(--color-primary-1500) !important;
    --rz-dropdown-item-hover-background-color: var(--color-primary-1800) !important;
    --rz-dropdown-item-selected-background-color: var(--color-primary-1900) !important;
    --rz-dropdown-item-selected-color: var(--primary) !important;
    --rz-dropdown-item-selected-hover-color: var(--neutral-600) !important;
    --rz-dropdown-item-selected-hover-background-color: var(--color-primary-1500) !important;
    --rz-dropdown-item-hover-color: var(--neutral-600) !important;

    --rz-grid-background-color: #FFFFFF !important;
    --rz-grid-frozen-cell-background-color: var(--color-primary-2100) !important;
    --rz-text-color: var(--neutral-600) !important;
    --rz-form-field-label-focus-color: var(--nuetral-600) !important;

    --rz-grid-header-color: var(--neutral-700) !important;
    --rz-grid-header-background-color: var(--color-primary-2100) !important;

    --rz-grid-cell-border: transparent !important;
    --rz-grid-frozen-cell-border: none !important;
    --rz-grid-selected-background-color: var(--color-primary-1800) !important;
    --rz-grid-selected-color: var(--neutral-900) !important;
    --rz-grid-hover-background-color: var(--color-primary-2000) !important;
    --rz-grid-hover-color: var(--neutral-900) !important;
    --rz-grid-cell-color: var(--color-primary-500) !important;
    --rz-grid-cell-font-size: 13px !important;
    --rz-grid-foot-background-color:var(--background-container) !important;
    --rz-grid-foot-cell-color:var(--neutral-700) !important;
    --rz-input-focus-border: 1px solid var(--color-primary-1500) !important;
    --hasht-rz-grid-frozen-cell-header-color: var(--color-primary-2100) !important;

    --hasht-rz-icon-color: var(--color-primary-500);
    --hasht-rz-dropdown-items-wrapper-border-color: var(--color-primary-1500);
}

.rz-frozen-cell-right,
.rz-frozen-cell-left-inner,
.rz-frozen-cell-left-inner th {
    background: var(--hasht-rz-grid-frozen-cell-header-color) !important;
}

.rz-frozen-cell:not(th) {
    background: var(--rz-grid-background-color) !important;
}

.rz-grid-table thead th .rz-column-title {
    font-size: 12px !important;
    height: 0.8rem;
}

.rz-grid-table thead th>div:not(.rz-cell-filter) {
    padding-top: 0.60rem !important;
    padding-bottom: 0.60rem !important;
}

.rz-datatable-data td,
.rz-grid-table td {
    padding: 0.2rem 1rem !important;
}

.rz-grid-table td,
.rz-grid-table th {
    padding: 0.2rem 1rem !important;
}

.rz-numeric input[type=number],
.rz-numeric input[type=text] {
    height: 2.5rem !important;
    text-align: right !important;
    border-radius: 8px !important;
    font-family: 'Yekan Bakh FaNum-Light', sans-serif !important;
}

.rz-textbox {
    height: 2.25rem !important;
    border-radius: 8px !important;
}

.rz-form-field-content {
    height: 2.25rem !important;
    border-radius: 8px !important;
}

.rzi-chevron-down {
    color: var(--hasht-rz-icon-color) !important;
}

.rz-dropdown-clear-icon {
    color: var(--hasht-rz-icon-color) !important;
}

.rz-dropdown {
    border-radius: 8px !important;
    height: 2.25rem !important;
}

.rz-dropdown-label {
    font-size: 14px;
}

.rz-dropdown-panel {
    margin-top: 0.5rem !important;
}

.rz-dropdown-items-wrapper {
    border: 0.1rem solid var(--hasht-rz-dropdown-items-wrapper-border-color) !important;
}

.rz-datatable-scrollable-footer {
    background-color: beige !important;
}

.rz-chat .rz-text-body1 {
    font-family: inherit !important;
}


[data-theme='dark'] {
    --rz-border-normal: var(--rz-border-width) solid var(--neutral-500) !important;
    --rz-border-hover: var(--rz-border-width) solid var(--neutral-700) !important;
    --rz-border-disabled: var(--rz-border-width) solid var(--neutral-700) !important;
    --rz-outline-focus: var(--rz-outline-width) solid var(--neutral-700) !important;

    --rz-input-focus-shadow: inset 0 0 0 1px var(--neutral-700) !important;

    --rz-dropdown-item-hover-background-color: var(--background-hover) !important;
    --rz-dropdown-open-background-color: var(--input-field) !important;
    --rz-dropdown-filter-border: none !important;
    --rz-dropdown-item-hover-background-color: var(--color-primary-1800) !important;
    --rz-dropdown-item-selected-background-color: var(--color-primary-1900) !important;
    --rz-dropdown-item-selected-color: var(--color-primary-400) !important;

    --rz-grid-header-color: var(--neutral-300) !important;
    --rz-grid-header-background-color: var(--background-container) !important;
    --rz-grid-frozen-cell-background-color: var(--background-container) !important;
    --rz-grid-group-header-item-background-color: var(--background-container) !important;
    --rz-grid-background-color: var(--input-field) !important;
    --rz-grid-cell-color: var(--neutral-300) !important;
    --rz-grid-stripe-background-color: var(--input-field) !important;
    --rz-grid-stripe-odd-background-color: var(--neutral-700) !important;
    --rz-grid-foot-background-color:var(--background-container) !important;
    --rz-grid-foot-cell-color:var(--neutral-300) !important;

    --rz-input-background-color: var(--input-field) !important;
    --rz-input-focus-background-color: transparent !important;
    --rz-input-hover-background-color: transparent !important;
    --rz-input-value-color: var(--neutral-300) !important;
    --rz-input-placeholder-color: var(--neutral-300) !important;

    --rz-form-field-label-color: var(--neutral-300) !important;
    --rz-form-field-label-focus-color: var(--nuetral-300) !important;
    --rz-dropdown-open-background-color: var(--input-field) !important;
    --rz-dropdown-open-color: var(--input-field) !important;
    --rz-input-focus-border: 1px solid var(--color-primary-1500) !important;

    --hasht-rz-grid-frozen-cell-header-color: var(--background-container) !important;
    --hasht-rz-grid-table-background-color: transparent;

    --hasht-rz-icon-color: var(--color-primary-1900);
    --hasht-rz-state-highlight-color: var(--color-primary-1900);
}