.smart-element[theme=dark-custom] { 
    --smart-primary-rgb: 57, 110, 231;
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 1);
    --smart-primary: rgba(57, 110, 231, 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(57, 110, 231, 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-custom] {
    --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-custom].smart-element,
 smart-accordion-item[theme=dark-custom].smart-element {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom].smart-element {
    --smart-ui-state-border-focus: rgba(68, 68, 68, 1);
    --smart-accordion-item-expanded-offset: 20px;
 }
 
 smart-accordion[theme=dark-custom].smart-element smart-accordion-item .smart-accordion-item-header{
    --smart-accordion-item-header-height: 40px;
 }
 
 smart-accordion[theme=dark-custom].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-custom].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-custom].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-custom].smart-element {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom].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-custom].smart-element.success{
    --smart-success: rgba(139, 195, 74, 1);
    --smart-success-color: rgba(255, 255, 255, 1);
 }
 
 smart-button[theme=dark-custom].smart-element.secondary{
    --smart-secondary: rgba(32, 32, 32, 1);
    --smart-secondary-color: rgba(255, 255, 255, 1);
 }
 
 smart-button[theme=dark-custom].smart-element.error{
    --smart-error: rgba(176, 0, 32, 1);
    --smart-error-color: rgba(255, 255, 255, 1);
 }
 smart-button[theme=dark-custom].smart-element.primary,
 smart-toggle-button[theme=dark-custom].smart-element.primary,
 smart-repeat-button[theme=dark-custom].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-custom].smart-element.success,
 smart-toggle-button[theme=dark-custom].smart-element.success,
 smart-repeat-button[theme=dark-custom].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-custom].smart-element.secondary,
 smart-toggle-button[theme=dark-custom].smart-element.secondary,
 smart-repeat-button[theme=dark-custom].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-custom].smart-element.error,
 smart-toggle-button[theme=dark-custom].smart-element.error,
 smart-repeat-button[theme=dark-custom].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-custom], smart-carousel.smart-element[theme=dark-custom] smart-repeat-button {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom], smart-card-view.smart-element[theme=dark-custom] .smart-element {
    --smart-card-view-column-gap: 10px;
    --smart-card-view-row-gap: 10px;
 }
 
 smart-card-view.smart-element[theme=dark-custom], smart-card-view.smart-element[theme=dark-custom] .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-custom], smart-card-view.smart-element[theme=dark-custom] .smart-element {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom].smart-element,
 smart-switch-button[theme=dark-custom].smart-element,
 smart-password-text-box[theme=dark-custom].smart-element,
 smart-masked-text-box[theme=dark-custom].smart-element,
 smart-numeric-text-box[theme=dark-custom].smart-element,
 smart-multiline-text-box[theme=dark-custom].smart-element,
 smart-multi-split-button[theme=dark-custom].smart-element,
 smart-combo-box[theme=dark-custom].smart-element,
 smart-color-picker[theme=dark-custom].smart-element,
 smart-color-panel[theme=dark-custom].smart-element,
 smart-color-panel[theme=dark-custom].smart-element .smart-element,
 smart-file-upload[theme=dark-custom].smart-element,
 smart-input[theme=dark-custom].smart-element,
 smart-radio-button[theme=dark-custom].smart-element,
 smart-check-box[theme=dark-custom].smart-element,
 smart-switch-button[theme=dark-custom].smart-element,
 smart-drop-down-button[theme=dark-custom].smart-element,
 smart-drop-down-list[theme=dark-custom].smart-element,
 smart-query-builder[theme=dark-custom].smart-element,
 smart-scroll-viewer[theme=dark-custom].smart-element,
 smart-date-time-picker[theme=dark-custom].smart-element,
 smart-time-picker[theme=dark-custom].smart-element,
 smart-list-box[theme=dark-custom].smart-element,
 smart-list-item[theme=dark-custom].smart-element,
 smart-calendar[theme=dark-custom].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-custom].smart-element,
 smart-switch-button[theme=dark-custom].smart-element,
 smart-password-text-box[theme=dark-custom].smart-element,
 smart-masked-text-box[theme=dark-custom].smart-element,
 smart-numeric-text-box[theme=dark-custom].smart-element,
 smart-multiline-text-box[theme=dark-custom].smart-element,
 smart-multi-split-button[theme=dark-custom].smart-element,
 smart-combo-box[theme=dark-custom].smart-element,
 smart-color-picker[theme=dark-custom].smart-element,
 smart-color-panel[theme=dark-custom].smart-element,
 smart-color-panel[theme=dark-custom].smart-element .smart-element,
 smart-file-upload[theme=dark-custom].smart-element,
 smart-input[theme=dark-custom].smart-element,
 smart-radio-button[theme=dark-custom].smart-element,
 smart-check-box[theme=dark-custom].smart-element,
 smart-switch-button[theme=dark-custom].smart-element,
 smart-drop-down-button[theme=dark-custom].smart-element,
 smart-drop-down-list[theme=dark-custom].smart-element,
 smart-query-builder[theme=dark-custom].smart-element,
 smart-scroll-viewer[theme=dark-custom].smart-element,
 smart-date-time-picker[theme=dark-custom].smart-element,
 smart-time-picker[theme=dark-custom].smart-element,
 smart-list-box[theme=dark-custom].smart-element,
 smart-list-item[theme=dark-custom].smart-element,
 smart-calendar[theme=dark-custom].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-custom].smart-element,
 smart-switch-button[theme=dark-custom].smart-element,
 smart-password-text-box[theme=dark-custom].smart-element,
 smart-masked-text-box[theme=dark-custom].smart-element,
 smart-numeric-text-box[theme=dark-custom].smart-element,
 smart-multiline-text-box[theme=dark-custom].smart-element,
 smart-multi-split-button[theme=dark-custom].smart-element,
 smart-combo-box[theme=dark-custom].smart-element,
 smart-color-picker[theme=dark-custom].smart-element,
 smart-color-panel[theme=dark-custom].smart-element,
 smart-color-panel[theme=dark-custom].smart-element .smart-element,
 smart-file-upload[theme=dark-custom].smart-element,
 smart-input[theme=dark-custom].smart-element,
 smart-radio-button[theme=dark-custom].smart-element,
 smart-check-box[theme=dark-custom].smart-element,
 smart-switch-button[theme=dark-custom].smart-element,
 smart-drop-down-button[theme=dark-custom].smart-element,
 smart-drop-down-list[theme=dark-custom].smart-element,
 smart-query-builder[theme=dark-custom].smart-element,
 smart-scroll-viewer[theme=dark-custom].smart-element,
 smart-date-time-picker[theme=dark-custom].smart-element,
 smart-time-picker[theme=dark-custom].smart-element,
 smart-list-box[theme=dark-custom].smart-element,
 smart-list-item[theme=dark-custom].smart-element,
 smart-calendar[theme=dark-custom].smart-element {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom], smart-gantt-chart.smart-element[theme=dark-custom] .smart-element {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom].smart-element {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom].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-custom].smart-element {
    --smart-grid-row-height: 30px;
    --smart-grid-column-header-height: 48px;
 }
 
 smart-grid[theme=dark-custom].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-custom].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-custom].smart-element .smart-grid-pager, smart-grid[theme=dark-custom].smart-element .smart-grid-pager smart-pager.smart-element{
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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-custom].smart-element .smart-grid-pager smart-pager.smart-element, smart-grid[theme=dark-custom].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-custom].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-custom].smart-element {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom], smart-menu-item.smart-element[theme=dark-custom], smart-menu-items-group.smart-element[theme=dark-custom] {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom], smart-circular-progress-bar.smart-element[theme=dark-custom] {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom], smart-splitter-bar.smart-element[theme=dark-custom], smart-splitter-item.smart-element[theme=dark-custom] {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom].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;
 }
 
 smart-slider[theme=dark-custom].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-custom].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-custom].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-custom].smart-element {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom].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-custom].smart-element .smart-tabs-selection-bar{
    --smart-tab-item-selection-bar: rgba(57, 110, 231, 1);
 }
 
 smart-tabs[theme=dark-custom].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-custom].smart-element {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom], smart-tree-item.smart-element[theme=dark-custom], smart-tree-items-group.smart-element[theme=dark-custom] {
    --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-custom], smart-tree-item.smart-element[theme=dark-custom], smart-tree-items-group.smart-element[theme=dark-custom] {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom].smart-element.smart-tooltip{
    --smart-secondary: rgba(50, 50, 50, 1);
    --smart-secondary-color: rgba(255, 255, 255, 1);
 }
 
 smart-tooltip[theme=dark-custom].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-custom].smart-element {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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-custom].smart-element {
    --smart-primary: rgba(57, 110, 231, 1);
    --smart-ui-state-active: rgba(57, 110, 231, 1);
    --smart-ui-state-border-active: rgba(57, 110, 231, 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(57, 110, 231, 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);
 }