.smart-element[theme=atom-light] {
    --smart-primary-rgb: 38, 137, 13;
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-border-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
    --smart-font-size: 14px;
    --smart-font-family: "Open Sans Regular", "Calibri", sans-serif;
}

.smart-element[theme=atom-light] {
    --smart-font-family: "Open Sans Regular", "Calibri", sans-serif;
    --smart-font-size: 14px;
    --smart-font-family-icon: smart-icons;
    --smart-font-family-src:;
}

smart-accordion[theme=atom-light].smart-element,
smart-accordion-item[theme=atom-light].smart-element {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

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

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

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

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

    smart-accordion[theme=atom-light].smart-element .smart-accordion-item {
        --smart-last-item-border-top-left-radius: 8px;
        --smart-last-item-border-bottom-left-radius: 8px;
        --smart-last-item-border-top-right-radius: 8px;
        --smart-last-item-border-bottom-right-radius: 8px;
    }

smart-button[theme=atom-light].smart-element {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

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

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

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

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

    smart-button[theme=atom-light].smart-element.primary,
    smart-toggle-button[theme=atom-light].smart-element.primary,
    smart-repeat-button[theme=atom-light].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=atom-light].smart-element.success,
    smart-toggle-button[theme=atom-light].smart-element.success,
    smart-repeat-button[theme=atom-light].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=atom-light].smart-element.secondary,
    smart-toggle-button[theme=atom-light].smart-element.secondary,
    smart-repeat-button[theme=atom-light].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=atom-light].smart-element.error,
    smart-toggle-button[theme=atom-light].smart-element.error,
    smart-repeat-button[theme=atom-light].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=atom-light], smart-carousel.smart-element[theme=atom-light] smart-repeat-button {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

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

    smart-card-view.smart-element[theme=atom-light], smart-card-view.smart-element[theme=atom-light] .smart-card.smart-element {
        --smart-card-border: rgba(208, 208, 206, 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=atom-light], smart-card-view.smart-element[theme=atom-light] .smart-element {
            --smart-primary: rgba(38, 137, 13, 1);
            --smart-ui-state-active: rgba(38, 137, 13, 1);
            --smart-ui-state-border-active: rgba(38, 137, 13, 1);
            --smart-primary-color: rgba(255, 255, 255, 1);
            --smart-ui-state-color-active: rgba(255, 255, 255, 1);
            --smart-background-color: rgba(0, 0, 0, 1);
            --smart-background: rgba(255, 255, 255, 1);
            --smart-surface-color: rgba(107, 110, 113, 1);
            --smart-surface: rgba(250, 250, 250, 1);
            --smart-border: rgba(208, 208, 206, 1);
            --smart-border-radius: 8px;
            --smart-border-top-left-radius: 8px;
            --smart-border-top-right-radius: 8px;
            --smart-border-bottom-left-radius: 8px;
            --smart-border-bottom-right-radius: 8px;
            --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
            --smart-ui-state-hover: rgba(167, 168, 170, 1);
            --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
            --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
            --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
            --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
            --smart-ui-state-focus: rgba(208, 208, 206, 1);
            --smart-outline: rgba(0, 0, 0, 1);
        }

smart-text-box[theme=atom-light].smart-element,
smart-switch-button[theme=atom-light].smart-element,
smart-password-text-box[theme=atom-light].smart-element,
smart-masked-text-box[theme=atom-light].smart-element,
smart-numeric-text-box[theme=atom-light].smart-element,
smart-multiline-text-box[theme=atom-light].smart-element,
smart-multi-split-button[theme=atom-light].smart-element,
smart-combo-box[theme=atom-light].smart-element,
smart-color-picker[theme=atom-light].smart-element,
smart-color-panel[theme=atom-light].smart-element,
smart-color-panel[theme=atom-light].smart-element .smart-element,
smart-file-upload[theme=atom-light].smart-element,
smart-input[theme=atom-light].smart-element,
smart-radio-button[theme=atom-light].smart-element,
smart-check-box[theme=atom-light].smart-element,
smart-switch-button[theme=atom-light].smart-element,
smart-drop-down-button[theme=atom-light].smart-element,
smart-drop-down-list[theme=atom-light].smart-element,
smart-query-builder[theme=atom-light].smart-element,
smart-scroll-viewer[theme=atom-light].smart-element,
smart-date-time-picker[theme=atom-light].smart-element,
smart-time-picker[theme=atom-light].smart-element,
smart-list-box[theme=atom-light].smart-element,
smart-list-item[theme=atom-light].smart-element,
smart-calendar[theme=atom-light].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=atom-light].smart-element,
    smart-switch-button[theme=atom-light].smart-element,
    smart-password-text-box[theme=atom-light].smart-element,
    smart-masked-text-box[theme=atom-light].smart-element,
    smart-numeric-text-box[theme=atom-light].smart-element,
    smart-multiline-text-box[theme=atom-light].smart-element,
    smart-multi-split-button[theme=atom-light].smart-element,
    smart-combo-box[theme=atom-light].smart-element,
    smart-color-picker[theme=atom-light].smart-element,
    smart-color-panel[theme=atom-light].smart-element,
    smart-color-panel[theme=atom-light].smart-element .smart-element,
    smart-file-upload[theme=atom-light].smart-element,
    smart-input[theme=atom-light].smart-element,
    smart-radio-button[theme=atom-light].smart-element,
    smart-check-box[theme=atom-light].smart-element,
    smart-switch-button[theme=atom-light].smart-element,
    smart-drop-down-button[theme=atom-light].smart-element,
    smart-drop-down-list[theme=atom-light].smart-element,
    smart-query-builder[theme=atom-light].smart-element,
    smart-scroll-viewer[theme=atom-light].smart-element,
    smart-date-time-picker[theme=atom-light].smart-element,
    smart-time-picker[theme=atom-light].smart-element,
    smart-list-box[theme=atom-light].smart-element,
    smart-list-item[theme=atom-light].smart-element,
    smart-calendar[theme=atom-light].smart-element {
        --smart-item-border-top-left-radius: 8px;
        --smart-item-border-bottom-left-radius: 8px;
        --smart-item-border-top-right-radius: 8px;
        --smart-item-border-bottom-right-radius: 8px;
        --smart-list-item-horizontal-offset: 3px;
        --smart-list-item-vertical-offset: 3px;
        --smart-list-item-height: 36px;
        --smart-ui-state-border-focus: rgba(208, 208, 206, 1);
        --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
        --smart-ui-state-border-selected: rgba(38, 137, 13, 0.1);
    }

        smart-text-box[theme=atom-light].smart-element,
        smart-switch-button[theme=atom-light].smart-element,
        smart-password-text-box[theme=atom-light].smart-element,
        smart-masked-text-box[theme=atom-light].smart-element,
        smart-numeric-text-box[theme=atom-light].smart-element,
        smart-multiline-text-box[theme=atom-light].smart-element,
        smart-multi-split-button[theme=atom-light].smart-element,
        smart-combo-box[theme=atom-light].smart-element,
        smart-color-picker[theme=atom-light].smart-element,
        smart-color-panel[theme=atom-light].smart-element,
        smart-color-panel[theme=atom-light].smart-element .smart-element,
        smart-file-upload[theme=atom-light].smart-element,
        smart-input[theme=atom-light].smart-element,
        smart-radio-button[theme=atom-light].smart-element,
        smart-check-box[theme=atom-light].smart-element,
        smart-switch-button[theme=atom-light].smart-element,
        smart-drop-down-button[theme=atom-light].smart-element,
        smart-drop-down-list[theme=atom-light].smart-element,
        smart-query-builder[theme=atom-light].smart-element,
        smart-scroll-viewer[theme=atom-light].smart-element,
        smart-date-time-picker[theme=atom-light].smart-element,
        smart-time-picker[theme=atom-light].smart-element,
        smart-list-box[theme=atom-light].smart-element,
        smart-list-item[theme=atom-light].smart-element,
        smart-calendar[theme=atom-light].smart-element {
            --smart-primary: rgba(38, 137, 13, 1);
            --smart-ui-state-active: rgba(38, 137, 13, 1);
            --smart-ui-state-border-active: rgba(38, 137, 13, 1);
            --smart-primary-color: rgba(255, 255, 255, 1);
            --smart-ui-state-color-active: rgba(255, 255, 255, 1);
            --smart-background-color: rgba(0, 0, 0, 1);
            --smart-background: rgba(255, 255, 255, 1);
            --smart-surface-color: rgba(107, 110, 113, 1);
            --smart-surface: rgba(250, 250, 250, 1);
            --smart-border: rgba(208, 208, 206, 1);
            --smart-border-radius: 8px;
            --smart-border-top-left-radius: 8px;
            --smart-border-top-right-radius: 8px;
            --smart-border-bottom-left-radius: 8px;
            --smart-border-bottom-right-radius: 8px;
            --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
            --smart-ui-state-hover: rgba(167, 168, 170, 1);
            --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
            --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
            --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
            --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
            --smart-ui-state-focus: rgba(208, 208, 206, 1);
            --smart-outline: rgba(0, 0, 0, 1);
        }

smart-gantt-chart.smart-element[theme=atom-light], smart-gantt-chart.smart-element[theme=atom-light] .smart-element {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

smart-grid[theme=atom-light].smart-element {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

smart-grid[theme=atom-light].smart-element {
    --smart-grid-cell-vertical-border: rgba(208, 208, 206, 1);
    --smart-grid-cell-horizontal-border: rgba(208, 208, 206, 1);
    --smart-grid-cell-header-vertical-border: rgba(208, 208, 206, 1);
    --smart-grid-cell-header-horizontal-border: rgba(208, 208, 206, 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(250, 250, 250, 1);
    --smart-grid-cell-color-freeze: rgba(107, 110, 113, 1);
    --smart-grid-cell-font-size: inherit;
    --smart-grid-cell-font-weight: inherit;
}

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

    smart-grid[theme=atom-light].smart-element .smart-grid-column-header {
        --smart-surface-color: rgba(0, 0, 0, 1);
        --smart-surface: rgba(250, 250, 250, 1);
        --smart-grid-column-horizontal-border: rgba(208, 208, 206, 1);
        --smart-grid-column-vertical-border: rgba(208, 208, 206, 1);
        --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
        --smart-ui-state-hover: rgba(167, 168, 170, 1);
        --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
        --smart-grid-column-font-size: inherit;
        --smart-grid-column-font-weight: inherit;
    }

    smart-grid[theme=atom-light].smart-element .smart-action-button {
        --smart-ui-state-hover: rgba(167, 168, 170, 1);
        --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
        --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
        --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
        --smart-ui-state-focus: rgba(208, 208, 206, 1);
        --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
        --smart-ui-state-border-focus: rgba(208, 208, 206, 1);
    }

.smart-grid-column-menu, .smart-grid-column-menu .smart-filter-container {
    --smart-background: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
}

smart-grid[theme=atom-light].smart-element .smart-grid-pager, smart-grid[theme=atom-light].smart-element .smart-grid-pager smart-pager.smart-element {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
}

    smart-grid[theme=atom-light].smart-element .smart-grid-pager smart-pager.smart-element, smart-grid[theme=atom-light].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=atom-light].smart-element {
    --smart-alternation-index0-background: #F1F1F1;
    --smart-alternation-index0-color: #000;
}

smart-list-menu[theme=atom-light].smart-element {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

smart-menu.smart-element[theme=atom-light], smart-menu-item.smart-element[theme=atom-light], smart-menu-items-group.smart-element[theme=atom-light] {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

smart-progress-bar.smart-element[theme=atom-light], smart-circular-progress-bar.smart-element[theme=atom-light] {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

smart-splitter.smart-element[theme=atom-light], smart-splitter-bar.smart-element[theme=atom-light], smart-splitter-item.smart-element[theme=atom-light] {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

smart-scroll-bar[theme=atom-light].smart-element {
    --smart-scroll-bar-background: rgba(241, 241, 241, 1);
    --smart-scroll-bar-thumb-background: rgba(193, 193, 193, 1);
    --smart-scroll-bar-thumb-border: rgba(193, 193, 193, 1);
    --smart-scroll-bar-thumb-background-hover: rgba(168, 168, 168, 1);
    --smart-scroll-bar-thumb-border-hover: rgba(168, 168, 168, 1);
    --smart-scroll-bar-thumb-background-active: rgba(120, 120, 120, 1);
    --smart-scroll-bar-thumb-border-active: rgba(120, 120, 120, 1);
    --smart-scroll-bar-button-background: rgba(241, 241, 241, 1);
    --smart-scroll-bar-button-border: rgba(241, 241, 241, 1);
    --smart-scroll-bar-button-color: rgba(80, 80, 80, 1);
    --smart-scroll-bar-button-background-hover: rgba(210, 210, 210, 1);
    --smart-scroll-bar-button-border-hover: rgba(210, 210, 210, 1);
    --smart-scroll-bar-button-color-hover: rgba(80, 80, 80, 1);
    --smart-scroll-bar-button-background-active: rgba(120, 120, 120, 1);
    --smart-scroll-bar-button-border-active: rgba(120, 120, 120, 1);
    --smart-scroll-bar-button-color-active: rgba(255, 255, 255, 1);
    --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=atom-light].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=atom-light].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=atom-light].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=atom-light].smart-element {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

smart-tabs[theme=atom-light].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=atom-light].smart-element .smart-tabs-selection-bar {
        --smart-tab-item-selection-bar: rgba(38, 137, 13, 1);
    }

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

smart-tabs[theme=atom-light].smart-element {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

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

smart-tree.smart-element[theme=atom-light], smart-tree-item.smart-element[theme=atom-light], smart-tree-items-group.smart-element[theme=atom-light] {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

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

smart-tooltip[theme=atom-light].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=atom-light].smart-element {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

smart-window[theme=atom-light].smart-element {
    --smart-primary: rgba(38, 137, 13, 1);
    --smart-ui-state-active: rgba(38, 137, 13, 1);
    --smart-ui-state-border-active: rgba(38, 137, 13, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: rgba(0, 0, 0, 1);
    --smart-background: rgba(255, 255, 255, 1);
    --smart-surface-color: rgba(107, 110, 113, 1);
    --smart-surface: rgba(250, 250, 250, 1);
    --smart-border: rgba(208, 208, 206, 1);
    --smart-border-radius: 8px;
    --smart-border-top-left-radius: 8px;
    --smart-border-top-right-radius: 8px;
    --smart-border-bottom-left-radius: 8px;
    --smart-border-bottom-right-radius: 8px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-border-hover: rgba(167, 168, 170, 1);
    --smart-ui-state-color-selected: rgba(0, 0, 0, 1);
    --smart-ui-state-selected: rgba(38, 137, 13, 0.1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(208, 208, 206, 1);
    --smart-outline: rgba(0, 0, 0, 1);
}

.smart-list-box input {
    border-radius: 15px !important;
}