:root {
    --default-white-color: #FFF;
    --branding: #ffe600;
    --primary-font: "ey_interstate";
    --secondary-font: "noto_sans";
    --font-size-base: 1rem;
    --weight-bold: bold;
    --weight-regular: normal;
    --weight-light: lighter;
    --hero-font-size: 2.285rem;
    --h1-font-size: 2rem;
    --h2-font-size: 1.714rem;
    --h3-font-size: 1.428rem;
    --h4-font-size: 1.286rem;
    --h5-font-size: 1.143rem;
    --h6-font-size: 1rem;
    --body-sm-font-size: 0.857rem;
    --body-alt-font-size: 1rem;
    --text-link-font-size: 1rem;
    --text-link-color: #2e2e38;
    --text-link-alt-color: #155cb4;
    --caption-font-size: 0.857rem;
    --overline-font-size: 0.857rem;
    --instructional-text-font-size: 0.857rem;
    --ease-in-out: 300ms ease-in-out;
    --ease-in-out-fast: 150ms ease-in-out;
    --ease-in-out-expo: cubic-bezier(1,0,0,1);
    --focus: rgba(23,119,207,.5);
    --focus-state: inset 0 0 0 2px var(--focus);
    --disabled: #eaeaf2;
    --disabled-text: #747480;
    --info: #747480;
    --error: #b9251c;
    --warning: #ed6500;
    --success: #168736;
    --border-color: #2e2e38;
    --body-bg: #fff;
    --body-color: #2e2e38;
    --branding-primary-color: #2e2e38;
    --list-style: circle;
    --avatar-bg-color-list: #109090,#542ea5,#922b73,#1777cf;
    --avatar-status-color-online: #189d3e;
    --avatar-status-color-no-disturb: #e0362c;
    --avatar-status-color-no-available: #e0362c;
    --avatar-status-color-absent: var(--warning);
    --avatar-status-color-warning: var(--warning);
    --avatar-status-color-none: #c4c4cd;
    --avatar-initials-font-color: #fff;
    --accordion-border: 1px solid #e1e1e6;
    --accordion-bg-color: #fff;
    --accordion-accent-color: var(--branding);
    --accordion-functional-expanded-bg-color: #fafafc;
    --accordion-editorial-expanded-bg-color: #fff;
    --accordion--focus-header-border-color: #c4c4cd;
    --accordion--hover-header-color: #2e2e38;
    --accordion--hover-header-text-color: #fff;
    --badge-font-size: 14px;
    --badge-padding: 0.285rem;
    --badge-font-color: #2e2e38;
    --badge-bg-color: #fff;
    --badge-border-color: #2e2e38;
    --badge-alt-font-color: #fff;
    --badge-alt-bg-color: #2e2e38;
    --badge-warning-bg-color: var(--warning);
    --badge-warning-font-color: #1a1a24;
    --badge-error-bg-color: var(--error);
    --badge-error-font-color: #fff;
    --badge-success-bg-color: var(--success);
    --badge-success-font-color: #fff;
    --badge-secondary-background-color: #6c757d;
    --badge-secondary-font-color: #fff;
    --badge-info-background-color: #17a2b8;
    --badge-info-font-color: #fff;
    --breadcrumb-item-font-size: 0.857rem;
    --breadcrumb-item-font-weight: var(--weight-light);
    --breadcrumb-item-active-font-weight: var(--weight-bold);
    --breadcrumb-arrow-separator-color: #2e2e38;
    --breadcrumb-text-color: #2e2e38;
    --breadcrumb-text-alt-color: #155cb4;
    --breadcrumb-dropdown-trigger-icon-color: #2e2e38;
    --btn-font-size: 1rem;
    --btn-font-weight: var(--weight-bold);
    --btn-padding: 0.429rem;
    --btn-padding-medium: 0.572rem;
    --btn-padding-large: 0.715rem;
    --content-switcher-hover-bg-color: #e1e1e6;
    --content-switcher-hover-font-color: #1a1a24;
    --content-switcher-selected-bg-color: #1a1a24;
    --content-switcher-selected-font-color: #fff;
    --content-switcher-defatult-font-color: #2e2e38;
    --content-switcher-default-bg-color: #fff;
    --content-switcher-btn-border-color: #1a1a24;
    --content-switcher-disabled-font-color: #747480;
    --content-switcher-disabled-bg-color: #eaeaf2;
    --btn-primary-bg-color: #ffe600;
    --btn-primary-border-color: #3a3a4a;
    --btn-primary-color: #2e2e38;
    --btn-primary-hover-bg-color: #2e2e38;
    --btn-primary-hover-border-color: #2e2e38;
    --btn-primary-hover-color: #fff;
    --btn-primary-disabled-bg-color: var(--disabled);
    --btn-primary-disabled-border-color: var(--disabled);
    --btn-primary-disabled-color: var(--disabled-text);
    --btn-primary-alt-bg-color: #2e2e38;
    --btn-primary-alt-border-color: #2e2e38;
    --btn-primary-alt-color: #fff;
    --btn-primary-alt-hover-bg-color: #fff;
    --btn-primary-alt-hover-border-color: #2e2e38;
    --btn-primary-alt-hover-color: #2e2e38;
    --btn-primary-alt-disabled-bg-color: var(--disabled);
    --btn-primary-alt-disabled-border-color: var(--disabled);
    --btn-primary-alt-disabled-color: var(--disabled-text);
    --btn-secondary-bg-color: #fff;
    --btn-secondary-border-color: #2e2e38;
    --btn-secondary-color: #2e2e38;
    --btn-secondary-hover-bg-color: #2e2e38;
    --btn-secondary-hover-border-color: #2e2e38;
    --btn-secondary-hover-color: #fff;
    --btn-secondary-disabled-bg-color: var(--disabled);
    --btn-secondary-disabled-border-color: var(--disabled);
    --btn-secondary-disabled-color: var(--disabled-text);
    --btn-warn-bg-color: var(--error);
    --btn-warn-border-color: var(--error);
    --btn-warn-color: #fff;
    --btn-warn-hover-bg-color: #2e2e38;
    --btn-warn-hover-border-color: #2e2e38;
    --btn-warn-hover-color: #fff;
    --btn-warn-focus-bg-color: #2e2e38;
    --btn-warn-focus-border-color: #2e2e38;
    --btn-warn-focus-color: #fff;
    --btn-warn-disabled-bg-color: var(--disabled);
    --btn-warn-disabled-border-color: var(--disabled);
    --btn-warn-disabled-color: var(--disabled-text);
    --btn-text-color: var(--body-color);
    --btn-text-color-disabled: #747480;
    --btn-text-alt-color: #155cb4;
    --btn-text-font-size: var(--body-sm-font-size);
    --btn-icon-color: #1a1a24;
    --btn-icon-hover-color: #1a1a24;
    --btn-icon-hover-bg-color: #e1e1e6;
    --btn-icon-focus-color: #1a1a24;
    --btn-icon-focus-bg-color: #e1e1e6;
    --btn-icon-disabled-color: var(--disabled-text);
    --btn-fab-color: #fff;
    --btn-fab-bg-color: #2e2e38;
    --btn-fab-size: 3.7142857143rem;
    --btn-fab-icon-size: 2.2857142857rem;
    --btn-fab-size-sm: 3.1428571429rem;
    --btn-fab-icon-size-sm: 1.7142857143rem;
    --btn-fab-hover-bg-color: var(--branding);
    --btn-fab-hover-color: #2e2e38;
    --btn-fab-disabled-color: var(--disabled-text);
    --btn-fab-disabled-bg-color: var(--disabled);
    --btn-loader-primary-color: #2e2e38;
    --btn-loader-primary-bg-color: var(--branding);
    --btn-loader-primary-border-color: #1a1a24;
    --btn-loader-primary-progress-bg-color: #2e2e38;
    --btn-loader-primary-alt-color: #fff;
    --btn-loader-primary-alt-bg-color: #2e2e38;
    --btn-loader-primary-alt-border-color: #2e2e38;
    --btn-loader-primary-alt-progress-bg-color: var(--branding);
    --btn-loader-secondary-color: #2e2e38;
    --btn-loader-secondary-bg-color: #fff;
    --btn-loader-secondary-border-color: #2e2e38;
    --btn-loader-secondary-progress-bg-color: #2e2e38;
    --button-loading-primary-progress-bg-color: #2e2e38;
    --button-loading-primary-alt-progress-bg-color: var(--branding);
    --button-loading-secondary-progress-bg-color: #2e2e38;
    --button-loading-primary-alt-progress-bg-color-hover: var(--branding);
    --btn-link-bg-color: transparent;
    --btn-link-border-color: transparent;
    --btn-link-hover-bg-color: transparent;
    --btn-link-hover-border-color: transparent;
    --btn-link-disabled-bg-color: transparent;
    --btn-link-disabled-border-color: transparent;
    --btn-link-disabled-color: var(--disabled-text);
    --card-border: 1px solid #e1e1e6;
    --card-bg-color: #fff;
    --card-box-shadow: none;
    --card-box-shadow-hover: 0 0 8px 0 rgba(0,0,0,.3);
    --card-footer-bg-color: #eaeaf2;
    --card-footer-active-border-color: #2e2e38;
    --card-header-light-dark-color: #2e2e38;
    --chip-color: #2e2e38;
    --chip-bg-color: #fff;
    --chip-border: 1px solid #2e2e38;
    --chip-border-radius: 32px;
    --chip-font-size: 0.75rem;
    --chip-font-weight: var(--weight-regular);
    --chip-hover-color: #fff;
    --chip-hover-bg-color: #2e2e38;
    --chip-hover-border-color: #2e2e38;
    --chip-active-color: #fff;
    --chip-active-bg-color: #1a1a24;
    --chip-disabled-color: #747480;
    --chip-disabled-bg-color: #eaeaf2;
    --chip-disabled-border-color: var(--disabled);
    --chip-success-border-color: var(--success);
    --chip-success-bg-color: var(--success);
    --chip-success-color: #fff;
    --chip-warning-border-color: var(--warning);
    --chip-warning-bg-color: var(--warning);
    --chip-warning-color: #1a1a24;
    --chip-error-border-color: var(--error);
    --chip-error-bg-color: var(--error);
    --chip-error-color: #fff;
    --chip-close-button-hover: #585860;
    --chip-monochrome-light-border-color: #2e2e38;
    --chip-monochrome-light-bg-color: #fff;
    --chip-monochrome-light-color: #2e2e38;
    --chip-monochrome-dark-border-color: #2e2e38;
    --chip-monochrome-dark-bg-color: #2e2e38;
    --chip-monochrome-dark-color: #fff;
    --dropdown-bg-color: #fff;
    --dropdown-font-color: #2e2e38;
    --dropdown-font-color-hover: #2e2e38;
    --dropdown-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.2);
    --dropdown-border: 1px solid #c4c4cd;
    --dropdown-menu-item-focus-border: 1px solid #c4c4cd;
    --dropdown-menu-item-hover: #e1e1e6;
    --rich-text-editor-border-color: #e1e1e6;
    --rich-text-editor-bg-color: #fff;
    --rich-text-editor-toolbar-bg-color: #f6f6fa;
    --rich-text-editor-toolbar-border-color: #e1e1e6;
    --rich-text-editor-icon-color: var(--body-color);
    --rich-text-editor-color: var(--body-color);
    --rich-text-editor-background-icon-hover-bg-color: #e1e1e6;
    --rich-text-editor-toolbar-picker-options-border-color: #e1e1e6;
    --rich-text-editor-toolbar-picker-options-expanded-border-color: #2e2e3c;
    --filters-bg-color: #fff;
    --filters-border: 1px solid #e1e1e6;
    --filters-header-title-font-color: #2e2e38;
    --filters-scrollbar-track-color: #f6f6fa;
    --filters-scrollbar-thumb-color: #c4c4cd;
    --header-bg-color: #2e2e38;
    --header-icon-color: #fff;
    --header-icon-hover-bg-color: #3a3a4a;
    --header-icon-focus-bg-color: #3a3a4a;
    --header-app-name-font-size: 1.286rem;
    --header-app-name-color: #fff;
    --header-search-bg-color: #1a1a24;
    --header-search-font-color: #fff;
    --header-search-placeholder-color: #747480;
    --icon-fill-color: #1a1a24;
    --icon-fill-dark-color: #fff;
    --loader-bg-color: hsla(0,0%,100%,.75);
    --loader-square-bg-color: var(--branding);
    --menu-overlay-bg-color: rgba(26,26,36,.6);
    --menu-bg-color: #fff;
    --menu-font-color: #2e2e38;
    --menu-button-icon-color: #2e2e38;
    --menu-active-item-bg-color: #eaeaf2;
    --menu-alt-bg-color: #2e2e38;
    --menu-alt-font-color: #fff;
    --menu-alt-button-icon-color: #fff;
    --menu-alt-active-item-bg-color: #1a1a24;
    --modal-bg-color: #fff;
    --modal-overlay-bg-color: rgba(26,26,36,.6);
    --modal-box-shadox: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;
    --modal-header-bg-color: #fff;
    --modal-header-font-color: #2e2e38;
    --modal-header-border-color: #e1e1e6;
    --modal-header-close-btn-color: #2e2e38;
    --modal-alt-header-bg-color: #2e2e38;
    --modal-alt-header-font-color: #fff;
    --modal-alt-header-close-modal-hover: #585860;
    --pagination-icon-color: #2e2e38;
    --pagination-icon-trigger-hover-bg-color: #eaeaf2;
    --pagination-count-font-color: #2e2e38;
    --pagination-select-trigger-bg-color: transparent;
    --pagination-select-trigger-icon-color: #2e2e38;
    --pagination-select-trigger-font-size: 1rem;
    --pagination-select-trigger-color: #2e2e38;
    --pagination-select-menu-item-hover-bg-color: #eaeaf2;
    --pagination-select-menu-item-hover-color: #2e2e38;
    --pagination-select-menu-item-focus-color: #2e2e38;
    --pagination-select-menu-item-active-bg-color: #e1e1e6;
    --pagination-select-menu-item-font-size: 1rem;
    --pagination-select-menu-item-color: #2e2e38;
    --pagination-select-menu-border-width: 1px 1px 1px 1px;
    --pagination-select-menu-border-color: #2e2e38;
    --pagination-select-menu-bg-color: #fff;
    --pagination-select-menu-boxshadow: 2px 2px 5px 0px rgba(26,26,36,.2);
    --progress-bar-bg-color: #e1e1e6;
    --progress-bar-color: #2e2e38;
    --progress-indicator-default-bar-color: #e1e1e6;
    --progress-indicator-default-bg-color: #e1e1e6;
    --progress-indicator-border-color: #2e2e38;
    --progress-indicator-fill-color: #fff;
    --progress-indicator-completed-bar-color: #2e2e38;
    --progress-indicator-completed-bg-color: #2e2e38;
    --progress-indicator-completed-border-color: #2e2e38;
    --progress-indicator-completed-body-color: #747480;
    --progress-indicator-completed-hover-body-color: #2e2e38;
    --progress-indicator-active-bar-color: var(--branding);
    --progress-indicator-disabled-font-color: #747480;
    --progress-indicator-disabled-bar-color: #747480;
    --progress-indicator-disabled-bg-color: #fff;
    --progress-indicator-disabled-border-color: #747480;
    --progress-indicator-error-bar-color: var(--error);
    --progress-indicator-error-bg-color: var(--error);
    --progress-indicator-error-fill-color: #fff;
    --footer-bg-color: #fff;
    --footer-border-color: transparent;
    --footer-box-shadow: hsla(240,9%,89%,.7);
    --tab-navigation-border-bottom: 1px solid #c4c4cd;
    --tab-navigation-font-color: #2e2e38;
    --tab-navigation-hover-font-color: #2e2e38;
    --tab-navigation-disabled-text-color: var(--disabled-text);
    --table-header-bg-color: #fff;
    --table-icon-color: #23232f;
    --table-title-border-bottom-color: transparent;
    --table-title-bg-color: #2e2e38;
    --table-title-color: #fff;
    --table-row-color: #2e2e38;
    --table-row-border-color: #e1e1e6;
    --table-row-hover-bg-color: #dce7f4;
    --table-row-hover-box-shadow: none;
    --table-odd-row-bg-color: #f6f6fa;
    --table-even-row-bg-color: #fff;
    --table-row-icon-color: #2e2e38;
    --table-data-header-font-size: 0.857rem;
    --table-data-cell-font-size: 0.857rem;
    --table-data-cell-font-color: #1a1a24;
    --table-pagination-icon-hover-bg-color: #eaeaf2;
    --timeline-color: #747480;
    --timeline-bg-color: #35a4e8;
    --timeline-checkmark-bg-color: var(--body-bg);
    --timeline-past-due-color: var(--error);
    --toast-box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
    --toast-info-icon-color: var(--info);
    --toast-success-icon-color: var(--success);
    --toast-error-icon-color: var(--error);
    --toast-warning-icon-color: var(--warning);
    --toast-close-button-color: #2e2e38;
    --toast-bg-color: #fff;
    --tooltip-bg-color: #fff;
    --tooltip-text-color: #1a1a24;
    --tooltip-alternate-bg-color: #2e2e38;
    --tooltip-alternate-text-color: #fff;
    --tree-font-size: 1rem;
    --tree-font-weight: var(--weight-regular);
    --tree-font-color: #2e2e38;
    --tree-active-font-weight: var(--weight-bold);
    --tree-disabled-font-color: #747480;
    --tree-lines-color: #c4c4cd;
    --typeahead-bg-color: #fff;
    --typeahead-border: 1px solid #2e2e38;
    --typeahead-hover-bg-color: #eaeaf2;
    --typeahead-active-bg-color: #e1e1e6;
    --typeahead-font-color: var(--body-color);
    --typeahead-results-border: #1a1a24;
    --form-element-font-color: #2e2e38;
    --form-element-bg-color: #f6f6fa;
    --form-element-border-color: var(--border-color);
    --form-element-hover-bg-color: #e1e1e6;
    --form-element-disabled-color: var(--disabled-text);
    --form-element-disabled-bg-color: #f6f6fa;
    --form-element-disabled-border-width: 0;
    --form-element-disabled-border-color: #c4c4cd;
    --form-element-placeholder-color: #747480;
    --input-clear-button-disabled-color: #c4c4cd;
    --number-input-bg-color: #f6f6fa;
    --number-input-btn-bg: transparent;
    --number-input-border-color: #2e2e38;
    --number-input-btn-bg-hover: #e1e1e6;
    --number-input-btn-bg-focus: #e1e1e6;
    --number-input-btn-border-focus: #2e2e38;
    --number-input-btn-border-hover: #2e2e38;
    --number-input-error-border-color: #b9251c;
    --number-input-disabled-bg-color: #f6f6fa;
    --number-input-disabled-color: #747480;
    --time-picker-bg-color: #f6f6fa;
    --time-picker-border-color: #2e2e38;
    --time-picker-bg-hover: #e1e1e6;
    --time-picker-border-focus: #2e2e38;
    --time-picker-error-border-color: #b9251c;
    --time-picker-disabled-bg-color: #f6f6fa;
    --time-picker-disabled-color: #747480;
    --checkbox-bg-color: #fff;
    --checked-bg-color: #2e2e38;
    --checked-disabled-bg-color: #c4c4cd;
    --checked-icon-color: #fff;
    --date-picker-navigation-bg-color: #2e2e38;
    --date-picker-navigation-arrow-color: #fff;
    --date-picker-tile-color: #1a1a24;
    --date-picker-tile-active-color: #fff;
    --date-picker-tile-active-bg-color: #2e2e38;
    --date-picker-tile-active-hover-bg-color: #e1e1e6;
    --date-picker-neighboring-month-color: #747480;
    --date-picker-weekend-color: #747480;
    --date-picker-disabled-color: #717171;
    --date-picker-calendar-bg-color: #fff;
    --date-picker-weekday-color: #c4c4cd;
    --date-picker-view-container-border-color: #585860;
    --file-uploader-background-color: #f6f6fa;
    --file-uploader-border-color: #c4c4cd;
    --file-uploader-font-color: #2e2e38;
    --file-uploader-hover-border-color: #2e2e38;
    --file-uploader-icon-color: #2e2e38;
    --file-uploader-disabled-font-color: #c4c4cd;
    --file-uploader-disabled-background-color: #f6f6fa;
    --file-uploader-disabled-border-color: #c4c4cd;
    --file-uploader-disabled-icon-color: #c4c4cd;
    --file-uploader-invalid-icon-color: #2e2e38;
    --file-uploader-item-background: #fafafc;
    --file-uploader-item-border-color: #e7e7ea;
    --file-uploader-item-font-color: #2e2e38;
    --file-uploader-item-progress-bar-bg-color: #e1e1e6;
    --file-uploader-item-progress-bar-color: #2e2e38;
    --file-uploader-item-error-border-color: #b9251c;
    --file-uploader-item-error-font-color: #2e2e38;
    --file-uploader-item-disabled-background-color: #eaeaf2;
    --file-uploader-item-disabled-font-color: #2e2e38;
    --label-font-size: 0.857rem;
    --label-color: #2e2e38;
    --select-list-bg-color: #fff;
    --select-option-hover-bg-color: #e1e1e6;
    --select-option-selected-color: #2e2e38;
    --select-option-border-color: var(--border-color);
    --select-option-disabled-color: #f6f6fa;
    --select-trigger-disabled-color: #c4c4cd;
    --select-input-filter: #f6f6fa;
    --select-input-filter-border: #2e2e38;
    --select-input-color: #2e2e38;
    --select-option-bg-color: #fff;
    --radio-button-input-color: #2e2e38;
    --radio-button-bg-color: #fff;
    --radio-button-disabled-input-color: #c4c4cd;
    --radio-button-disabled-label-color: var(--form-element-disabled-color);
    --radio-button-label-color: #2e2e38;
    --slider-font-color: #2e2e38;
    --slider-border-color: #2e2e38;
    --slider-track-bg-color: #e1e1e6;
    --slider-thumb-color: #2e2e38;
    --slider-thumb-hover-color: #fff;
    --slider-thumb-focus-color: #fff;
    --slider-thumb-disabled-bg-color: #e1e1e6;
    --slider-track-disabled-bg-color: #c4c4cd;
    --slider-thumb-circle-disabled-bg-color: #c4c4cd;
    --slider-thumb-active-color: #fff;
    --vertical-navigation-bg-color: #2e2e38;
    --vertical-navigation-menu-item-color: #c4c4cd;
    --vertical-navigation-menu-item-bg-color: #2e2e38;
    --vertical-navigation-menu-item-hover-color: #fff;
    --vertical-navigation-menu-item-hover-bg-color: #1a1a24;
    --vertical-navigation-menu-item-active-color: #fff;
    --vertical-navigation-menu-item-active-bg-color: #1a1a24;
    --vertical-navigation-menu-item-active-border-color: #ffe600;
    --vertical-navigation-menu-list-bg-color: #1a1a24;
    --vertical-navigation-menu-list-item-color: #c4c4cd;
    --vertical-navigation-menu-list-item-bg-color: #23232f;
    --vertical-navigation-menu-list-item-active-color: #ffe600;
    --vertical-navigation-menu-list-item-active-bg-color: #1a1a24;
    --vertical-navigation-menu-list-item-hover-color: #fff;
    --vertical-navigation-menu-list-item-hover-bg-color: #1a1a24;
    --vertical-navigation-context-switcher-text-color: #c4c4cd;
    --vertical-navigation-context-switcher-inner-text-color: #c4c4cd;
    --vertical-navigation-context-switcher-main-button-background: #2e2e38;
    --vertical-navigation-context-switcher-button-selected: #ffe600;
    --vertical-navigation-context-switcher-button-hover: #1a1a24;
    --vertical-navigation-context-switcher-button-hover-color: #fff;
    --vertical-navigation-context-switcher-button-active: #1a1a24;
    --vertical-navigation-context-switcher-button-active-color: #fff;
    --text-area-scroll-bar-bg: #c4c4cd;
    --text-area-scroll-bar-hover-bg: #747480;
    --text-area-bg-hover-color: #e1e1e6;
    --text-area-border-bottom-color: #2e2e38;
    --text-area-disabled-border-bottom-color: initial;
    --toggle-switch-off-bg-color: #c4c4cd;
    --toggle-switch-off-control-bg-color: #747480;
    --toggle-switch-on-bg-color: #34c768;
    --toggle-switch-on-control-bg-color: #189d3e;
    --toggle-switch-hover-control-border-color: #2e2e38;
    --toggle-switch-disabled-control-bg-color: #c4c4cd;
    --toggle-switch-disabled-bg-color: #fff;
    --pin-entry-clear-icon-bg-hover-color: #e1e1e6;
    --motif-skeleton-container-background: #fff;
    --motif-skeleton-container-border: 1px solid #e1e1e6;
    --motif-skeleton-container-background-alt: #f6f6fa;
    --motif-skeleton-container-border-alt: 1px solid #e1e1e6;
    --motif-skeleton-background: #e1e1e6;
    --motif-skeleton-animation-gradient: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6),hsla(0,0%,100%,0));
    --carousel-dot-color: #1a1a24;
    --carousel-arrow-hover: #e1e1e6;
    --carousel-background: #eaeaf2;
    --metadata-accordion-background: #fafafc;
    --metadata-accordion-background-hover: #eaeaf2;
    --metadata-accordion-line-separator: #e1e1e6;
    --top-nav-height: 65px;
    --side-nav-collasped-submenu-width: 300px;
    --select-li-color: gray;
    --page-footer-bg-color: rgb(255, 255, 255);
    --page-footer-color: rgb(116 116 121);
}

body {
    background-color: var(--body-bg);
    font-size: var(--font-size-base);
    color: var(--body-color);
}

.text-primary {
    color: var(--body-color) !important;
}

.header-icons {
    font-size: 24px !important;
    color: var(--header-icon-color) !important;
}

#vertical-menu-btn {
    color: var(--header-icon-color) !important;
}
/*primary button start*/
.btn-primary {
    background-color: var(--btn-primary-bg-color) !important;
    border-color: var(--btn-primary-border-color) !important;
    color: var(--btn-primary-color) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    font-weight: 700 !important;
}

    .btn-primary:hover {
        background-color: var(--btn-primary-hover-bg-color) !important;
        border-color: var(--btn-primary-hover-border-color) !important;
        color: var(--btn-primary-hover-color) !important;
    }

    .btn-primary:focus {
        background-color: var(--btn-primary-hover-bg-color) !important;
        border-color: var(--btn-primary-hover-border-color) !important;
        color: var(--btn-primary-hover-color) !important;
    }
/*primary button end*/

.btn-outline-primary {
    background-color: #FFF !important;
    border-color: var(--btn-primary-alt-bg-color) !important;
    color: var(--btn-primary-alt-bg-color) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    font-weight: 700 !important;
}

.btn-outline-primary:hover {
    color: #FFF !important;
    background-color: var(--btn-primary-alt-bg-color) !important;
    border-color: var(--btn-primary-alt-bg-color) !important;
}

.btn-outline-primary:focus {
    color: #FFF !important;
    background-color: var(--btn-primary-alt-bg-color) !important;
    border-color: var(--btn-primary-alt-bg-color) !important;
}

.btn-outline-primary.alt-bg {
    background-color: var(--motif-skeleton-container-background-alt) !important;
}
.btn-outline-primary.alt-bg:hover {
    color: #FFF !important;
    background-color: var(--btn-primary-alt-bg-color) !important;
    border-color: var(--btn-primary-alt-bg-color) !important;
}
.btn-outline-primary.alt-bg:focus {
    color: #FFF !important;
    background-color: var(--btn-primary-alt-bg-color) !important;
    border-color: var(--btn-primary-alt-bg-color) !important;
}

/*primary yellow*/
.btn-primary-yellow {
    background-color: var(--btn-primary-bg-color) !important;
    border-color: var(--btn-primary-border-color) !important;
    color: var(--btn-primary-color) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    font-weight: 700 !important;
}

    .btn-primary-yellow:hover {
        background-color: var(--btn-primary-hover-bg-color) !important;
        border-color: var(--btn-primary-hover-border-color) !important;
        color: var(--btn-primary-hover-color) !important;
    }

    .btn-primary-yellow:focus {
        background-color: var(--btn-primary-hover-bg-color) !important;
        border-color: var(--btn-primary-hover-border-color) !important;
        color: var(--btn-primary-hover-color) !important;
    }
/*primary yellow end*/



/*primary red*/
.btn-primary-red {
    background-color: var(--btn-warn-bg-color) !important;
    border-color: var(--btn-warn-border-color) !important;
    color: var(--btn-warn-color) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    font-weight: 700 !important;
}

    .btn-primary-red:hover {
        background-color: var(--btn-primary-hover-bg-color) !important;
        border-color: var(--btn-primary-hover-border-color) !important;
        color: var(--btn-primary-hover-color) !important;
    }

    .btn-primary-red:focus {
        background-color: var(--btn-primary-hover-bg-color) !important;
        border-color: var(--btn-primary-hover-border-color) !important;
        color: var(--btn-primary-hover-color) !important;
    }
/*primary red end*/


.modal-header {
    background-color: var(--modal-header-bg-color) !important;
}

.modal-title {
    color: var(--modal-header-font-color) !important;
}

.vertical-menu {
    background-color: var(--vertical-navigation-bg-color) !important;
    top: var(--top-nav-height) !important;
    width: 300px !important;
}

.header-item {
    height: var(--top-nav-height) !important;
}

#sidebar-menu {
    padding: 0px;
}

body[data-sidebar-size=sm] .navbar-brand-box {
    width: auto !important;
}

#vertical-menu-btn {
    margin: 0px !important;
}


body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {
    background-color: var(--vertical-navigation-menu-list-item-bg-color) !important;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {
    width: calc(var(--side-nav-collasped-submenu-width) + 70px);
    background-color: var(--vertical-navigation-menu-list-item-active-bg-color) !important;
    color: var(--vertical-navigation-menu-list-item-active-color) !important;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul {
    width: var(--side-nav-collasped-submenu-width) !important;
    left: 69px !important;
}

    body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {
        width: var(--side-nav-collasped-submenu-width) !important;
    }

#sidebar-menu ul li a {
    color: var(--vertical-navigation-menu-item-color) !important;
    font-size: 16px !important;
    font-weight: 100 !important;
    line-height: 30px !important;
    cursor: pointer;
}

    #sidebar-menu ul li a i {
        color: var(--vertical-navigation-menu-item-color) !important;
        font-size: 1.25rem !important;
    }

    #sidebar-menu ul li a.active {
        color: var(--vertical-navigation-menu-list-item-active-color) !important;
        background-color: var(--vertical-navigation-menu-list-item-active-bg-color) !important;
    }

        #sidebar-menu ul li a.active:hover {
            color: var(--vertical-navigation-menu-list-item-active-color) !important;
            background-color: var(--vertical-navigation-menu-list-item-active-bg-color) !important;
        }

    #sidebar-menu ul li a:hover {
        color: var(--vertical-navigation-menu-item-hover-color) !important;
        background-color: var(--vertical-navigation-menu-item-hover-bg-color) !important;
    }

    #sidebar-menu ul li a i:hover {
        color: var(--vertical-navigation-menu-item-hover-color) !important;
    }

    #sidebar-menu ul li a span {
        padding-left: 10px;
    }

.parent-active {
    box-shadow: inset .25rem 0 0 0 var(--vertical-navigation-menu-item-active-border-color);
    background-color: var(--vertical-navigation-menu-item-active-bg-color);
    color: var(--vertical-navigation-menu-item-active-color);
}

.navbar-brand-box {
    background-color: var(--header-bg-color) !important;
    border: 0px !important;
    box-shadow: none !important;
    height: var(--top-nav-height) !important;
    width: 100% !important;
}

.logo-txt {
    font-weight: 100;
    font-size: var(--header-app-name-font-size);
    vertical-align: middle;
    color: var(--header-app-name-color);
}

#page-topbar {
    background-color: var(--header-bg-color) !important;
    border: 0px !important;
    height: var(--top-nav-height) !important;
}

.navbar-header {
    height: var(--top-nav-height) !important;
}

.main-content {
    margin-left: 300px !important;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: flex-start;
}

body[data-sidebar-size=sm] .main-content {
    margin-left: 70px !important;
}

.footer {
    left: 300px !important;
}

body[data-sidebar-size=sm] .footer {
    left: 70px !important;
}

body[data-sidebar-size=sm] {
    min-height: 100px !important;
}

.page-content {
    padding: 20px 20px 20px 20px !important;
}

.page-title-box {
    padding-bottom: 20px !important;
    padding-top: 95px !important;
    background-color: var(--motif-skeleton-container-background-alt) !important;
    /*margin-bottom: 1.5rem !important;*/
}

.card {
    border: 0px !important;
}

.border {
    border: 1px solid #e9e9ef !important;
}

.ag-cell-last-left-pinned {
    overflow: visible !important;
}

.ag-row {
    z-index: 0;
}

    .ag-row.ag-row-focus {
        z-index: 1;
    }

.ag-root-wrapper {
    overflow: visible !important;
}

.ag-root-wrapper-body {
    overflow: visible !important;
}

.ag-root {
    overflow: visible !important;
}

.ag-body-viewport {
    overflow: visible !important;
}



.dropdown-menu {
    border-radius: 0px !important;
    padding: 0px !important;
    border: var(--dropdown-border);
    box-shadow: var(--dropdown-box-shadow);
}

.dropdown-divider {
    margin: 0px !important;
    border: var(--dropdown-border);
}

.dropdown-item {
    padding: .7rem 1rem !important;
    line-height: initial;
}

    .dropdown-item:hover {
        background-color: var(--dropdown-menu-item-hover) !important;
        cursor: pointer;
    }

.modal-footer {
    justify-content: flex-start !important;
}

.modal-header .btn-close {
    color: var(--modal-header-close-btn-color) !important;
}

    .modal-header.btn-close:hover {
        color: var(--btn-icon-hover-color) !important;
        background-color: var(--btn-icon-hover-bg-color) !important;
    }




.form-control {
    color: var(--form-element-font-color);
    background-color: var(--form-element-bg-color);
    border: none;
    border-bottom: 1px solid var(--form-element-border-color);
    border-radius: 0;
}

    .form-control:disabled, .form-control[readonly] {
        color: var(--form-element-font-color);
        background-color: var(--form-element-disabled-bg-color);
        border: none !important;
    }

        .form-control:disabled:hover {
            cursor: not-allowed;
        }

        .form-control[readonly]:hover {
            cursor: not-allowed;
        }

    /*.form-control:not(disabled):not([readonly]):hover {
        background-color: var(--form-element-hover-bg-color);
    }*/

    .form-control:not([type=file]):not(disabled):not([readonly]):hover {
        background-color: var(--form-element-hover-bg-color);
    }

    .form-control:not(disabled):not([readonly]):focus {
        border-bottom: 2px solid #2e2e38;
        background-color: var(--form-element-hover-bg-color);
    }

.form-floating > label {
    opacity: 1 !important;
}

.ag-center-cols-clipper {
    min-height: 42px !important;
}

.ag-theme-alpine .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
    padding-top: 45px !important;
}


.nav-link {
    color: var(--menu-font-color) !important;
}

.nav-tabs-custom .nav-item .nav-link::after {
    height: 3px;
    background: var(--border-color);
}

.form-group label {
    margin-bottom: 0px;
}

.navbar-brand-box img {
    vertical-align: top !important;
    margin-top: 2px !important;
}

.a-tag-blue-underline {
    color: var(--text-link-alt-color) !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li {
    white-space: normal;
}

.nav-link:hover {
    background-color: var(--dropdown-menu-item-hover) !important;
}

.ag-cell-value {
    user-select: initial;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
}
/*
.ag-cell:not(.ag-cell.ag-cell-last-left-pinned) {
    padding-top: 10px;
}*/

a {
    color: var(--text-link-alt-color);
}

.text-success {
    color: var(--success) !important;
}

.text-info {
    color: var(--info) !important;
}

.text-error {
    color: var(--error) !important;
}

.text-danger {
    color: var(--error) !important;
}

.text-warning {
    color: var(--warning) !important;
}

.badge {
    border-radius: 1rem;
    padding: 5px 10px !important;
}

.bg-success {
    background-color: var(--success) !important;
}

.bg-error {
    background-color: var(--error) !important;
}

.bg-danger {
    background-color: var(--error) !important;
}

.bg-warning {
    background-color: var(--warning) !important;
}

.bg-info {
    background-color: var(--info) !important;
}

:focus {
    box-shadow: var(--focus-state) !important;
    outline: none !important;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: var(--focus-state) !important;
    outline: none !important;
}

#vertical-menu-btn:focus {
    box-shadow: var(--focus-state) !important;
    outline: none !important;
}

.alert-info {
    color: #ffffff !important;
    background-color: var(--info) !important;
    border-color: var(--info) !important;
}
    .alert-info a.a-tag-blue-underline {
        color: #FFF !important;
    }


.list-group-item:hover:not(.active) {
    background-color: #f6f6fa;
}

.list-group-item {
    color: var(--text-link-color) !important;
    border-radius: 0px !important;
    border: none;
}

    .list-group-item.active {
        border-left: 5px solid #2e2e38 !important;
        z-index: 2;
        color: #2e2e38;
        background-color: #f6f6fa;
        border-color: #e9e9ef;
    }

.list-group .disabled {
    /*background-color: #e2e2e2;*/
}

.iradio_square-blue.disabled {
    border: 1px solid var(--radio-button-disabled-input-color) !important;
    cursor: not-allowed;
}

.badge {
    border-radius: .25rem !important
}

.list-group-item.active {
    border-left: none !important;
    z-index: 2;
    color: var(--body-color);
    background-color: #dadada4a;
    border-color: #dadada4a;
    font-weight: bold;
    outline: none !important;
    box-shadow: none !important;
}

.list-group .disabled {
    /*background-color: var(--body-color);
    color: #ffffff !important;*/
    font-weight: bold;
    font-size: large;
}

.list-group-item:focus {
    outline: 0;
    border: none;
}

.divScrollTemplates::-webkit-scrollbar {
    /*background: #fff;*/
    width: 8px;
}

.divScrollTemplates::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
}

.divScrollTemplates::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d3d3d385;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}

    .divScrollTemplates::-webkit-scrollbar-thumb:hover {
        background: #00000054;
    }

.accordion-button-dark:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.accordion-button-dark::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.accordion-button-dark {
    background-color: var(--accordion--hover-header-color);
    color: var(--accordion--hover-header-text-color);
}

.accordion-button-dark:not(.collapsed) {
    background-color: var(--accordion--hover-header-color);
    color: var(--accordion--hover-header-text-color);
}
.badge-secondary {
    color: var(--badge-secondary-font-color);
    background-color: var(--badge-secondary-background-color);
    font-size: 14px;
}

.badge-info {
    color: var(--badge-info-font-color);
    background-color: var(--badge-info-background-color);
    font-size: 14px;
}

.badge-success {
    background-color: var(--success);
    font-size: 14px;
}

.badge-primary-alt {
    color: #fff;
    background-color: #007bff;
    font-size: 14px;
}

.badge-danger {
    background-color: var(--error);
    font-size: 14px;
}


.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.badge-warning {
    background-color: var(--warning);
    font-size: 14px;
}
.dropzone {
    border: 2px dashed #747480 !important;
    border-radius: 5px;
    background: #F9FBFE !important;
    min-height: 100px !important;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    max-height: 30px !important;
}

.dropzone .dz-message {
    font-size: inherit !important;
}

.ag-row-selected::before {
    background-color:var(--body-bg) !important;
}
.ag-checkbox-input-wrapper.ag-checked::after{
    color:var(--body-color) !important;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
    box-shadow: var(--body-bg) !important;
}
.alert-danger {
    color: #FFF !important;
    background-color: var(--error) !important;
    border-color: var(--error) !important;
}
    .alert-danger a.a-tag-blue-underline {
        color: #FFF !important;
    }

.select2-selection--single {
    color: var(--form-element-font-color);
    background-color: var(--form-element-bg-color) !important;
    border: none !important;
    height: 58px !important;
    padding-left: 3px;
    border-bottom: 1px solid var(--form-element-border-color) !important;
    border-radius: 0 !important;
    font-size: 0.9rem;
    font-weight: 400;
}

    .select2-selection--single .select2-selection__rendered {
        line-height: 72px !important;
    }

    .select2-selection--single .select2-selection__arrow {
        top: 14px !important;
    }

    .select2-selection--single.no-label {
        height: 31px !important;
    }

        .select2-selection--single.no-label .select2-selection__rendered {
            line-height: 33px !important;
        }
        .select2-selection--single.no-label .select2-selection__arrow {
            top: 3px !important;
        }

.tt-hint {
    color: #ffe600 !important;
    border-radius: 0px !important;
}
.searchText.tt-input {
    height: 34px !important;
}

.searchText.tt-hint {
    background: none 0% 0% / auto repeat scroll padding-box border-box rgb(246 246 250) !important;
}
button.accordion-button {
    color: var(--body-color) !important;
}
.alert-success {
    color: var(--success) !important;
    background-color: #8CE8AD;
    border-color: #8CE8AD;
}
.bg-dark {
    color: #ffffff !important;
    background-color: var(--body-color) !important;
    border-color: var(--body-color) !important;
}
.noUi-connect {
    background: var(--disabled);
}
.noUi-horizontal .noUi-handle {
    width: 25px;
    height: 20px;
    right: -6px;
    top: -7px;
}

.noUi-horizontal {
    height: 10px;
}


.main-content {
    background-color: var(--main-content-bg-color) !important
}


.text-white {
    color: var(--header-icon-color) !important;
}

.footer {
    background-color: var(--page-footer-bg-color) !important;
    color: var(--page-footer-color) !important;
}


.qore-dashboard-item.border {
    border-left: 5px solid var(--btn-primary-bg-color) !important;
}