.smart-element[theme=dark] {
    --smart-primary-rgb: 0, 92, 153;
    /* --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary: rgba(0, 92, 153, 1); */
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(254, 254, 254, 1);
    --smart-background: rgba(36, 36, 36, 1);
    --smart-surface-color: rgba(254, 254, 254, 1);
    --smart-surface: rgba(51, 51, 51, 1);
    --smart-border: rgba(31, 31, 31, 1);
    --smart-border-top-left-radius: 4px;
    --smart-border-top-right-radius: 4px;
    --smart-border-bottom-left-radius: 4px;
    --smart-border-bottom-right-radius: 4px;
    --smart-border-radius: 4px;
    --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
    --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
    --smart-ui-state-hover: rgba(68, 68, 68, 1);
    /* --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1); */
    --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
    --smart-ui-state-focus: rgba(68, 68, 68, 1);
    --smart-outline: rgba(68, 68, 68, 1);
}

.smart-element[theme=dark] {
    --smart-font-family: "Roboto", "Helvetice Neue", sans-serif;
    --smart-font-size: 14px;
    --smart-font-family-icon: smart-icons;
    --smart-font-family-src: ;
}

/* smart-accordion[theme=dark].smart-element,
smart-accordion-item[theme=dark].smart-element {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
}

smart-accordion[theme=dark].smart-element {
   --smart-ui-state-border-focus: rgba(68, 68, 68, 1);
   --smart-accordion-item-expanded-offset: 20px;
}

smart-accordion[theme=dark].smart-element smart-accordion-item .smart-accordion-item-header{
   --smart-accordion-item-header-height: 40px;
}

smart-accordion[theme=dark].smart-element .smart-accordion-item{
   --smart-item-border-top-left-radius: 4px;
   --smart-item-border-bottom-left-radius: 4px;
   --smart-item-border-top-right-radius: 4px;
   --smart-item-border-bottom-right-radius: 4px;
}

smart-accordion[theme=dark].smart-element .smart-accordion-item{
   --smart-first-item-border-top-left-radius: 4px;
   --smart-first-item-border-bottom-left-radius: 4px;
   --smart-first-item-border-top-right-radius: 4px;
   --smart-first-item-border-bottom-right-radius: 4px;
}

smart-accordion[theme=dark].smart-element .smart-accordion-item{
   --smart-last-item-border-top-left-radius: 4px;
   --smart-last-item-border-bottom-left-radius: 4px;
   --smart-last-item-border-top-right-radius: 4px;
   --smart-last-item-border-bottom-right-radius: 4px;
} */

smart-button[theme=dark].smart-element {
    --smart-primary: rgba(0, 92, 153, 1);
    --smart-ui-state-active: rgba(0, 92, 153, 1);
    --smart-ui-state-border-active: rgba(0, 92, 153, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(254, 254, 254, 1);
    --smart-background: rgba(36, 36, 36, 1);
    --smart-surface-color: rgba(254, 254, 254, 1);
    --smart-surface: rgba(51, 51, 51, 1);
    --smart-border: rgba(31, 31, 31, 1);
    --smart-border-radius: 4px;
    --smart-border-top-left-radius: 4px;
    --smart-border-top-right-radius: 4px;
    --smart-border-bottom-left-radius: 4px;
    --smart-border-bottom-right-radius: 4px;
    --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
    --smart-ui-state-hover: rgba(68, 68, 68, 1);
    --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
    --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
    --smart-ui-state-selected: rgba(0, 92, 153, .1);
    --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
    --smart-ui-state-focus: rgba(68, 68, 68, 1);
    --smart-outline: rgba(68, 68, 68, 1);
}

smart-button[theme=dark].smart-element {
    --smart-border-top-left-radius: 4px;
    --smart-border-bottom-left-radius: 4px;
    --smart-border-top-right-radius: 4px;
    --smart-border-bottom-right-radius: 4px;
}

smart-button[theme=dark].smart-element.success {
    --smart-success: rgba(139, 195, 74, 1);
    --smart-success-color: rgba(255, 255, 255, 1);
}

smart-button[theme=dark].smart-element.secondary {
    --smart-secondary: rgba(32, 32, 32, 1);
    --smart-secondary-color: rgba(255, 255, 255, 1);
}

smart-button[theme=dark].smart-element.error {
    --smart-error: rgba(176, 0, 32, 1);
    --smart-error-color: rgba(255, 255, 255, 1);
}

smart-button[theme=dark].smart-element.primary,
smart-toggle-button[theme=dark].smart-element.primary,
smart-repeat-button[theme=dark].smart-element.primary {
    --smart-background: var(--smart-primary);
    --smart-border: var(--smart-primary);
    --smart-background-color: var(--smart-primary-color);
    --smart-ui-state-hover: var(--smart-primary);
    --smart-ui-state-border-hover: var(--smart-primary);
    --smart-ui-state-color-hover: var(--smart-primary-color);
    --smart-ui-state-active: var(--smart-primary);
    --smart-ui-state-active: var(--smart-primary);
    --smart-ui-state-color-active: var(--smart-primary-color);
    --smart-ui-state-focus: var(--smart-primary);
    --smart-ui-state-border-focus: var(--smart-primary);
    --smart-ui-state-color-focus: var(--smart-primary-color);
    --smart-button-flat-color: var(--smart-primary);
    --smart-button-outlined-color: var(--smart-primary);
    --smart-button-outlined-border: var(--smart-primary);
}

smart-button[theme=dark].smart-element.success,
smart-toggle-button[theme=dark].smart-element.success,
smart-repeat-button[theme=dark].smart-element.success {
    --smart-background: var(--smart-success);
    --smart-border: var(--smart-success);
    --smart-background-color: var(--smart-success-color);
    --smart-ui-state-hover: var(--smart-success);
    --smart-ui-state-border-hover: var(--smart-success);
    --smart-ui-state-color-hover: var(--smart-success-color);
    --smart-ui-state-active: var(--smart-success);
    --smart-ui-state-active: var(--smart-success);
    --smart-ui-state-color-active: var(--smart-success-color);
    --smart-ui-state-focus: var(--smart-success);
    --smart-ui-state-border-focus: var(--smart-success);
    --smart-ui-state-color-focus: var(--smart-success-color);
    --smart-button-flat-color: var(--smart-success);
    --smart-button-outlined-color: var(--smart-success);
    --smart-button-outlined-border: var(--smart-success);
}

smart-button[theme=dark].smart-element.secondary,
smart-toggle-button[theme=dark].smart-element.secondary,
smart-repeat-button[theme=dark].smart-element.secondary {
    --smart-background: var(--smart-secondary);
    --smart-border: var(--smart-secondary);
    --smart-background-color: var(--smart-secondary-color);
    --smart-ui-state-hover: var(--smart-secondary);
    --smart-ui-state-border-hover: var(--smart-secondary);
    --smart-ui-state-color-hover: var(--smart-secondary-color);
    --smart-ui-state-active: var(--smart-secondary);
    --smart-ui-state-active: var(--smart-secondary);
    --smart-ui-state-color-active: var(--smart-secondary-color);
    --smart-ui-state-focus: var(--smart-secondary);
    --smart-ui-state-border-focus: var(--smart-secondary);
    --smart-ui-state-color-focus: var(--smart-secondary-color);
    --smart-button-flat-color: var(--smart-secondary);
    --smart-button-outlined-color: var(--smart-secondary);
    --smart-button-outlined-border: var(--smart-secondary);
}

smart-button[theme=dark].smart-element.error,
smart-toggle-button[theme=dark].smart-element.error,
smart-repeat-button[theme=dark].smart-element.error {
    --smart-background: var(--smart-error);
    --smart-border: var(--smart-error);
    --smart-background-color: var(--smart-error-color);
    --smart-ui-state-hover: var(--smart-error);
    --smart-ui-state-border-hover: var(--smart-error);
    --smart-ui-state-color-hover: var(--smart-error-color);
    --smart-ui-state-active: var(--smart-error);
    --smart-ui-state-active: var(--smart-error);
    --smart-ui-state-color-active: var(--smart-error-color);
    --smart-ui-state-focus: var(--smart-error);
    --smart-ui-state-border-focus: var(--smart-error);
    --smart-ui-state-color-focus: var(--smart-error-color);
    --smart-button-flat-color: var(--smart-error);
    --smart-button-outlined-color: var(--smart-error);
    --smart-button-outlined-border: var(--smart-error);
}

/* smart-carousel.smart-element[theme=dark], smart-carousel.smart-element[theme=dark] smart-repeat-button {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
}

smart-card-view.smart-element[theme=dark], smart-card-view.smart-element[theme=dark] .smart-element {
   --smart-card-view-column-gap: 10px;
   --smart-card-view-row-gap: 10px;
}

smart-card-view.smart-element[theme=dark], smart-card-view.smart-element[theme=dark] .smart-card.smart-element {
   --smart-card-border: rgba(31, 31, 31, 1);
   --smart-card-view-vertical-offset: 15px;
   --smart-border-top-left-radius: 0px;
   --smart-border-bottom-left-radius: 0px;
   --smart-border-top-right-radius: 0px;
   --smart-border-bottom-right-radius: 0px;
}

smart-card-view.smart-element[theme=dark], smart-card-view.smart-element[theme=dark] .smart-element {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
}

smart-text-box[theme=dark].smart-element,
smart-switch-button[theme=dark].smart-element,
smart-password-text-box[theme=dark].smart-element,
smart-masked-text-box[theme=dark].smart-element,
smart-numeric-text-box[theme=dark].smart-element,
smart-multiline-text-box[theme=dark].smart-element,
smart-multi-split-button[theme=dark].smart-element,
smart-combo-box[theme=dark].smart-element,
smart-color-picker[theme=dark].smart-element,
smart-color-panel[theme=dark].smart-element,
smart-color-panel[theme=dark].smart-element .smart-element,
smart-file-upload[theme=dark].smart-element,
smart-input[theme=dark].smart-element,
smart-radio-button[theme=dark].smart-element,
smart-check-box[theme=dark].smart-element,
smart-switch-button[theme=dark].smart-element,
smart-drop-down-button[theme=dark].smart-element,
smart-drop-down-list[theme=dark].smart-element,
smart-query-builder[theme=dark].smart-element,
smart-scroll-viewer[theme=dark].smart-element,
smart-date-time-picker[theme=dark].smart-element,
smart-time-picker[theme=dark].smart-element,
smart-list-box[theme=dark].smart-element,
smart-list-item[theme=dark].smart-element,
smart-calendar[theme=dark].smart-element {
   --smart-calendar-cell-border-top-left-radius: 100%;
   --smart-calendar-cell-border-bottom-left-radius: 100%;
   --smart-calendar-cell-border-top-right-radius: 100%;
   --smart-calendar-cell-border-bottom-right-radius: 100%;
}

smart-text-box[theme=dark].smart-element,
smart-switch-button[theme=dark].smart-element,
smart-password-text-box[theme=dark].smart-element,
smart-masked-text-box[theme=dark].smart-element,
smart-numeric-text-box[theme=dark].smart-element,
smart-multiline-text-box[theme=dark].smart-element,
smart-multi-split-button[theme=dark].smart-element,
smart-combo-box[theme=dark].smart-element,
smart-color-picker[theme=dark].smart-element,
smart-color-panel[theme=dark].smart-element,
smart-color-panel[theme=dark].smart-element .smart-element,
smart-file-upload[theme=dark].smart-element,
smart-input[theme=dark].smart-element,
smart-radio-button[theme=dark].smart-element,
smart-check-box[theme=dark].smart-element,
smart-switch-button[theme=dark].smart-element,
smart-drop-down-button[theme=dark].smart-element,
smart-drop-down-list[theme=dark].smart-element,
smart-query-builder[theme=dark].smart-element,
smart-scroll-viewer[theme=dark].smart-element,
smart-date-time-picker[theme=dark].smart-element,
smart-time-picker[theme=dark].smart-element,
smart-list-box[theme=dark].smart-element,
smart-list-item[theme=dark].smart-element,
smart-calendar[theme=dark].smart-element {
   --smart-item-border-top-left-radius: 4px;
   --smart-item-border-bottom-left-radius: 4px;
   --smart-item-border-top-right-radius: 4px;
   --smart-item-border-bottom-right-radius: 4px;
   --smart-list-item-horizontal-offset: 3px;
   --smart-list-item-vertical-offset: 3px;
   --smart-list-item-height: 36px;
   --smart-ui-state-border-focus: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-selected: rgba(0, 92, 153, .1);
}

smart-text-box[theme=dark].smart-element,
smart-switch-button[theme=dark].smart-element,
smart-password-text-box[theme=dark].smart-element,
smart-masked-text-box[theme=dark].smart-element,
smart-numeric-text-box[theme=dark].smart-element,
smart-multiline-text-box[theme=dark].smart-element,
smart-multi-split-button[theme=dark].smart-element,
smart-combo-box[theme=dark].smart-element,
smart-color-picker[theme=dark].smart-element,
smart-color-panel[theme=dark].smart-element,
smart-color-panel[theme=dark].smart-element .smart-element,
smart-file-upload[theme=dark].smart-element,
smart-input[theme=dark].smart-element,
smart-radio-button[theme=dark].smart-element,
smart-check-box[theme=dark].smart-element,
smart-switch-button[theme=dark].smart-element,
smart-drop-down-button[theme=dark].smart-element,
smart-drop-down-list[theme=dark].smart-element,
smart-query-builder[theme=dark].smart-element,
smart-scroll-viewer[theme=dark].smart-element,
smart-date-time-picker[theme=dark].smart-element,
smart-time-picker[theme=dark].smart-element,
smart-list-box[theme=dark].smart-element,
smart-list-item[theme=dark].smart-element,
smart-calendar[theme=dark].smart-element {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
} */

smart-gantt-chart.smart-element[theme=dark],
smart-gantt-chart.smart-element[theme=dark] .smart-element {
    /* --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1); */
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(254, 254, 254, 1);
    --smart-background: rgba(36, 36, 36, 1);
    --smart-surface-color: rgba(254, 254, 254, 1);
    --smart-surface: rgba(51, 51, 51, 1);
    --smart-border: rgba(68, 68, 68, 1);
    --smart-border-radius: 4px;
    --smart-border-top-left-radius: 4px;
    --smart-border-top-right-radius: 4px;
    --smart-border-bottom-left-radius: 4px;
    --smart-border-bottom-right-radius: 4px;
    --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
    --smart-ui-state-hover: rgba(68, 68, 68, 1);
    --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
    /* --smart-ui-state-color-selected: rgba(0, 92, 153, 1); */
    /* --smart-ui-state-selected: rgba(0, 92, 153, .1); */
    --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
    --smart-ui-state-focus: rgba(68, 68, 68, 1);
    --smart-outline: rgba(68, 68, 68, 1);
}

/* smart-grid[theme=dark].smart-element {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
}

smart-grid[theme=dark].smart-element {
   --smart-grid-cell-vertical-border: rgba(31, 31, 31, 1);
   --smart-grid-cell-horizontal-border: rgba(31, 31, 31, 1);
   --smart-grid-cell-header-vertical-border: rgba(31, 31, 31, 1);
   --smart-grid-cell-header-horizontal-border: rgba(31, 31, 31, 1);
   --smart-grid-cell-horizontal-border-opacity-selected: 0.3;
   --smart-grid-cell-vertical-border-opacity-selected: 0.3;
   --smart-grid-cell-background-freeze: rgba(51, 51, 51, 1);
   --smart-grid-cell-color-freeze: rgba(254, 254, 254, 1);
   --smart-grid-cell-font-size: inherit;
   --smart-grid-cell-font-weight: inherit;
}

smart-grid[theme=dark].smart-element {
   --smart-grid-row-height: 30px;
   --smart-grid-column-header-height: 48px;
}

smart-grid[theme=dark].smart-element .smart-grid-column-header{
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-grid-column-horizontal-border: rgba(31, 31, 31, 1);
   --smart-grid-column-vertical-border: rgba(31, 31, 31, 1);
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-grid-column-font-size: inherit;
   --smart-grid-column-font-weight: inherit;
}

smart-grid[theme=dark].smart-element .smart-action-button{
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-border-focus: rgba(68, 68, 68, 1);
}

.smart-grid-column-menu, .smart-grid-column-menu .smart-filter-container{
   --smart-background: rgba(36, 36, 36, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
}

smart-grid[theme=dark].smart-element .smart-grid-pager, smart-grid[theme=dark].smart-element .smart-grid-pager smart-pager.smart-element{
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
}

smart-grid[theme=dark].smart-element .smart-grid-pager smart-pager.smart-element, smart-grid[theme=dark].smart-element .smart-grid-pager smart-pager.smart-element smart-pager.smart-element{
   --smart-item-border-top-left-radius: 100%;
   --smart-item-border-bottom-left-radius: 100%;
   --smart-item-border-top-right-radius: 100%;
   --smart-item-border-bottom-right-radius: 100%;
}

smart-grid[theme=dark].smart-element {
   --smart-alternation-index0-background: rgba(51, 51, 51, 1);
   --smart-alternation-index0-color: rgba(254, 254, 254, 1);
} */

/* smart-list-menu[theme=dark].smart-element {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
}

smart-menu.smart-element[theme=dark], smart-menu-item.smart-element[theme=dark], smart-menu-items-group.smart-element[theme=dark] {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
}

smart-progress-bar.smart-element[theme=dark], smart-circular-progress-bar.smart-element[theme=dark] {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
}

smart-splitter.smart-element[theme=dark], smart-splitter-bar.smart-element[theme=dark], smart-splitter-item.smart-element[theme=dark] {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
} */

/* smart-scroll-bar[theme=dark].smart-element {
    --smart-scroll-bar-background: #3E3E42;
    --smart-scroll-bar-thumb-background: #686868;
    --smart-scroll-bar-thumb-border: #686868;
    --smart-scroll-bar-thumb-background-hover: #9E9E9E;
    --smart-scroll-bar-thumb-border-hover: #9E9E9E;
    --smart-scroll-bar-thumb-background-active: #B7B7B7;
    --smart-scroll-bar-thumb-border-active: #B7B7B7;
    --smart-scroll-bar-button-background: #3E3E42;
    --smart-scroll-bar-button-border: #3E3E42;
    --smart-scroll-bar-button-color: #999999;
    --smart-scroll-bar-button-background-hover: #3E3E42;
    --smart-scroll-bar-button-border-hover: #3E3E42;
    --smart-scroll-bar-button-color-hover: #eeeeee;
    --smart-scroll-bar-button-background-active: #B7B7B7;
    --smart-scroll-bar-button-border-active: #B7B7B7;
    --smart-scroll-bar-button-color-active: #ffffff;
    --smart-scroll-bar-thumb-border-top-left-radius: 0px;
    --smart-scroll-bar-thumb-border-bottom-left-radius: 0px;
    --smart-scroll-bar-thumb-border-top-right-radius: 0px;
    --smart-scroll-bar-thumb-border-bottom-right-radius: 0px;
} */

/* :root {
    --smart-scroll-bar-track-background: #3E3E42;
    --smart-scroll-bar-background: #3E3E42;
    --smart-scroll-bar-thumb-background: #686868;
    --smart-scroll-bar-thumb-border: #686868;
    --smart-scroll-bar-thumb-background-hover: #9E9E9E;
    --smart-scroll-bar-thumb-border-hover: #9E9E9E;
    --smart-scroll-bar-thumb-background-active: #B7B7B7;
    --smart-scroll-bar-thumb-border-active: #B7B7B7;
} */

/* smart-slider[theme=dark].smart-element{
   --smart-border-top-left-radius: 100%;
   --smart-border-bottom-left-radius: 100%;
   --smart-border-top-right-radius: 100%;
   --smart-border-bottom-right-radius: 100%;
}

smart-slider[theme=dark].smart-element{
   --smart-slider-thumb-border-top-left-radius: 15px;
   --smart-slider-thumb-border-bottom-left-radius: 15px;
   --smart-slider-thumb-border-top-right-radius: 15px;
   --smart-slider-thumb-border-bottom-right-radius: 15px;
}

smart-slider[theme=dark].smart-element{
   --smart-slider-track-size: 1px;
   --smart-slider-thumb-width: 20px;
   --smart-slider-thumb-height: 20px;
   --smart-slider-spin-button-width: 30px;
   --smart-slider-spin-button-height: 30px;
}

smart-slider[theme=dark].smart-element {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
}

smart-tabs[theme=dark].smart-element {
   --smart-tab-item-initial-offset: 5px;
   --smart-tab-item-offset: 5px;
   --smart-tab-item-padding: 12px 16px;
   --smart-tabs-header-padding: 0px;
   --smart-tabs-header-offset: 0px;
}

smart-tabs[theme=dark].smart-element .smart-tabs-selection-bar{
   --smart-tab-item-selection-bar: rgba(0, 92, 153, 1);
}

smart-tabs[theme=dark].smart-element {
   --smart-item-border-top-left-radius: 4px;
   --smart-item-border-bottom-left-radius: 4px;
   --smart-item-border-top-right-radius: 4px;
   --smart-item-border-bottom-right-radius: 4px;
}

smart-tabs[theme=dark].smart-element {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
}

smart-tree.smart-element[theme=dark], smart-tree-item.smart-element[theme=dark], smart-tree-items-group.smart-element[theme=dark] {
   --smart-item-border-top-left-radius: 4px;
   --smart-item-border-bottom-left-radius: 4px;
   --smart-item-border-top-right-radius: 4px;
   --smart-item-border-bottom-right-radius: 4px;
}

smart-tree.smart-element[theme=dark], smart-tree-item.smart-element[theme=dark], smart-tree-items-group.smart-element[theme=dark] {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
} */

/* smart-tooltip[theme=dark].smart-element.smart-tooltip{
   --smart-secondary: rgba(50, 50, 50, 1);
   --smart-secondary-color: rgba(255, 255, 255, 1);
}

smart-tooltip[theme=dark].smart-element.smart-tooltip-content{
   --smart-border-top-left-radius: 0px;
   --smart-border-bottom-left-radius: 0px;
   --smart-border-top-right-radius: 0px;
   --smart-border-bottom-right-radius: 0px;
} */

smart-tooltip[theme=dark].smart-element {
   /* --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1); */
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(51, 51, 51, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(68, 68, 68, 1);
   /* --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1); */
}

/* smart-window[theme=dark].smart-element {
   --smart-primary: rgba(0, 92, 153, 1);
   --smart-ui-state-active: rgba(0, 92, 153, 1);
   --smart-ui-state-border-active: rgba(0, 92, 153, 1);
   --smart-primary-color: rgba(255, 255, 255, 1);
   --smart-ui-state-color-active: rgba(255, 255, 255, 1);
   --smart-background-color: rgba(254, 254, 254, 1);
   --smart-background: rgba(36, 36, 36, 1);
   --smart-surface-color: rgba(254, 254, 254, 1);
   --smart-surface: rgba(51, 51, 51, 1);
   --smart-border: rgba(31, 31, 31, 1);
   --smart-border-radius: 4px;
   --smart-border-top-left-radius: 4px;
   --smart-border-top-right-radius: 4px;
   --smart-border-bottom-left-radius: 4px;
   --smart-border-bottom-right-radius: 4px;
   --smart-ui-state-color-hover: rgba(235, 235, 235, 1);
   --smart-ui-state-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-border-hover: rgba(68, 68, 68, 1);
   --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
   --smart-ui-state-selected: rgba(0, 92, 153, .1);
   --smart-ui-state-color-focus: rgba(235, 235, 235, 1);
   --smart-ui-state-focus: rgba(68, 68, 68, 1);
   --smart-outline: rgba(68, 68, 68, 1);
} */