@import (once) "_tokens";
@import (once) "_cursors";

:root {
  // Primary Button
  --primary-button-background-color-enabled: var(--color-background-button-primary-enabled);
  --primary-button-background-color-hovered: var(--color-background-button-primary-hover);
  --primary-button-background-color-pressed: var(--color-background-button-primary-pressed);
  --primary-button-background-color-focused: @colors-semantic-cyan-c-900;
  --primary-button-background-color-disabled: var(--color-background-button-primary-disabled);
  --primary-button-border-color-enabled: var(--primary-button-background-color-enabled);
  --primary-button-border-color-hovered: var(--primary-button-background-color-hovered);
  --primary-button-border-color-pressed: var(--primary-button-background-color-pressed);
  --primary-button-border-color-focused: var(--primary-button-background-color-focused);
  --primary-button-border-color-disabled: var(--primary-button-background-color-disabled);
  --primary-button-text-color-enabled: @colors-neutral-white;
  --primary-button-text-color-hovered: @colors-neutral-white;
  --primary-button-text-color-pressed: @colors-neutral-white;
  --primary-button-text-color-focused: @colors-neutral-white;
  --primary-button-text-color-disabled: var(--color-text-button-primary-disabled);

  // Secondary Button
  --secondary-button-background-color-enabled: var(--color-background-button-secondary-enabled);
  --secondary-button-background-color-hovered: var(--color-background-button-secondary-hover);
  --secondary-button-background-color-pressed: @colors-brand-allpan-100;
  --secondary-button-background-color-focused: @colors-brand-allpan-50;
  --secondary-button-background-color-disabled: var(--color-background-button-secondary-disabled);
  --secondary-button-border-color-enabled: var(--primary-button-border-color-enabled);
  --secondary-button-border-color-hovered: var(--primary-button-border-color-hovered);
  --secondary-button-border-color-pressed: var(--primary-button-border-color-pressed);
  --secondary-button-border-color-focused: var(--primary-button-border-color-focused);
  --secondary-button-border-color-disabled: var(--primary-button-border-color-disabled);
  --secondary-button-text-color-enabled: var(--secondary-button-border-color-enabled);
  --secondary-button-text-color-hovered: var(--secondary-button-border-color-hovered);
  --secondary-button-text-color-pressed: var(--secondary-button-border-color-pressed);
  --secondary-button-text-color-focused: var(--secondary-button-border-color-focused);
  --secondary-button-text-color-disabled: var(--secondary-button-border-color-disabled);

  // tertiary Button
  --tertiary-button-background-color-enabled: var(--color-background-button-tertiary-enabled);
  --tertiary-button-background-color-hovered: var(--color-background-button-tertiary-hover);
  --tertiary-button-background-color-pressed: var(--color-background-button-tertiary-pressed);
  --tertiary-button-background-color-disabled: var(--color-background-button-tertiary-disabled);
  --tertiary-button-text-color: var(--color-text-highlight-light);
  --tertiary-button-text-color-disabled: var(--color-text-button-tertiary-disabled);

  // Main Menu Start
  --brand-sidebar-background: var(--colors-neutral-black);
  --main-menu-backgroud-default: var(--color-background-sidebar-default);
  --main-menu-backgroud-hover: var(--color-background-sidebar-hover);
  --main-menu-backgroud-pressed: var(--color-background-sidebar-pressed);
  --main-menu-text-default: var(--color-text-on-primary);
  --main-menu-separator: var(--color-text-muted);
  --main-menu-border-active: var(--color-brand-light);
  --main-menu-submenu-backgroud-default: var(--color-background-sidebar-default);
  --main-menu-submenu-backgroud-hover: var(--color-background-sidebar-hover);
  --main-menu-submenu-backgroud-pressed: var(--color-background-sidebar-pressed);
  --main-menu-submenu-text-default: var(--color-text-on-primary);
  --main-menu-submenu-text-active: var(--color-text-highlight-dark);
  --main-menu-submenu-text-disabled: var(--color-text-muted);
  --main-menu-app-item-text-color-enabled: var(--color-text-main-menu-app-item-enabled);
  --main-menu-app-item-text-color-disabled: @colors-neutral-grey-400;
  // MainMenu End

  // Scrollbar Start
  --color-scrollbar-bar: var(--color-fill-color);
  --color-scrollbar-background: var(--color-background-layer-2);
  --fast-scroll-box-shadow-color: var(--color-fast-scroll-box-shadow);
  // Scrollbar End

  // Card Start
  --card-background-color: var(--colors-neutral-white);
  --card-box-shadow-default: var(--drop-shadow-default);
  // Card End

  // Inputs Start
  --input-background-color-default: var(--colors-neutral-white);
  --input-background-color-disabled: var(--color-background-layer-1);
  --input-border-color-default: var(--color-border-input-default);
  --input-border-color-hover: var(--color-border-input-hover);
  --input-border-color-focus: var(--color-border-input-focus);
  --input-border-color-focus-shadow: var(--color-border-input-focus-shadow);
  --input-border-color-disabled: var(--color-border-input-disabled);
  --input-border-color-success-default: var(--color-border-input-success-default);
  --input-border-color-success-dark: var(--color-border-input-success-dark);
  --input-border-color-error-default: var(--color-border-input-error-default);
  --input-border-color-error-dark: var(--color-border-input-error-dark);
  --input-border-color-warning-default: var(--color-border-input-warning-default);
  --input-border-color-warning-dark: var(--color-border-input-warning-dark);
  --input-message-color-error: var(--color-text-feedback-error-dark);
  --input-message-color-warning: var(--color-text-feedback-warning-dark);
  --input-message-color-success: var(--color-text-muted);
  --input-flyout-backgroud-color-default: var(--color-background-layer-1);
  --input-flyout-backgroud-color-hover: var(--color-background-layer-2);
  --input-flyout-backgroud-color-focus: var(--color-background-layer-3);
  --input-flyout-backgroud-color-disabled: var(--color-background-layer-3);
  --input-placeholder-color-default: var(--color-background-layer-1);
  --input-text-color-disabled: var(--color-text-muted);
  --checkbox-background-color-hovered: var(--colors-brand-allpan-100);
  // Inputs End

  // Toaster Start
  --toaster-border-error: var(--color-border-error-default);
  --toaster-border-warning: var(--color-border-warning-default);
  --toaster-border-success: var(--color-border-success-default);
  --toaster-border-info: var(--color-border-info-default);
  --toaster-background-error: var(--color-background-toaster-error);
  --toaster-background-warning: var(--color-background-toaster-warning);
  --toaster-background-success: var(--color-background-toaster-success);
  --toaster-background-info: var(--color-background-toaster-info);
  --toaster-box-shadow-color: var(--color-toaster-box-shadow);
  --toaster-message-background-color: var(--color-background-toaster-message);
  --toaster-message-info-background-color: var(--color-background-toaster-message-info);
  --toaster-message-warning-background-color: var(--color-background-toaster-message-warning);
  --toaster-message-warning-border-color: var(--color-border-toaster-message-warning);
  // Toaster End

  // Status Start
  --status-open-background: var(--color-background-chip-open);
  --status-in-progress-background: var(--color-background-chip-in-progress);
  --status-on-hold-background: var(--color-background-chip-on-hold);
  --status-resolved-background: var(--color-background-chip-resolved);
  --status-cancelled-background: var(--color-background-chip-cancelled);
  --status-open-border: var(--color-border-chip-open);
  --status-in-progress-border: var(--color-border-chip-in-progress);
  --status-on-hold-border: var(--color-border-chip-on-hold);
  --status-resolved-border: var(--color-border-chip-resolved);
  --status-cancelled-border: var(--color-border-chip-cancelled);
  --status-message-background-color: var(--color-background-status-message);
  --status-message-close-button-color: var(--color-status-message-close-button);
  // Status End

  // Table Start
  --table-header-background: var(--color-background-table-header);
  --table-row-background: var(--color-background-table-row);
  --table-row-background-hover: var(--color-background-table-row_hover);
  --table-line-background: var(--color-background-table-line);
  --table-sub-background: var(--color-background-table-sub);
  --table-sub-background-hover: var(--color-background-table-sub_hover);
  --table-selected-row-higlight: var(--color-border-highlight);
  --table-border-width-row-highlighted: 0.15rem;
  --table-border-color-default: var(--color-background-layer-1);
  --table-text-search-color: var(--color-table-text-search);
  --table-portal-header-background-color: var(--color-background-table-portal-header);
  --table-portal-toolbar-background-color: var(--color-background-table-portal-toolbar);
  --table-row-border-color: var(--color-table-row-border-color);
  --table-row-selected-border-color: var(--color-table-row-selected-border-color);
  --table-toolbar-text-search-border-color: var(--color-table-toolbar-text-search-border-color);
  --table-toolbar-text-search-background-color: var(--color-table-toolbar-text-search-background-color);
  --table-container-text-search-border-color: var(--color-table-container-text-search-border-color);
  --table-columns-selection-border-color: var(--color-table-columns-selection-border-color);
  --table-portal-border-color: var(--color-table-portal-border);
  --table-portal-toolbar-border-color: var(--color-table-portal-toolbar-border);
  --table-stripe-dark-color: var(--color-table-stripe-dark);
  // Table End

  // Text Start
  --text-link-color-default: var(--color-text-link-default);
  --text-link-color-pressed: var(--color-text-link-pressed);
  --text-color-default: var(--color-text-body);

  // Stepper Start
  --stepper-circle-color-default: var(--color-brand-primary);
  --stepper-circle-color-active: var(--color-brand-light);
  --stepper-circle-color-separator: var(--color-brand-light);
  // Stepper End

  // datepicker start
  --datepicker-background-color: var(--color-datepicker-background);
  --datepicker-border-color: var(--color-datepicker-border);
  --datepicker-border-color-disabled: var(--color-datepicker-border);
  --datepicker-border-color-hover: var(--color-datepicker-border-hover);
  --datepicker-color-disabled: var(--color-datepicker-disabled);
  --datepicker-background-color-disabled: var(--color-datepicker-background-disabled);
  --datepicker-color: var(--color-datepicker);
  --datepicker-container-error-background-color: var(--color-datepicker-container-error-background);
  // datepicker end

  // jstree start
  --jstree-background-color: var(--color-background-general);
  --jstree-multiselect-tree-color: var(--color-jstree-multiselect-tree);
  --jstree-multiselect-tree-selected-color: var(--color-jstree-multiselect-tree);
  --jstree-multiselect-tree-undetermined-color: var(--color-jstree-multiselect-tree);
  --jstree-search-color: var(--color-jstree-search);
  --jstree-search-background-color-focus: var(--color-jstree-search-background-focus);
  --jstree-colorpicker-border-color-disabled: var(--color-jstree-colorpicker-border-disabled);
  --jstree-anchor-clicked-color: var(--color-jstree-anchor-clicked);
  --jstree-selection-undetermined-color: var(--color-jstree-selection-undetermined);
  --jstree-custom-buttons-draggable-background-color-hovered: var(--color-jstree-custom-buttons-draggable-background-hovered);
  --jstree-body-istouch-anchor-background-color: var(--color-jstree-body-istouch-anchor-background);
  --jstree-body-istouch-li-background-color-hovered: var(--color-jstree-body-istouch-li-background-hovered);
  --colorpicker-trigger-border-color: var(--color-colorpicker-trigger-border);
  --colorpicker-default-opaque-chessboard-container-background-color: var(--color-colorpicker-default-opaque-chessboard-container-background);
  --jstree-checkbox-divider-color: var(--color-jstree-checkbox-divider);
  --colorpicker-color-border-color: var(--color-colorpicker-color-border);
  --colorpicker-modable-slider-border-color: var(--color-colorpicker-modable-slider-border);
  --colorpicker-colorpreview-border-color: var(--color-colorpicker-colorpreview-border);
  // jstree end

  // widgets start
  --widget-header-color: var(--color-widget-header);
  --widget-header-background-color: var(--color-widget-header-background);
  // widgets end


  // popup and modal dialogs start
  --popup-dialog-input-background-color: var(--color-background-general);
  --popup-dialog-background-color: var(--color-background-general);
  --popup-dialog-background-color-disabled: var(--color-background-general-disabled);
  --popup-dialog-border-color: var(--color-background-general);
  --popup-dialog-bkg-color: var(--color-popup-dialog-bkg);
  --popup-dialog-title-color: var(--color-popup-dialog-title);
  --popup-dialog-shadow-color: var(--color-popup-dialog-shadow);
  --modal-content-shadow-color: var(--color-modal-content-shadow);
  --modal-content-border-color: var(--color-modal-content-border);
  --button-active-not-disabled-color: var(--color-button-active-not-disabled);
  --popup-menu-content-background-color: var(--color-popup-menu-content-background);
  --pdmodal-select-color: var(--color-pdmodal-select);
  --pdmodal-select-background: var(--color-pdmodal-select-background);
  --pdmodal-select-background-highlighted: var(--color-pdmodal-select-background-highlighted);
  --pdmodal-checkbox-title-disabled-color: var(--color-pdmodal-checkbox-title-disabled);
  --pdmodal-content-background-color: var(--color-pdmodal-content-background);
  --modal-header-border-color: var(--color-modal-header-border);
  --help-popup-title-background-color: var(--color-help-popup-title-background);
  --help-popup-title-color: var(--color-help-popup-title);
  --help-popup-close-button-color: var(--color-help-popup-close-button);
  --popup-dialog-modal-subbody-row-disabled: var(--color-popup-dialog-modal-subbody-row-disabled);
  --popup-dialog-textarea-border-color: var(--color-popup-dialog-textarea-border);
  --popup-dialog-textarea-border-color-hover: var(--color-popup-dialog-textarea-border-hover);
  --popup-dialog-textarea-background-color-hover: var(--color-popup-dialog-textarea-background-hover);
  --popup-dialog-textarea-color-disabled: var(--color-popup-dialog-textarea-disabled);
  --popup-dialog-textinput-color-disabled: var(--color-popup-dialog-textinput-disabled);
  --popup-dialog-textinput-border-color: var(--color-popup-dialog-textinput-border);
  --popup-dialog-text-input-wrapper-color-disabled: var(--color-popup-dialog-text-input-wrapper-disabled);
  --popupwin-item-color-disabled: var(--color-popupwin-item-color-disabled);
  --popupwin-item-color-disabled-hover: var(--color-popupwin-item-color-disabled-hover);
  // popup and modal dialogs end

  // center menu  start
  --center-menu-circle-background-color: var(--color-center-menu-circle-background);
  --center-menu-submenu-border-color: var(--color-center-menu-submenu-border);
  --center-menu-background-color: var(--color-center-menu-background);
  --center-menu-sub-menu-dead-zone-background-color: var(--color-center-menu-sub-menu-dead-zone-background);
  --center-menu-border-color: var(--color-center-menu-border);
  --center-menu-active-color-hovered: var(--color-center-menu-active-color-hovered);
  // center  menu end

  // floating panels start
  --section-cut-settings-background-color-disabled: var(--color-section-cut-settings-background-disabled);
  --section-cut-settings-dialog-background-color: var(--color-section-cut-settings-dialog-background);
  --floating-panel-block-item-color: var(--color-floating-panel-block-item);
  // floating panels end

  --pdmodal-select-dropdown-color: var(--color-pdmodal-select-dropdown);
  --dropdown-caret-color: var(--color-dropdown-caret);
  --login-button-error-background-color: var(--color-login-button-error-background);
  --pdmodal-select-color-disabled: var(--color-pdmodal-select-disabled);
  --app-footer-wormhole-destination-border-color: var(--color-app-footer-wormhole-destination-border);
  --dropdown-content-border-color: var(--color-dropdown-content-border);

  // slides slidelists slideshows start
  --slideslist-border-color: var(--color-brand-light);
  --slideshow-slide-name-edit-border-color: var(--color-slideshow-slide-name-edit-border);
  --slideshow-slide-name-edit-border-color-hover: var(--color-slideshow-slide-name-edit-border-hover);
  --slideshow-slide-name-edit-background-color-focus: var(--color-slideshow-slide-name-edit-background-focus);
  --slideshow-hr-background-color: var(--color-slideshow-hr-background);
  --slide-list-item-image-background-color: var(--color-slide-list-item-image-background);
  // slides slidelists slideshows end

  // overlays start
  --modal-overlay-background-color: var(--color-modal-overlay-background);
  --portal-modal-background-color-overlay: var(--color-background-overlay);
  --portal-modal-background-color-overlay-clear: var(--color-background-overlay-clear);
  --overlay-progress-step-background-color: var(--color-overlay-progress-step-background);
  --overlay-progress-arrow-color: var(--color-overlay-progress-arrow);
  --new-overlay-cover-background-color: var(--color-new-overlay-cover-background);
  --overlay-set-items-background-color: var(--color-overlay-set-items-background);
  --overlay-message-color: var(--color-overlay-message);
  // overlays end

  // issues start
  --issue-details-select-border-color: var(--color-issue-details-select-border);
  --issue-details-bulk-set-color: var(--color-issue-details-bulk-set);
  --issue-emailcc-dropdown-background-color: var(--color-issue-emailcc-dropdown-background);
  --issue-details-img-selobj-background-color: var(--color-issue-details-img-selobj-background);
  --issue-details-view-select-background-color: var(--color-issue-details-view-select-background);
  --issue-details-input-name-background-color-disabled: var(--color-issue-details-input-name-background-disabled);
  // issues end

  // object details start
  --details-object-list-border-color: var(--color-details-object-list-border);
  --object-scenes-tiles-divider-background-color: var(--color-object-scenes-tiles-divider-background);
  --object-scenes-tiles-divider-border-color: var(--color-object-scenes-tiles-divider-border);
  --object-props-table-value-textfield-background-color: var(--color-object-props-table-value-textfield-background);
  --object-props-subheader-background-color: var(--color-object-props-subheader-background);
  // object details end

  // clashdetection start
  --clashdetection-activate-footer: var(--color-clashdetection-activate-footer);
  --clashdetection-newclashset-header-color: var(--color-clashdetection-newclashset-header);
  --clashdetection-tolerance-border-color: var(--color-clashdetection-tolerance-border);
  --clashdetection-tolerance-input-border-color-hover: var(--color-clashdetection-tolerance-input-border-hover);
  --clashdetection-description-tolerance-border-color: var(--color-clashdetection-description-tolerance-border);
  --clashdetection-button-color: var(--color-clashdetection-button);
  --clashdetection-empty-line-image-background-color: var(--color-clashdetection-empty-line-image-background);
  // clashdetection end

  // revisions start
  --revisions-title-background-color: var(--color-revisions-title-background);
  --revisions-popupwin-content-background-color: var(--color-revisions-popupwin-content-background);
  --revisions-title-color: var(--color-revisions-title);
  --revisions-popupwin-close-button-color: var(--color-revisions-popupwin-close-button);
  // revisions end

  // drofus start
  --drofus-settings-list-value-input-disabled: var(--color-drofus-settings-list-value-input-disabled);
  --drofus-settings-list-value-input-background-color-disabled: var(--color-drofus-settings-list-value-input-background-disabled);
  // drofus end

  // radio buttons start
  --radio-button-group-border-color: var(--color-radio-button-group-border);
  --radio-button-group-background-color: var(--color-radio-button-group-background);
  --radio-button-group-input-color-disabled: var(--color-radio-button-group-input-disabled);
  // radio buttons end

  // Miscellaneous Start
  --header-hight: 48px;
  --upload-dropdown-border-color: var(--color-border-default);
  --upload-dropdown-border-color-hover: var(--color-border-hover);
  --page-title-bar: var(--color-brand-light);
  --text-highlight-light-color: var(--color-text-highlight-light);
  --scene-selector-bacground-color: var(--color-scene-selector-background);
  --general-background-color: var(--color-background-general);
  --general-border-color: var(--color-border-general);
  --general-border-color-disabled: var(--color-border-general);
  --brand-dark-color: var(--color-brand-dark);
  --brand-white-color: var(--color-brand-white);
  --brand-primary-color: var(--color-brand-primary);
  --brand-air-color: var(--color-brand-air);
  --brand-light-color: var(--color-brand-light);
  --spinner-wheel-border-color: var(--color-spinner-border);

  --spinner-container-background-color: var(--color-spinner-container-background);
  --params-block-text-item-active-color: var(--color-params-block-text-item-active);
  --project-view-link-hovered: var(--color-project-view-link-hovered);
  --project-view-props-background-color: var(--color-project-view-props-background);
  --project-view-map-content-background-color: var(--color-project-view-map-content-background);
  --project-view-map-content-toolbar-color: var(--color-project-view-map-content-toolbar);
  --project-view-table-content-background-color: var(--color-project-view-table-content-background);
  --project-view-table-tbody-recycle-bin-color: var(--color-project-view-table-tbody-recycle-bin);
  --modable-slider-transparent-background-color: var(--color-modable-slider-transparent-background);
  --modable-slider-background-color: var(--color-modable-slider-background);
  --ui-slider-range-background-color: var(--color-ui-slider-range-background);
  --tabs-panel-title-color: var(--color-tabs-panel-title);
  --structure-details-list-value-color: var(--color-structure-details-list-value);
  --structure-details-pin-invisible-color: var(--color-structure-details-pin-invisible);
  --structure-details-pin-border-color: var(--color-structure-details-pin-border);
  --structure-details-comment-color: var(--color-structure-details-comment);
  --structure-details-name-border-color: var(--color-structure-details-name-border);
  --structure-details-button-border-bottom-color: var(--color-structure-details-button-border-bottom);
  --structure-details-modified-color: var(--color-structure-details-modified);
  --structure-details-img-background-color: var(--color-structure-details-img-background);
  --structure-details-list-value-background-hover-disabled: var(--color-structure-details-list-value-background-hover-disabled);
  --structure-details-img-selobj-background-color: var(--color-structure-details-img-selobj-background);
  --structure-history-input-border-color-hover: var(--color-structure-history-input-border-hover);
  --structure-details-input-text-short-color-hover-enabled: var(--color-structure-details-input-text-short-color-hover-enabled);
  --structure-details-input-name-background-color-disabled: var(--color-structure-details-input-name-background-disabled);
  --context-menu-item-disabled-color: var(--color-context-menu-item-disabled);
  --context-menu-item-background-color-hover: var(--color-context-menu-item-background-hover);
  --context-menu-background-color: var(--color-context-menu-background);
  --context-menu-close-icon-color: var(--color-context-menu-close-icon);
  --context-menu-list-background-color: var(--color-context-menu-list-background);
  --context-menu-list-border-color: var(--color-context-menu-list-border);
  --context-menu-item-label-color: var(--color-context-menu-item-label);

  --top-menu-toolbar-user-color: var(--color-top-menu-toolbar-user);
  --top-menu-toolbar-company-color: var(--color-top-menu-toolbar-company);
  --power-select-multiple-remove-btn-color: var(--color-power-select-multiple-remove-btn);
  --power-select-trigger-color: var(--color-power-select-trigger);
  --power-select-trigger-color-disabled: var(--color-power-select-trigger-disabled);
  --power-select-trigger-color-hover: var(--color-power-select-trigger-hover);
  --power-select-trigger-border-color: var(--color-power-select-trigger-border);
  --power-select-trigger-border-color-hover: var(--color-power-select-trigger-border-hover);
  --power-select-placeholder-color: var(--color-power-select-placeholder);
  --power-select-status-border-color: var(--color-power-select-status-border);
  --power-select-trigger-status-border-color: var(--color-power-select-trigger-status-border);
  --power-select-multiple-options-btn-color: var(--color-power-select-multiple-options-btn);
  --power-select-multiple-options-background-color: var(--color-power-select-multiple-options-background);
  --power-select-search-border-color: var(--color-power-select-search-border);
  --combobox-objectproperty-disabled-power-select-triger-background-color: var(--color-combobox-objectproperty-disabled-power-select-triger-background);
  --input-webkit-autofill-color: var(--color-input-webkit-autofill);
  --forms-input-webkit-autofill-color: var(--color-forms-input-webkit-autofill);
  --ui-text-1-color: var(--color-ui-text-1);
  --dark-gray-color: var(--color-dark-gray); // color not resolved yet
  --obj-prop-view-list-color: var(--color-obj-prop-view-list);
  --obj-prop-table-value-border-color: var(--color-obj-prop-table-value-border);
  --sidemenu-background-color: var(--color-sidemenu-background);
  --sidemenu-contextmenu-mode-background-gradient: linear-gradient(to right, @colors-neutral-white, var(--color-neutral-white-transparency50));
  --sidemenu-navigation-background-color: var(--color-sidemenu-navigation-background);
  --sidemenu-navigation-row-a-color: var(--color-sidemenu-navigation-row-a);
  --sidemenu-navigation-row-a-active-color: var(--color-sidemenu-navigation-row-a-active);
  --sidemenu-navigation-parent-row-color-disabled: var(--color-sidemenu-navigation-parent-row-disabled);
  --sidemenu-navigation-parent-container-color-hovered: var(--color-sidemenu-navigation-parent-container-hovered);
  --sidemenu-navigation-parent-row-color-hovered: var(--color-sidemenu-navigation-parent-row-hovered);
  --sidemenu-navigation-projectinfo-thumbnail-background-color: var(--color-sidemenu-navigation-projectinfo-thumbnail-background);
  --sidemenu-navigation-projectinfo-thumbnail-background-gradient: linear-gradient(var(--colors-neutral-grey-50-transparency80), var(--colors-neutral-grey-50-transparency50) 25%, 75%, var(--colors-neutral-grey-50-transparency80));
  --sidemenu-navigation-projectinfo-thumbnail-projectname-container-background-color: var(--color-sidemenu-navigation-projectinfo-thumbnail-projectname-container-background);
  --form-control-placeholder-color: var(--color-form-control-placeholder);
  --form-control-placeholder-color-disabled: var(--color-form-control-placeholder-disabled);
  --form-help-block-color: var(--color-form-help-block);
  --form-control-border-color: var(--color-form-control-border);
  --form-control-color: var(--color-form-control);
  --components-form-control-color: var(--color-components-form-control);
  --components-form-control-text-field-description-color: var(--color-components-form-control-text-field-description);
  --components-form-control-text-field-control-color: var(--color-components-form-control-text-field-control);
  --components-form-control-border-color: var(--color-components-form-control-border);
  --components-form-control-white-background-color: var(--color-components-form-control-white-background);
  --components-form-control-text-underline-link-border-color: var(--color-components-form-control-text-underline-link-border);
  --components-form-control-white-border-color: var(--color-components-form-control-white-border);
  --components-form-control-white-color: var(--color-components-form-control-white);
  --components-form-control-white-border-color-disabled: var(--color-components-form-control-white-border-disabled);
  --project-list-text-color: var(--color-project-list-text);
  --project-list-border-color: var(--color-project-list-border);
  --project-list-font-color: var(--color-project-list-font);
  --embedded-modal-shadow-color: var(--color-embedded-modal-shadow);
  --embbedded-table-border-color: var(--color-embbedded-table-border);
  --embedded-table-sorted-arrow-color: var(--color-embedded-table-sorted-arrow);
  --embbedded-table-head-background-color: var(--color-embbedded-table-head-background);
  --embedded-table-tbody-tr-nth-of-type: var(--color-embedded-table-tbody-tr-nth-of-type);
  --browser-banner-warning-shadow: var(--color-browser-banner-warning-shadow);
  --params-block-text-item-border-bottom: var(--color-params-block-text-item-border-bottom);
  --comments-list-item-date-color: var(--color-comments-list-item-date);
  --comments-list-item-container-background-color: var(--color-comments-list-item-container-background);
  --middle-light-gray-color: var(--color-middle-light-gray);
  --file-view-border-color: var(--color-file-view-border);
  --navigation-map-floating-panel-border-color: var(--color-navigation-map-floating-panel-border);
  --reports-container-date-color: var(--color-reports-container-date);
  --reports-container-task-report-border-color: var(--color-reports-container-task-report-border);
  --floating-panel-border: var(--color-floating-panel-border);
  --render-info-color: var(--color-render-info);
  --renderer-viewport-background-color: var(--color-renderer-viewport-background);
  --qto-table-resize-handler-border-color: var(--color-qto-table-resize-handler-border);
  --qto-table-resize-handler-background-color: var(--color-qto-table-resize-handler-background);
  --attachmentlink-list-not-found-color: var(--app-footer-wormhole-destination-border-color);
  --control-color-disabled: var(--color-control-color-disabled);
  --control-normal-background-color: var(--color-control-normal-background);
  --clashdetection-filter-selection-head-background-color: var(--color-clashdetection-filter-selection-head-background);
  --projectinfo-grid-column-background-color: var(--color-projectinfo-grid-column-background);
  --projectinfo-grid-toolbar-background-color: var(--color-projectinfo-grid-toolbar-background);
  --projectinfo-grid-column-resizer-background-color: var(--color-projectinfo-grid-column-resizer-background);
  --projectinfo-grid-content-nth-child-background-color: var(--color-projectinfo-grid-content-nth-child-background);
  --projectinfo-grid-header-background-color: var(--color-projectinfo-grid-header-background);
  --projectinfo-grid-content-border-color: var(--color-projectinfo-grid-content-border);
  --projectinfo-grid-content-resizer-fill-background-color: var(--color-projectinfo-grid-content-resizer-fill-background);
  --projectinfo-grid-content-groupheader-background-color: var(--color-projectinfo-grid-content-groupheader-background);
  --projectinfo-grid-content-group-title-background-color: var(--color-projectinfo-grid-content-group-title-background);
  --projectinfo-grid-content-data-background-color: var(--color-projectinfo-grid-content-data-background);
  --kpi-chart-settings-border-color: var(--color-kpi-chart-settings-border);
  --left-menu-content-border-color: var(--color-left-menu-content-border);
  --right-menu-content-border-color: var(--color-right-menu-content-border);
  --drofus-settings-list-value-input-border-color-disabled: var(--color-drofus-settings-list-value-input-border-disabled);
  --underline-switcher-item-highlight-color-hover: var(--color-underline-switcher-item-highlight-hover);
  --underline-switcher-highlight-background-color: var(--color-underline-switcher-highlight-background);
  --underline-switcher-item-highlight-color-hover-disabled: var(--color-underline-switcher-item-highlight-hover-disabled);
  --sidebar-divider-border-color: var(--color-sidebar-divider-border);
  --sidebar-item-name-color-disabled: var(--color-sidebar-item-name-disabled);
  --portal-modal-select-color: var(--color-portal-modal-select);
  --portal-modal-select-color-disabled: var(--color-portal-modal-select-disabled);
  --portal-modal-header-border-color: var(--color-portal-modal-header-border);
  --portal-modal-destination-border-color: var(--color-portal-modal-destination-border);
  --portal-modal-btn-default-border-color: var(--color-portal-modal-btn-default-border);
  --portal-modal-select-background-color: var(--color-portal-modal-select-background);
  --portal-modal-content-header-color: var(--color-portal-modal-content-header);
  --portal-modal-content-header-h1-color: var(--color-portal-modal-content-header-h1);
  --portal-modal-content-header-background-color: var(--color-portal-modal-content-header-background);
  --portal-modal-content-row-color-disabled: var(--color-portal-modal-content-row-disabled);
  --portal-modal-power-select-trigger-color: var(--color-portal-modal-power-select-trigger);
  --portal-modal-power-select-trigger-color-disabled: var(--color-portal-modal-power-select-trigger-disabled);
  --portal-modal-power-select-trigger-border-color-hovered: var(--color-portal-modal-power-select-trigger-border-hovered);
  --portal-modal-power-select-trigger-background-color-hovered: var(--color-portal-modal-power-select-trigger-background-hovered);
  --portal-modal-power-select-trigger-border-color-disabled: var(--color-portal-modal-power-select-trigger-border-disabled);
  --portal-modal-power-select-trigger-background-color-disabled: var(--color-portal-modal-power-select-trigger-background-disabled);
  --portal-modal-power-select-status-icon-border-color: var(--color-portal-modal-power-select-status-icon-border);
  --portal-modal-power-select-placeholder-color: var(--color-portal-modal-power-select-placeholder);
  --portal-modal-close-button-color: var(--color-portal-modal-close-button);
  --project-details-bottom-buttons-background-color: var(--color-project-details-bottom-buttons-background);
  --four-oh-four-pill-btn-color: var(--color-four-oh-four-pill-btn);
  --four-oh-four-pill-btn-background-color: var(--color-four-oh-four-pill-background-btn);
  --four-oh-four-message-color: var(--color-four-oh-four-message);
  --four-oh-four-background-color: var(--color-four-oh-four-background);
  --ui-background-2-color: var(--color-ui-background-2);
  --pd-project-progress-background-color: var(--color-pd-project-progress-background);
  --pd-project-progress-background-two-color: var(--color-pd-project-progress-background-two);
  --pd-project-anchor-button-color: var(--color-pd-project-anchor-button);
  --pd-project-edit-button-color: var(--color-pd-project-edit-button);
  --alternate-row-background-color: var(--color-alternate-row-background);
  --control-background-hover-color: var(--color-control-background-hover);
  --table-settings-stripe-background-color: var(--color-table-settings-stripe-background);
  --header-global-warning-color: var(--color-header-global-warning);
  --header-global-warning-anchor-color: var(--color-header-global-warning-anchor);
  --header-global-warning-background-color: var(--color-header-global-warning-background);

  --header-global-warning-top-menu-webkit-box-shadow-color: var(--color-header-global-warning-top-menu-webkit-box-shadow);
  --header-global-warning-top-menu-moz-box-shadow-color: var(--color-header-global-warning-top-menu-moz-box-shadow);
  --header-global-warning-top-menu-box-shadow-color: var(--color-header-global-warning-top-menu-box-shadow);

  --table-loader-fountain-background-color: var(--color-table-loader-fountain-background);
  --progress-bar-color: var(--color-progress-bar);
  --progress-shadow-color: var(--color-progress-shadow);
  --progress-bar-shadow-color: var(--color-progress-bar-shadow);
  --panel-shadow-color: var(--color-panel-shadow);
  --status-bar-color: var(--color-status-bar);
  --browser-warning-info-background-color: var(--color-browser-warning-info-background);
  --loader-background-color: var(--color-loader-background);
  --browser-banner-background-color: var(--color-browser-banner-background);
  --variantype-popupwin-content-background-color: var(--color-variantype-popupwin-content-background);
  --modal-dialog-content-background-color: var(--color-modal-dialog-content-background);
  --modal-dialog-content-button-border-color: var(--color-modal-dialog-content-button-border);
  --card-box-shadow-title-color: var(--color-card-box-shadow-title);
  --card-box-shadow-subheading-color: var(--color-card-box-shadow-subheading);
  --card-box-shadow-row-color: var(--color-card-box-shadow-row);
  --card-box-shadow-message-color: var(--color-card-box-shadow-message);
  --card-box-shadow-advanced-color: var(--color-card-box-shadow-advanced);
  --card-box-shadow-anchor-color: var(--color-card-box-shadow-anchor);
  --sg-checkbox_span-color: var(--color-sg-checkbox-span);
  --main-background-color: var(--color-main-background);
  --main-background-color-transparent: var(--color-main-background-transparent);
  --main-background-color-transparent-90: var(--color-main-background-transparent-90);
  --main-error-color: var(--color-main-error);
  --main-warning-color: var(--color-main-warning);
  --main-info-color: var(--color-main-info);
  --main-box-shadow08-color: var(--color-main-box-shadow08);
  --main-box-shadow30-color: var(--color-main-box-shadow30);
  --main-box-shadow50-color: var(--color-main-box-shadow50);

  --project-view-background-color: var(--color-main-background-transparent);
  --panel-background-color: var(--color-panel-background);
  --panel-background-color-opaque: var(--color-panel-background-opaque);
  --new-overlay-finished-background-color: var(--color-new-overlay-finished-background);
  --issues-data-grid-background-color: var(--color-issues-data-grid-background);
  --table-transparent-color: var(--color-table-transparent);
  --debug-background-color: var(--color-debug-background);
  --center-menu-circle-border-background-color: var(--color-center-menu-circle-border-background);
  --portal-navbar-box-shadow-color: var(--color-portal-navbar-box-shadow);
  --portal-navbar-color: var(--color-portal-navbar);
  --project-team-selector-thumbnail-fade-background-color: var(--color-project-team-selector-thumbnail-fade-background);
  --project-team-selector-thumbnail-fade-background-color2: var(--color-project-team-selector-thumbnail-fade-background2);
  --project-team-selector-thumbnail-fade-background-color8: var(--color-project-team-selector-thumbnail-fade-background8);
  --left-menu-content-sidebar-topmenu-background-color: var(--color-left-menu-content-sidebar-topmenu-background);
  --window-resize-handler-arrow-background-color: var(--color-window-resize-handler-arrow-background);
  --drop-shadow-default-background-color: var(--color-drop-shadow-default-background);
  --modelviewer-open-file-footer-color: var(--color-modelviewer-open-file-footer);
  --file-view-canvas-background-color: var(--color-file-view-canvas-background);
  --file-view-canvas-background-color-dark: var(--color-file-view-canvas-background-dark);
  --table-scrollable-background-color: var(--color-table-scrollable-background);
  --table-header-row-cell-background-color: var(--color-table-header-row-cell-background);
  --alert-danger-simple-color: var(--color-alert-danger-simple);
  --objects-container-upload-image-cover-gradient8: var(--color-objects-container-upload-image-cover-gradient8);
  --objects-container-upload-image-cover-gradient5: var(--color-objects-container-upload-image-cover-gradient5);
  --objects-container-properties-content-background-color: var(--color-objects-container-properties-content-background);
  --objects-container-properties-upload-image-background-color: var(--colors-neutral-grey-50-transparency60);

  --tab-icon-gray-background-color: var(--color-tab-icon-gray-background);
  --tab-icon-white-background-color: var(--color-tab-icon-white-background);
  --tabs-panel-content-background-color: var(--color-tabs-panel-content-background);
  --tabs-panel-content-span-color: var(--color-tabs-panel-content-span);
  --tabs-panel-control-background-color: var(--color-tabs-panel-control-background);
  --tabs-panel-collapsed-background-color: var(--color-tabs-panel-collapsed-background);
  --tabs-panel-collapsed-navigation-background-color: var(--color-tabs-panel-collapsed-navigation-background);
  --tabs-panel-navigation-border-color: var(--color-tabs-panel-navigation-border);
  --tabs-panel-navigation-background-color: var(--color-tabs-panel-navigation-background);
  --tabs-panel-grouping-icon-backround-color: var(--color-tabs-panel-grouping-icon-backround);
  --upload-image-color: var(--color-upload-image);
  --upload-image-background-color: var(--color-upload-image-background);
  --upload-image-text-shadow-color: var(--color-upload-image-text-shadow);
  --upload-image-border-color: var(--color-upload-image-border);
  --files-modal-with-separator-border-color: var(--color-files-modal-with-separator-border);
  --footer-border-color: var(--color-footer-border);
  --footer-body-background-color: var(--color-footer-body-background);
  --footer-list-item-color: var(--color-footer-list-item);
  --tabs-pd-project-btn-border-color: var(--color-tabs-pd-project-btn-border);
  --tabs-pd-project-btn-group-color: var(--color-tabs-pd-project-btn-group);
  --tabs-pd-project-btn-group-border-color: var(--color-tabs-pd-project-btn-group-border);
  --pd-project-tabs-li-background-color: var(--color-pd-project-tabs-li-background);
  --pd-project-tabs-li-a-background-color: var(--color-pd-project-tabs-li-a-background);
  --upload-dlg-vertical-line-separator-background-color: var(--color-upload-dlg-vertical-line-separator-background);
  --touch-upload-dlg-has-error-border-color: var(--color-touch-upload-dlg-has-error-border);
  --progress-circle-background-color: var(--color-progress-circle-background);
  --progress-circle-span-color: var(--color-progress-circle-span);
  --progress-circle-loader-background-color: var(--color-progress-circle-loader-background);
  --value-bar-border-color: var(--color-value-bar-border);
  --progress-circle-over50-first50-bar-background-color: var(--color-progress-circle-over50-first50-bar-background);
  --upload-dlg-loader-background-color: var(--color-upload-dlg-loader-background);
  --upload-dlg-loader-second-background-color: var(--color-upload-dlg-loader-second-background);
  --upload-dlg-upload-model-name-border-color: var(--color-upload-dlg-upload-model-name-border);
  --upload-dlg-upload-model-name-background-color: var(--color-upload-color-dlg-upload-model-name-background);
  --upload-dlg-transparent-background-color: var(--color-upload-dlg-transparent-background);
  --table-loader-background-color: var(--color-table-loader-background);
  --m-forms-background-color: var(--color-m-forms-background);
  --m-forms-border-color: var(--color-m-forms-border);
  // Miscellaneous End

  --main-menu-app-item-background-color-hovered: @colors-brand-allpan-50;
  --item-divider-border-color-enabled: @colors-brand-allpan-primary-800;

  --project-menu-project-name-background-color: @colors-brand-allpan-primary-800;
  --project-menu-project-name-background-color-disabled: @colors-neutral-grey-600;
  --project-menu-project-name-text-color: @colors-neutral-white;
  --project-menu-background-color: var(--color-project-menu-background);

  --dashboard-tile-bottom-bar-background: linear-gradient(to right, var(--color-neutral-white-transparency70), @colors-brand-allpan-primary-800);
  --dashboard-tile-bottom-bar-background-disabled: linear-gradient(to right, var(--color-neutral-white-transparency70), @colors-neutral-grey-600);
  --dashboard-tile-bottom-bar-label-text-color: @colors-neutral-grey-700;
  --dashboard-tile-bottom-bar-value-text-color: @colors-neutral-white;
  --dashboard-tile-project-info-background-color: @colors-brand-allpan-primary-800;
  --dashboard-tile-project-info-background-color-disabled: @colors-neutral-grey-600;
  --dashboard-tile-project-info-text-color: @colors-neutral-white;
  --dashboard-tile-project-info-text-color-disabled: var(--color-neutral-white-transparency50);
  --dashboard-tile-top-bar-background-color: var(--color-dashboard-tile-top-bar-background);

  --tile-item-box-background-color-selected: @colors-brand-allpan-100;
  --tile-item-box-background-color-hovered: @colors-brand-allpan-50;

  --table-row-odd-background-color-enabled: @colors-neutral-grey-100;
  --table-row-odd-background-color-selected: @colors-brand-allpan-100;
  --table-row-even-background-color-enabled: @colors-neutral-white;
  --table-row-even-background-color-selected: @colors-brand-allpan-50;
  --table-row-border-color-hovered: @colors-neutral-grey-700;

  --dashboard-application-buttons-days-left-color: var(--color-dashboard-application-buttons-days-left);
  --dashboard-application-buttons-link-button-color: var(--color-dashboard-application-buttons-link-button);
  --dashboard-application-buttons-link-button-text-decoration-color: var(--color-dashboard-application-buttons-link-buttontext-decoration);
  --dashboard-info-box-background-color: var(--color-dashboard-info-box-background);
  --dashboard-info-box-hover-box-shadow-color: var(--color-dashboard-info-box-hover-box-shadow);
  --dashboard-info-box-buttons-background-linear-gradient-one-color: var(--color-dashboard-info-box-buttons-background-linear-gradient-one);
  --dashboard-info-box-buttons-background-linear-gradient-two-color: var(--color-dashboard-info-box-buttons-background-linear-gradient-two);
  --dashboard-detail-box-subtitle-color: var(--color-dashboard-detail-box-subtitle);
  --dashboard-documentation-title-underline-background-color: var(--color-dashboard-documentation-title-underline-background);
  --dashboard-message-content-color: var(--color-dashboard-message-content);
  --dashboard-message-item-background-color: var(--color-dashboard-message-item-background);
  --dashboard-message-content-container-background-color: var(--color-dashboard-message-content-container);
  --dashboard-message-title-color: var(--color-dashboard-message-title);
  --dashboard-message-messagelink-color: var(--color-dashboard-message-messagelink);
  --dashboard-message-messagelink-hover-focus-color: var(--color-dashboard-message-messagelink-hover-focus);
  --dashboard-application-container-multiarticle-body-color: var(--color-dashboard-application-container-multiarticle-body);
  --dashboard-application-container-article-breadcrumbs-color: var(--color-dashboard-application-container-article-breadcrumbs);
  --dashboard-application-container-nobullets-color: var(--color-dashboard-application-container-nobullets);
  --dashboard-application-container-promo-msg-color: var(--color-dashboard-application-container-promo-msg);
  --link-inline-color: var(--color-link-inline);
  --darkmode-leaflet-container-background-color: var(--color-darkmode-leaflet-container-background);
  --dashboard-cover-bottom-background-linear-gradient-one-color: var(--color-dashboard-cover-bottom-background-linear-gradient-one);
  --dashboard-cover-bottom-background-linear-gradient-two-color: var(--color-dashboard-cover-bottom-background-linear-gradient-two);
  --dashboard-textpanel-subtitle-color: var(--color-dashboard-textpanel-subtitle);
  --tile-item-box-background-color: var(--color-tile-item-box-background);
  --tile-item-box-share-background-color: var(--color-tile-item-box-share-background);
  --tile-item-box-lock-background-color: var(--color-tile-item-box-lock-background);
  --tile-item-box-lock-name-background-color: var(--color-tile-item-box-lock-name-background);
  --tile-item-box-recycle-bin-color: var(--color-tile-item-box-recycle-bin);
  --tile-item-box-body-background-color: var(--color-tile-item-box-body-background);

  --table-dropdown-item-background-color-selected: @colors-brand-allpan-50;

  --text-area-background-color-focused: @colors-brand-allpan-50;

  --language-submenu-item-background-color-selected: @colors-brand-allpan-50;

  --dropdown-menu-item-background-color-selected: @colors-brand-allpan-50;

  --underline-switcher-background-color-selected: @colors-brand-allpan-primary-800;
  --breadcrumbs-dropdown-hover-background-color: var(--color-breadcrumbs-dropdown-hover-background);
  --notify-modal-server-warning-background-color: var(--color-notify-modal-server-warning-background);
  --notify-modal-checkbox-span-border-color: var(--color-notify-modal-checkbox-span-border);
  --notify-modal-checkbox-span-color: var(--color-notify-modal-checkbox-span);
  --notify-modal-input-checked-border-color: var(--color-notify-modal-input-checked-border);
  --objects-container-center-panel-loading-overlay-background-color: var(--color-objects-container-center-panel-loading-overlay-background);
  --content-sidebar-background-color: var(--color-content-sidebar-background);
  --custom-filter-attribute-name-color: var(--color-custom-filter-attribute-name);
  --custom-filter-selected-attributes-empty-color: var(--color-custom-filter-selected-attributes-empty);
  --custom-filter-attributes-picker-border-color: var(--color-custom-filter-attributes-picker-border);
  --custom-filter-selected-attributes-sortable-background-color: var(--color-custom-filter-selected-attributes-sortable-background);
  --dashboard-tile-bottom-bar-background-hover-color: var(--color-dashboard-tile-bottom-bar-background-hover);
  --filter-panel-actions-border-color: var(--color-filter-panel-actions-border);
  --folder-access-rights-list-member-groups-color: var(--color-folder-access-rights-list-member-groups);
  --folder-access-rights-member-rights-background-color: var(--color-folder-access-rights-member-rights-background);
  --generic-view-tiles-content-background-color: var(--color-generic-view-tiles-content-background);
  --generic-view-tiles-search-border-color: var(--color-generic-view-tiles-search-border);
  --generic-view-tiles-search-background-color: var(--color-generic-view-tiles-search-background);
  --dropdown-item-border-color: var(--color-dropdown-item-border);
  --dropdown-item-color: var(--color-dropdown-item);
  --dropdown-item-icon-flag-border-color: var(--color-dropdown-item-icon-flag-border);
  --dropdown-item-title-color-disabled: var(--color-dropdown-item-title-disabled);
  --password-show-icon-active-color: var(--color-password-show-icon-active);
  --portal-footer-ul-background-color: var(--color-neutral-white-transparency80);
  --tile-item-box-buttons-background-color: var(--color-neutral-white-transparency80);
  --table-tables-container-toolbar-background-color: var(--color-neutral-white-transparency80);
  --storage-info-placeholder-text-color-enabled: @colors-neutral-grey-600;

  --storage-info-text-color-hovered: @colors-neutral-black;
  --storage-info-bar-border-color-hovered: @colors-neutral-black;
  --storage-info-bar-container-border-color-enabled: @colors-neutral-grey-600;
  --storage-info-bar-container-background-color-enabled: @colors-neutral-white;
  --storage-info-bar-background-color-low-enabled: @colors-semantic-red-r-500;
  --storage-info-bar-background-color-medium-enabled: @colors-semantic-yellow-orange-yo-600;
  --storage-info-bar-background-color-high-enabled: @colors-semantic-green-g-1000;

  --language-menu-dropdown-toggle-caret-text-color-enabled: @colors-neutral-grey-600;
  --language-menu-dropdown-open-text-color-enabled: var(--dropdown-open-text-color-enabled);
  --language-menu-dropdown-open-background-color-enabled: var(--dropdown-open-background-color-enabled);
  --language-menu-dropdown-menu-background-color-enabled: @colors-neutral-white;
  --language-menu-dropdown-menu-item-background-color-hovered: @colors-neutral-grey-50;
  --language-menu-dropdown-menu-border-color-enabled: var(--dropdown-menu-border-color-enabled);
  --language-menu-dropdown-menu-text-decoration-color-enabled: var(--dropdown-menu-text-decoration-color-enabled);
  --language-menu-dropdown-menu-box-shadow-color-enabled: var(--dropdown-menu-box-shadow-color-enabled);

  --main-menu-container-background-color-enabled: @colors-neutral-grey-50;
  --main-menu-apps-container-background-color-enabled: @colors-neutral-grey-50;
  --main-menu-app-item-background-color-selected: @colors-brand-allpan-300;
  --main-menu-app-item-details-text-color-selected: @colors-brand-allpan-primary-800;
  --main-menu-app-item-details-text-color-enabled: @colors-neutral-grey-700;
  --main-menu-overlay-background-color-enabled: var(--color-background-overlay);
  --main-menu-app-item-details-text-color-disabled: @colors-neutral-grey-400;
  --main-menu-app-item-text-color-selected: @colors-brand-allpan-primary-800;
  --main-menu-select-project-button-background-color-enabled: @colors-neutral-white;

  --navbar-text-color-enabled: @colors-neutral-grey-700;
  --navbar-background-color-enabled: @colors-neutral-grey-50;
  --navbar-preview-mode-background-color-enabled: @colors-semantic-cyan-c-900;
  --navbar-preview-mode-text-color-enabled: @colors-neutral-white;

  --notify-message-title-text-color-enabled: @colors-neutral-white;
  --notify-message-title-background-color-enabled: @colors-neutral-grey-700;
  --notify-dropdown-menu-item-background-color-hovered: @colors-neutral-grey-50;
  --notify-messages-container-background-color-enabled: @colors-neutral-white;
  --notify-messages-container-border-color-enabled: var(--color-neutral-black-transparency15);
  --notify-messages-container-box-shadow-color-enabled: var(--color-neutral-black-transparency15);
  --notify-messages-container-text-decoration-color-enabled: @colors-neutral-grey-800;
  --notify-message-item-border-color-enabled: @colors-neutral-grey-400;
  --notify-message-item-background-color-enabled: @colors-neutral-white;
  --notify-message-item-box-shadow-color-enabled: var(--color-neutral-black-transparency15);

  --project-menu-item-overlay-background-color-enabled: @colors-neutral-grey-500;
  --project-menu-project-details-background-color-enabled: @colors-neutral-grey-50;
  --project-menu-project-items-horizontal-border-color-enabled: @colors-neutral-grey-200;
  --project-menu-project-container-background-color-enabled: @colors-neutral-grey-50;
  --project-menu-project-container-mini-mode-border-color-enabled: @colors-neutral-grey-200;

  --touch-menu-dropdown-toggle-text-color-enabled: var(--dropdown-toggle-text-color-enabled);
  --touch-menu-dropdown-toggle-text-color-hovered: @colors-neutral-grey-800;
  --touch-menu-dropdown-menu-background-color-enabled: @colors-neutral-white;
  --touch-menu-dropdown-menu-border-color-enabled: var(--dropdown-menu-border-color-enabled);
  --touch-menu-dropdown-menu-box-shadow-color-enabled: var(--dropdown-menu-box-shadow-color-enabled);
  --touch-menu-dropdown-menu-text-decoration-color-enabled: var(--dropdown-menu-text-decoration-color-enabled);
  --touch-menu-dropdown-menu-item-background-color-hovered: @colors-neutral-grey-50;
  --touch-menu-dropdown-menu-divider-background-color-enabled: var(--dropdown-menu-divider-background-color-enabled);
  --touch-menu-dropdown-open-text-color-enabled: var(--dropdown-open-text-color-enabled);
  --touch-menu-dropdown-open-background-color-enabled: var(--dropdown-open-background-color-enabled);

  --user-menu-dropdown-toggle-text-color-enabled: var(--dropdown-toggle-text-color-enabled);
  --user-menu-dropdown-toggle-text-color-hovered: @colors-neutral-grey-800;
  --user-menu-dropdown-menu-link-text-color-enabled: @colors-neutral-grey-700;
  --user-menu-dropdown-menu-link-text-decoration-color-enabled: var(--dropdown-menu-text-decoration-color-enabled);
  --user-menu-dropdown-open-text-color-enabled: var(--dropdown-open-text-color-enabled);
  --user-menu-dropdown-open-background-color-enabled: var(--dropdown-open-background-color-enabled);
  --user-menu-language-submenu-border-color-enabled: var(--dropdown-menu-border-color-enabled);
  --user-menu-language-submenu-box-shadow-color-enabled: var(--color-neutral-black-transparency25);
  --user-menu-language-submenu-background-color-enabled: @colors-neutral-white;
  --user-menu-language-submenu-item-background-color-enabled: @colors-neutral-white;
  --user-menu-language-submenu-item-background-color-hovered: @colors-neutral-grey-50;
  --user-menu-dropdown-menu-background-color-enabled: @colors-neutral-white;
  --user-menu-dropdown-menu-border-color-enabled: var(--dropdown-menu-border-color-enabled);
  --user-menu-dropdown-menu-box-shadow-color-enabled: var(--dropdown-menu-box-shadow-color-enabled);
  --user-menu-dropdown-menu-text-decoration-color-enabled: var(--dropdown-menu-text-decoration-color-enabled);
  --user-menu-dropdown-menu-item-background-color-hovered: @colors-neutral-grey-50;
  --user-menu-dropdown-menu-divider-background-color-enabled: var(--dropdown-menu-divider-background-color-enabled);

  --zoom-dropdown-toggle-caret-text-color-enabled: @colors-neutral-grey-600;
  --zoom-dropdown-open-text-color-enabled: var(--dropdown-open-text-color-enabled);
  --zoom-dropdown-open-background-color-enabled: var(--dropdown-open-background-color-enabled);
  --zoom-dropdown-menu-background-color-enabled: @colors-neutral-white;
  --zoom-dropdown-menu-border-color-enabled: var(--dropdown-menu-border-color-enabled);
  --zoom-dropdown-menu-box-shadow-color-enabled: var(--dropdown-menu-box-shadow-color-enabled);
  --zoom-dropdown-menu-text-decoration-color-enabled: var(--dropdown-menu-text-decoration-color-enabled);
  --zoom-dropdown-menu-item-background-color-hovered: @colors-neutral-grey-50;

  --dropdown-open-text-color-enabled: @colors-neutral-grey-700;
  --dropdown-open-background-color-enabled: @colors-neutral-grey-200;
  --dropdown-menu-border-color-enabled: var(--color-neutral-black-transparency15);
  --dropdown-menu-box-shadow-color-enabled: var(--color-neutral-black-transparency15);
  --dropdown-menu-text-decoration-color-enabled: @colors-neutral-grey-800;
  --dropdown-menu-divider-background-color-enabled: @colors-neutral-grey-200;
  --dropdown-toggle-text-color-enabled: @colors-neutral-grey-600;

  --select-container-open-background-color-enabled: @colors-neutral-white;
  --select-container-open-border-color-enabled: @colors-neutral-grey-500 @colors-neutral-grey-500 @colors-neutral-grey-400;
  --select-container-open-arrow-border-color-enabled: @colors-neutral-grey-600;
  --select-container-open-arrow-border-color-hovered: @colors-neutral-grey-800;
  --select-container-background-color-disabled: @colors-neutral-grey-10;
  --select-container-text-color-enabled: @colors-neutral-grey-800;
  --select-container-background-color-enabled: @colors-neutral-white;
  --select-container-border-color-enabled: @colors-neutral-grey-500;
  --select-container-background-color-hovered: @colors-neutral-grey-50;
  --select-container-box-shadow-color-hovered: var(--color-neutral-black-transparency05);
  --select-container-placeholder-text-color-enabled: @colors-neutral-grey-600;
  --select-multiple-disabled-container-value-background-color-enabled: @colors-neutral-grey-10;
  --select-multiple-disabled-container-value-border-color-enabled: @colors-neutral-grey-200;
  --select-multiple-container-value-text-color-enabled: @colors-neutral-grey-800;
  --select-multiple-container-value-background-color-enabled: @colors-brand-allpan-100;
  --select-multiple-container-value-background-color-disabled: @colors-neutral-grey-10;
  --select-multiple-container-value-icon-background-color-hovered: @colors-brand-allpan-50;
  --select-multiple-container-value-icon-left-border-color-enbabled: @colors-brand-allpan-100;
  --select-multiple-container-value-icon-right-border-color-enbabled: @colors-brand-allpan-100;
  --select-multiple-container-value-input-text-color-enabled: @colors-neutral-black;
  --select-clear-wrapper-text-color-enabled: @colors-neutral-grey-600;
  --select-clear-wrapper-text-color-hovered: @colors-semantic-red-r-900;
  --select-clear-wrapper-text-color-focused: @colors-semantic-red-r-900;
  --select-arrow-wrapper-border-color-hovored: @colors-neutral-grey-700;
  --select-arrow-wrapper-border-color-enabled: @colors-neutral-grey-600;

  --dropdown-panel-background-color-enabled: @colors-neutral-white;
  --dropdown-panel-border-color-enabled: @colors-neutral-grey-500;
  --dropdown-panel-box-shadow-color-enabled: var(--color-neutral-black-transparency05);
  --dropdown-panel-select-top-border-color-enabled: @colors-neutral-grey-200;
  --dropdown-panel-select-right-border-color-enabled: @colors-neutral-grey-200;
  --dropdown-panel-select-bottom-border-color-enabled: @colors-neutral-grey-200;
  --dropdown-panel-select-left-border-color-enabled: @colors-neutral-grey-200;
  --dropdown-panel-header-border-color-enabled: @colors-neutral-grey-500;
  --dropdown-panel-footer-border-color-enabled: @colors-neutral-grey-500;
  --dropdown-panel-items-text-color-enabled: var(--color-neutral-black-transparency50);
  --dropdown-panel-items-marked-background-color-enabled: @colors-neutral-grey-50;
  --dropdown-panel-items-option-selected-background-color-enabled: @colors-brand-allpan-100;
  --dropdown-panel-items-option-background-color-enabled: @colors-neutral-white;
  --dropdown-panel-items-option-text-color-enabled: var(--color-neutral-black-transparency90);
  --dropdown-panel-items-option-selected-text-color-enabled: var(--color-neutral-black-transparency50);
  --dropdown-panel-items-option-selected2-text-color-enabled: @colors-neutral-grey-800;
  --dropdown-panel-items-option-selected2-background-color-enabled: @colors-brand-allpan-100;
  --dropdown-panel-items-marked-text-color-enabled: @colors-neutral-grey-800;
  --dropdown-panel-items-text-color-disabled: @colors-neutral-grey-500;


  --host-text-color-enabled: @colors-neutral-grey-700;
  --connection-designer-content-no-design-codes-text-color-enabled: @colors-neutral-grey-500;

  --connection-designer-results-selected-note-text-color-enabled: @colors-semantic-cyan-c-700;
  --connection-designer-results-text-message-text-color-success: @colors-semantic-green-g-1000;
  --connection-designer-results-text-message-text-color-error: @colors-semantic-red-r-1000;

  --context-menu-item-background-color-hovered: @colors-neutral-grey-50;
  --context-menu-list-border-color-enabled: @colors-auxilliary-calacatta-cal-60;
  --context-menu-item-seperator-border-color-enabled: @colors-neutral-grey-50;
  --context-menu-list-box-shadow-color-enabled: var(--color-neutral-black-transparency15);
  --context-menu-item-label-text-color-enabled: @colors-neutral-grey-800;

  --flat-tree-container-text-color-enabled: @colors-neutral-grey-700;
  --flat-tree-container-background-color-enabled: @colors-neutral-white;
  --flat-tree-draggable-node-background-color-hovered: @colors-neutral-grey-50;
  --flat-tree-selected-node-text-color-enabled: @colors-semantic-cyan-c-700;
  --flat-tree-partially-selected-nodes-text-color-enabled: @colors-semantic-cyan-c-1000;

  --floating-bar-panel-background-color-enabled: var(--color-neutral-white-transparency80);
  --floating-bar-panel-background-color-hovered: @colors-neutral-white;
  --floating-bar-floating-panel-header-logo-background-color-enabled: @colors-neutral-grey-700;
  --floating-bar-floating-panel-border-color-enabled: @colors-neutral-grey-500;
  --floating-bar-floating-panel-vertical-separator-border-color-enabled: @colors-neutral-grey-400;
  --floating-bar-block-icon-background-color-enabled: @colors-neutral-grey-700;
  --floating-bar-block-item-text-color-enabled: @colors-neutral-black;

  --floating-bar-project-navigator-secondary-button-border-color-enabled: @colors-neutral-grey-700;

  --object-navigator-criteria-select-object-properties-attribute-row-background-color-hovered: @colors-neutral-grey-50;
  --object-navigator-separator-border-color-enabled: @colors-neutral-grey-400;
  --object-navigator-filter-action-buttons-text-color: @colors-semantic-cyan-c-400;

  --sidenav-background-color-enabled: @colors-neutral-grey-700;
  --sidenav-border-color-enabled: @colors-neutral-grey-700;
  --sidenav-separator-border-color-enabled: @colors-neutral-white;
  --sidenav-drawer-border-color-enabled: @colors-neutral-grey-700;
  --sidenav-row-footer-background-color-hovered: @colors-neutral-grey-700;
  --sidenav-row-background-color-hovered: @colors-neutral-grey-700;
  --sidenav-drawer-background-color-enabled: var(--color-neutral-white-transparency80);
  --sidenav-drawer-background-color-hovered: @colors-neutral-white;
  --sidenav-drawer-border-right-color-enabled: @colors-neutral-grey-400;
  --sidenav-resize-handle-left-background-color-enabled: var(--color-window-resize-handler-arrow-background);

  --sidenav-drawer-content-header-background-color-enabled: var(--color-sidenav-drawer-content-header-background-color-enabled);
  --sidenav-drawer-loading-spinner-text-color-enabled: @colors-neutral-white;
  --sidenav-drawer-loading-spinner-background-color-enabled: var(--color-neutral-black-transparency50);

  --text-message-text-color-enabled: @colors-neutral-grey-700;
  --text-message-border-color-enabled: @colors-neutral-grey-700;

  --center-menu-sub-menu-border-background-color: @colors-neutral-grey-500;
  --center-menu-sub-menu-background-color: var(--color-neutral-white-transparency90);
  --center-menu-sub-menu-button-active: @colors-brand-allpan-primary-800;
  --center-menu-button-active: @colors-brand-allpan-primary-800;
  --center-menu-button-disabled: @colors-neutral-grey-600;
  --center-menu-controller-border-color-enabled: @colors-neutral-grey-600;
  --center-menu-button-hovered: @colors-brand-allpan-900;
  --center-menu-controller-background-color-enabled: @colors-neutral-white;
  --center-menu-controller-background-color-active: @colors-brand-allpan-primary-800;

  --tooltip-message-border-color-enabled: @colors-semantic-red-r-500;
  --tooltip-message-background-color-enabled: @colors-neutral-white;
  --tooltip-message-title-background-color-enabled: @colors-neutral-grey-50;
  --tooltip-message-footer-background-color-enabled: @colors-neutral-grey-50;
  --tooltip-message-separator-border-color-enabled: @colors-neutral-grey-400;
  --tooltip-message-text-color-success: @colors-semantic-green-g-1000;
  --tooltip-message-text-color-error: @colors-semantic-red-r-1000;

  --loading-spinner-background-color-enabled: var(--color-neutral-black-transparency50);
  --loading-spinner-text-color-enabled: @colors-neutral-grey-700;

  --ui-icon-visibility-background-color-active: @colors-brand-allpan-primary-800;
  --ui-icon-text-color-enabled: @colors-neutral-black;

  --text-highlight-text-color-enabled: @colors-brand-allpan-primary-800;

  /*tab-content*/
  --tab-content-background-color: var(--color-tab-content-background);
  --tab-content-title-border-color: var(--color-tab-content-title-border);
  --tab-content-button-color: var(--color-tab-content-button);
  --tab-content-button-background-color: var(--color-tab-content-button-background);
  --tab-content-cell-infoicon-background-color: var(--color-tab-content-cell-infoicon-background);

  /*portal-project-tab*/
  --portal-project-tab-toolbar-btn-default-color: var(--color-portal-project-tab-toolbar-btn-default);
  --portal-project-tab-toolbar-btn-group-color: var(--color-portal-project-tab-toolbar-btn-group);

  /*portal-table*/
  --table-portal-toolbar-color: var(--color-table-portal-toolbar);
  --table-portal-table-footer-btn-group-color: var(--color-table-portal-table-footer-btn-group);
  --table-portal-table-footer-btn-group-button-color: var(--color-table-portal-table-footer-btn-group-button);

  /*project-settings*/
  --project-settings-title-main-color: var(--color-project-settings-title-main);
  --project-settings-property-message-color: var(--color-project-settings-property-message);
  --project-settings-property-input-border-color: var(--color-project-settings-property-input-border);
  --project-settings-property-input-background-color: var(--color-project-settings-property-input-background);
  --project-settings-property-datepicker-container-border-hover-color: var(--color-project-settings-property-datepicker-container-border-hover);

  /*shareddocuments-modal*/
  --shareddocuments-modal-file-list-row-odd-color: var(--color-shareddocuments-modal-file-list-row-odd-color);
  --shareddocuments-modal-file-list-row-even-color: var(--color-shareddocuments-modal-file-list-row-even-color);

  /* portal properties */
  --portal-properties-table-combo-color-disabled: var(--color-portal-properties-table-combo-color-disabled);
  --portal-properties-table-combo-border-color-disabled: var(--color-portal-properties-table-combo-border-color-disabled);
  --portal-properties-content-background-color: var(--color-portal-properties-content-background);
  --color-portal-content-buttons-background-color: var(--color-portal-content-buttons-background);
  --portal-properties-string-select-color-disabled: var(--color-portal-properties-string-select-color-disabled);

  /*user-expiration*/
  --user-expiration-box-shadow-color: var(--color-user-expiration-box-shadow);
  --user-expiration-background-color: var(--color-user-expiration-background);
  --user-expiration-header-background-color: var(--color-user-expiration-header-background);
  --user-expiration-body-color: var(--color-user-expiration-body);

  /*auth*/
  --card-border-color: var(--color-card-border);
  --login-description-text-color: var(--color-login-description-text);

  /*accept-invitation*/
  --card-color: var(--color-card);
  --form-group-color: var(--color-form-group);
  --form-group-two-color: var(--color-form-group-two);
  --ember-power-color: var(--color-ember-power);
  --ember-power-two-color: var(--color-ember-power-two);
  --form-control-background-color: var(--color-form-control-background);
  --form-control-border-two-color: var(--color-form-control-border-two);
  --form-control-has-error-color: var(--color-form-control-has-error);

  /* project table */
  --project-table-content-background-color: var(--color-project-table-content-background);
  --project-table-content-select-color: var(--color-project-table-content-select);
  --project-files-table-content-background-color: var(--color-project-files-table-content-background);

  --project-filter-content-border-color: var(--color-project-filter-content-border);
  --project-filter-content-background-color: var(--color-project-filter-content-background);

  --project-members-table-content-background-color: var(--color-project-members-table-content-background);
  --project-members-table-models-table-toolbar-color: var(--color-project-table-toolbar);
  --project-models-table-models-table-toolbar-color: var(--color-project-table-toolbar);
  --project-table-body-background-color-hovered: var(--color-project-table-body-background-hovered);
  --project-table-body-selected-background-color-hovered: var(--color-project-table-body-selected-background-hovered);

  /*change email*/
  --email-text-color: var(--color-email-text);
  --primary-button-text-two-color: var(--color-primary-button-text-two);
  --background-button-primary-two-disabled-color: var(--color-background-button-primary-two-disabled);

  /* downloadAttachment */
  --download-attachment-a-border-bottom-color: var(--color-download-attachment-a-border-bottom);

  /*pm tabs*/
  --pm-tabs-color: (--color-pm-tabs);
  --pm-content-background-color: var(--color-pm-content-background);
  --pm-content-background-two-color: var(--color-pm-content-background-two);
  --pm-content-border-color: var(--color-pm-content-border);
  --pm-content-border-two-color: var(--color-pm-content-border-two);

  /*project image*/
  --project-image-color: var(--color-project-image);
  --project-image-background-color: var(--color-project-image-background);
  --project-image-background-two-color: var(--color-project-image-background-two);
  --project-image-border-color: var(--color-project-image-border);

  /*select*/
  --select-color: var(--color-select);
  --select-two-color: var(--color-select-two);
  --select-background-color: var(--color-select-background);
  --select-border-color: var(--color-select-border);

  /*term of use*/
  --termofuse-color: var(--color-termofuse);
  --termofuse-background-color: var(--color-termofuse-background);
  --termofuse-border-color: var(--color-termofuse-border);

  /*user*/
  --user-background-color: var(--color-user-background);

  /*workflow*/
  --workflow-border-color: var(--color-workflow-border);
  --workflow-border-two-color: var(--color-workflow-border-two);
  --workflow-border-three-color: var(--color-workflow-border-three);
  --workflow-color: var(--color-workflow);
  --workflow-two-color: var(--color-workflow-two);
  --workflow-disabled-color: var(--color-workflow-disabled);
  --workflow-background-color: var(--color-workflow-background);
  --workflow-background-two-color: var(--color-workflow-background-two);
  --workflow-background-three-color: var(--color-workflow-background-three);
  --workflow-background-four-color: var(--color-workflow-background-four);
  --workflow-background-five-color: var(--color-workflow-background-five);
  --workflow-background-six-color: var(--color-workflow-background-six);
  --workflow-background-seven-color: var(--color-workflow-background-seven);
  --workflow-background-eight-color: var(--color-workflow-background-eight);

  /*table portal*/
  --table-portal-background-one-color: var(--color-table-portal-background-one);
  --table-pagination-color: var(--color-table-pagination);

  /* property manager*/
  --propertymanager-jstree-content-search-color: var(--color-propertymanager-jstree-content-search);
  --propertymanager-loading-background-color: var(--color-propertymanager-loading-background);
  --propertymanager-loading-message-color: var(--color-propertymanager-loading-message);
  --propertymanager-content-background-color: var(--color-propertymanager-content-background);
  --propertymanager-object-tree-content-background-color: var(--color-propertymanager-object-tree-content-background);
  --propertymanager-object-tree-scrollable-border-color: var(--color-propertymanager-object-tree-scrollable-border);
  --propertymanager-sets-loading-background-color: var(--color-propertymanager-sets-loading-background);
  --propertymanager-sets-loading-message-color: var(--color-propertymanager-sets-loading-message);
  --propertymanager-sets-content-background-color: var(--color-propertymanager-sets-content-background);
  --propertymanager-sets-content-scrollable-border-color: var(--color-propertymanager-sets-content-scrollable-border);
  --sg-checkbox-color: var(--color-sg-checkbox);
  --propertymanager-structure-select-border-color: var(--color-propertymanager-structure-select-border);

  /* search bar*/
  --search-bar-border-color: var(--color-search-bar-border);
  --search-bar-background-color-hovered: var(--color-search-bar-background-hovered);
  --search-bar-color-hovered: var(--color-search-bar-color-hovered);
  --search-bar-button-background-color: var(--color-search-bar-button-background);
  --search-bar-button-glyphicon-color: var(--color-search-bar-button-glyphicon);
  --search-bar-button-glyphicon-color-focused: var(--color-search-bar-button-glyphicon-focused);
  --uni-search-bar-border-color: var(--color-uni-search-bar-border);
  --uni-search-bar-background-color: var(--color-uni-search-bar-background);
  --uni-search-bar-background-color-hovered: var(--color-uni-search-bar-background-hovered);
  --uni-search-bar-color-hovered: var(--color-uni-search-bar-color-hovered);
  --uni-search-bar-input-background-color-hovered: var(--color-uni-search-bar-input-background-hovered);
  --uni-search-bar-glyphicon-color-hovered: var(--color-uni-search-bar-glyphicon-hovered);
  --uni-search-bar-clear-icon-background-color-hovered: var(--color-uni-search-bar-clear-icon-background-hovered);
  --uni-search-bar-background-color-focused: var(--color-uni-search-bar-background-focused);
  --uni-search-bar-color-focused: var(--color-uni-search-bar-color-focused);
  --uni-search-bar-border-color-focused: var(--color-uni-search-bar-border-focused);
  --uni-search-bar-input-background-color-focused: var(--color-uni-search-bar-input-background-focused);
  --uni-search-bar-glyphicon-color-focused: var(--color-uni-search-bar-glyphicon-focused);
  --uni-search-bar-typing-color: var(--color-uni-search-bar-typing);

  /* tasks overview */
  --tasks-overview-dot-open-background-color: var(--color-tasks-overview-dot-open-background);
  --tasks-overview-dot-open65-background-color: var(--color-tasks-overview-dot-open65-background);
  --tasks-overview-dot-open5-background-color: var(--color-tasks-overview-dot-open5-background);
  --tasks-overview-dot-open-custom-background-color: var(--color-tasks-overview-dot-open-custom-background);
  --tasks-overview-dot-background-color-disabled: var(--color-tasks-overview-dot-background-disabled);
  --tasks-overview-dot-solved-background-color: var(--color-tasks-overview-dot-solved-background);
  --tasks-overview-dot-solved65-background-color: var(--color-tasks-overview-dot-solved65-background);
  --tasks-overview-dot-solved55-background-color: var(--color-tasks-overview-dot-solved55-background);
  --tasks-overview-dot-solved-custom-background-color: var(--color-tasks-overview-dot-solved-custom-background);
  --tasks-overview-dot-closed-background-color: var(--color-tasks-overview-dot-closed-background);
  --tasks-overview-dot-background-color-undefined: var(--color-tasks-overview-dot-background-undefined);

  /* tree control*/
  --tree-control-background-color: var(--color-tree-control-background);
  --tree-control-border-color: var(--color-tree-control-border);
  --tree-control-sortable-placeholder-background-color: var(--color-tree-control-sortable-placeholder-background);
  --tree-control-container-color: var(--color-tree-control-container);
  --tree-control-node-container-border-color: var(--color-tree-control-node-container-border);
  --tree-control-node-container-even-background-color: var(--color-tree-control-node-container-even-background);
  --tree-control-node-container-odd-background-color: var(--color-tree-control-node-container-odd-background);
  --tree-control-node-container-color-hovered: var(--color-tree-control-node-container-color-hovered);
  --tree-control-node-drag-over-background-color: var(--color-tree-control-node-drag-over-background);
  --tree-control-node-drag-over-background-color-forbidden: var(--color-tree-control-node-drag-over-background-forbidden);
  --tree-control-node-selected-background-color: var(--color-brand-primary);
  --tree-control-node-selected-color: var(--color-tree-control-node-selected);
  --tree-control-objecttype-node-background-color: var(--color-tree-control-objecttype-node-background);
  --tree-control-drop-after-background-color: var(--color-tree-control-drop-after-background);
  --tree-control-drop-after-forbidden-background-color: var(--color-tree-control-drop-after-forbidden-background);
  --select-grouping-button-sort-menu-opened-background-color: var(--color-select-grouping-button-sort-menu-opened-background);
  --select-grouping-list-background-color: var(--color-select-grouping-list-background);
  --select-grouping-box-shadow-color: var(--color-select-grouping-box-shadow);
  --sizes-overview-separator-background-color: var(--color-sizes-overview-separator-background);
  --sizes-overview-dot-background-color: var(--color-sizes-overview-dot);

  /*table-common*/
  --table-tables-container-color: var(--color-table-tables-container);
  --table-tables-container-two-color: var(--color-table-tables-container-two);
  --table-tables-container-three-color: var(--color-table-tables-container-three);
  --pagination-wrapper-color: var(--color-pagination-wrapper);

  /*table-embedded*/
  --table-embedded-color: var(--color-table-embedded);
  --table-embedded-background-color: var(--color-table-embedded-background);

  /*table portal*/
  --table-portal-color: var(--color-table-portal);
  --table-portal-two-color: var(--color-table-portal-two);
  --table-portal-border-two-color: var(--color-table-portal-border-two);
  --table-portal-border-color-three: var(--color-table-portal-border-three);
  --table-portal-background-color: var(--color-table-portal-background);
  --table-portal-background-two-color: var(--color-table-portal-background-two);
  --table-portal-three-color: var(--color-table-portal-three);
  --table-portal-four-color: var(--color-table-portal-four);
  --table-portal-box-shadow-color: var(--color-table-portal-box-shadow);

  /*base*/
  --color-typography-background-gradient-one-color: var(--color-typography-background-gradient-one-color);
  --color-typography-background-gradient-two-color: var(--color-typography-background-gradient-two-color);
  --modal-dialog-background-color-overlay: var(--color-modal-dialog-background-color-overlay);
  --modal-dialog-upload-button-label-color: var(--color-modal-dialog-upload-button-label);

  /*ember power select*/
  --ember-power-select-border-color: var(--color-ember-power-select-border);
  --ember-power-select-placeholder-color: var(--color-ember-power-select-placeholder);
  --ember-power-select-highlighted-background-color: var(--color-ember-power-select-highlighted-background);
  --ember-power-select-highlighted-color: var(--color-ember-power-select-highlighted);
  --ember-power-select-selected-background-color: var(--color-ember-power-select-selected-background);
  --ember-power-select-trigger-icon-color: var(--color-ember-power-select-trigger-icon);
  --ember-power-background-color: var(--color-ember-power-background);
  --ember-power-two-background-color: var(--color-ember-power-two-background);
  --ember-power-three-background-color: var(--color-ember-power-three-background);
  --ember-power-four-background-color: var(--color-ember-power-four-background);
  --ember-power-border-color: var(--color-ember-power-border);
  --ember-power-border-two-color: var(--color-ember-power-border-two);
  --ember-power-border-three-color: var(--color-ember-power-border-three);

  /*forms*/
  --forms-color: var(--color-forms);
  --forms-box-shadow-color: var(--color-forms-box-shadow);
  --forms-box-shadow-two-color: var(--color-forms-box-shadow-two);
  --forms-box-shadow-three-color: var(--color-forms-box-shadow-three);
  --form-border-color: var(--color-form-border);

  /*app*/
  --app-color: var(--color-app);
  --app-two-color: var(--color-app-two);
  --app-three-color: var(--color-app-three);
  --app-four-color: var(--color-app-four);
  --app-background-color: var(--color-app-background);
  --app-background-two-color: var(--color-app-background-two);
  --app-background-three-color: var(--color-app-background-three);
  --app-background-four-color: var(--color-app-background-four);
  --app-border-color: var(--color-app-border);
  --app-box-shadow-color: var(--color-app-box-shadow);


  /*project info*/
  --project-info-upload-image-cover-gradient8-color: var(--color-project-info-upload-image-cover-gradient8);
  --project-info-upload-image-cover-gradient5-color: var(--color-project-info-upload-image-cover-gradient5);

  --modal-input-error-border-color-enabled: @colors-semantic-red-r-800;
  --modal-input-error-text-color-enabled: @colors-semantic-red-r-800;
  --modal-header-error-background-color-enabled: @colors-semantic-red-r-800;
  --modal-buttons-confirm-border-color-enabled: @colors-semantic-red-r-800;
  --modal-buttons-confirm-text-color-enabled: @colors-semantic-red-r-800;

  --upload-dlg-has-error-border-color-enabled: @colors-semantic-red-r-800;

  --notify-modal-server-error-background-color-enabled: @colors-semantic-red-r-600;

  --form-control-has-error-box-shadow-color-focused: @colors-semantic-red-r-200;
  --form-control-focus-border-color: @colors-brand-allpan-400;
  --form-control-shadow-color:var(--color-form-control-shadow);
  --form-control-shadow-color2:var(--color2-form-control-shadow);
  --table-embedded-row-background-color-hovered: @colors-semantic-cyan-c-100;
  --table-embedded-row-selected-background-color-hovered: @colors-semantic-cyan-c-100;

  --top-menu-toolbar-right-text-color-enabled: @colors-neutral-grey-500;

  --project-info-reset-search-text-color-enabled: @colors-neutral-grey-500;

  --login-connect-text-color-enabled: @colors-neutral-grey-700;

  --projectinfo-grid-toolbar-visible-fields-menu-content-background-color-enabled: @colors-neutral-white;
  --projectinfo-grid-toolbar-group-fields-menu-content-background-color-enabled: @colors-neutral-white;

  --login-auth-error-text-color-enabled: @colors-neutral-white;

  --basic-content-menu-header-text-color-enabled: @colors-neutral-white;

  --modal-dialog-title-text-color-enabled: @colors-neutral-white;

  --invitation-message-border-color-enabled: @colors-neutral-grey-400;

  --ember-power-select-email-text-color-enabled: @colors-neutral-grey-500;

  --components-form-control-disabled-text-color-hovered: @colors-semantic-green-g-1000;

  --property-set-header-text-color-disabled: @colors-neutral-grey-400;
  --property-set-header-handle-text-color-disabled: @colors-neutral-grey-700;
  --property-set-unmovable-handle-text-color-disabled: @colors-neutral-grey-400;

  --ember-basic-dropdown-content-below-border-color-enabled: @colors-neutral-grey-500;
  --ember-power-select-trigger-background-color: @colors-neutral-white;
  --ember-power-select-multiple-option-text-color: @colors-neutral-grey-300;
  --ember-power-select-multiple-option-background-color: @colors-neutral-white;
  --ember-power-select-dropdown-border-color: @colors-neutral-grey-500;

  --project-list-tree-project-node-recycle-bin-text-color-enabled: @colors-neutral-grey-500;

  --embedded-modal-box-shadow-color-enabled: @colors-neutral-grey-500;

  --property-set-row-border-color-enabled: @colors-neutral-grey-300;
  --property-set-row-odd-background-color-enabled: @colors-neutral-grey-50;

  --propertymanager-content-scrollable-border-color: @colors-neutral-grey-300;

  --files-modal-main-container-background-color-enabled: @colors-neutral-grey-100;

  --datepicker-container-background-color-hovered: @colors-neutral-grey-50;

  --download-attachment-card-header-text-color-enabled: @colors-neutral-white;

  --card-advanced-label-text-color-enabled: @colors-neutral-white;

  --tile-item-box-background-color-gradient: linear-gradient(var(--colors-neutral-grey-50-transparency80), var(--colors-neutral-grey-50-transparency50) 25%, 75%, var(--colors-neutral-grey-50-transparency80));

  --card-box-shadow-color: var(--color-neutral-black-transparency20);

  --modal-fade-in-background-color: var(--color-neutral-black-transparency30);

  --dashboard-tile-background-color: linear-gradient(139.11deg, @colors-neutral-grey-50 0%, @colors-neutral-grey-100 48.21%, @colors-neutral-grey-300 98.48%), var(--color-neutral-grey-500-transparency06);

  --tree-control-sortable-placeholder-border-color: @colors-semantic-cyan-c-100;

  --project-files-table-models-table-select-text-color: @colors-neutral-black;

  --portal-side-menu-text-color: @colors-neutral-black;

  --release-notes-message-text-color: @colors-neutral-black;

  --change-email-touch-alert-text-color: @colors-semantic-red-r-200;
  --change-password-touch-alert-text-color: @colors-semantic-red-r-200;

  --form-control-has-error-border-color: @colors-semantic-red-r-400;

  --m-forms-error-text-color: @colors-semantic-red-r-400;
  --m-forms-error-border-color: @colors-semantic-red-r-400;

  --login-auth-error-border-color-enabled: @colors-semantic-red-r-400;

  --datepicker-container-error-border-color: @colors-semantic-red-r-400;

  --portal-property-error-border-color: @colors-semantic-red-r-400;

  --card-row-error-border-color: @colors-semantic-red-r-400;
  --card-message-error-text-color: @colors-semantic-red-r-400;

  --progress-info-error-background-color: @colors-semantic-red-r-400;

  --approval-step-icon-canceled-background-color: @colors-semantic-red-r-400;

  --table-portal-item-canceled-background-color: @colors-semantic-red-r-400;

  --portal-modal-error-message-text-color: @colors-semantic-red-r-400;

  --portal-modal-select-error-border-color: @colors-semantic-red-r-400;

  --upload-dlg-model-name-invalid-border-color: @colors-semantic-red-r-400;

  --input-field-error-border-color: @colors-semantic-red-r-400;

  --forms-error-border-color: @colors-semantic-red-r-400;

  --table-portal-item-running-background-color: @colors-semantic-cyan-c-300;

  --modal-info-header-background-color: @colors-semantic-cyan-c-300;

  --workflow-error-border-color: @colors-auxilliary-bright-red;

  --portal-modal-input-field-error-border-color: @colors-auxilliary-bright-red;

  --projectinfo-grid-column-text-color: @colors-neutral-black;
  --projectinfo-grid-cell-text-color: @colors-neutral-black;
  --projectinfo-grid-content-data-text-color: @colors-neutral-black;
  --projectinfo-grid-record-text-color-selected: @colors-neutral-black;

  --forms-disabled-link-text-color: @colors-neutral-black;

  --jstree-box-changed-background-color: @colors-auxilliary-purple-pur-80;
  --jstree-box-changed-geometry-background-color: @colors-semantic-cyan-c-800;
  --jstree-box-deleted-background-color: @colors-semantic-yellow-orange-yo-800;
  --jstree-box-inserted-background-color: @colors-semantic-green-g-500;

  --object-props-table-value-invalid-border-color: @colors-semantic-red-r-800;
  --object-props-table-value-textfield-border-color: var(--middle-light-gray-color);

  --modal-dialog-buttons-confirm-border-color: @colors-semantic-red-r-800;
  --modal-dialog-buttons-confirm-text-color: @colors-semantic-red-r-800;
  --modal-dialog-buttons-confirm-background-color: var(--main-background-color);

  --popup-dialog-modal-select-confirm-border-color: @colors-semantic-red-r-800;
  --popup-dialog-modal-select-confirm-text-color: @colors-semantic-red-r-800;
  --popup-dialog-modal-select-confirm-background-color: var(--main-background-color);
  --popup-dialog-modal-select-error-border-color: @colors-auxilliary-bright-red;
  --popup-dialog-buttons-confirm-border-color: @colors-semantic-red-r-800;
  --popup-dialog-buttons-confirm-text-color: @colors-semantic-red-r-800;
  --popup-dialog-buttons-confirm-background-color: var(--main-background-color);

  --issue-list-status-open-background-color: @colors-semantic-red-r-800;
  --issue-list-status-closed-background-color: @colors-semantic-yellow-orange-yo-400;
  --issue-list-priority-high-background-color: @colors-semantic-red-r-800;
  --issue-list-priority-medium-background-color: @colors-semantic-yellow-orange-yo-800;
  --issue-list-priority-low-background-color: @colors-semantic-yellow-orange-yo-400;

  --portal-modal-input-error-border-color: @colors-semantic-red-r-800;

  --portal-modal-buttons-confirm-border-color: @colors-semantic-red-r-800;
  --portal-modal-buttons-confirm-text-color: @colors-semantic-red-r-800;
  --portal-modal-buttons-confirm-background-color: var(--main-background-color);

  --clash-view-colored-box-red-square-background-color: @colors-semantic-red-r-800;
  --clash-view-colored-box-yellow-square-background-color: @colors-semantic-yellow-orange-yo-400;
  --clash-view-colored-box-green-square-background-color: @colors-semantic-green-g-500;

  --clash-view-clashdetection-text-area-background-color: @colors-neutral-white;
  --clash-view-clashdetection-text-area-border-color: @colors-neutral-grey-400;
  --clash-view-clashdetection-text-area-text-color-disabled: @colors-neutral-grey-500;
  --clash-view-clashdetection-text-area-border-color-disabled: @colors-neutral-grey-500;
  --clash-view-clashdetection-text-area-background-color-disabled: @colors-neutral-white;

  --jstree-ocl-open-background-color: @colors-semantic-red-r-800;
  --jstree-ocl-unresolved-background-color: @colors-semantic-yellow-orange-yo-400;
  --jstree-ocl-resolved-background-color: @colors-semantic-green-g-500;

  --notify-modal-server-warning-background-color-enabled: @colors-semantic-red-r-600;
  --notify-modal-server-info-background-color-enabled: @colors-semantic-red-r-600;
  --notify-modal-server-question-background-color-enabled: @colors-semantic-red-r-600;

  --ember-power-select-option-selected-background-color: @colors-semantic-red-r-50;

  --object-navigator-open-action-button-text-color: @colors-semantic-cyan-c-500;

  --comments-item-comment-author-background-color: @colors-semantic-cyan-c-100;

  --slideshow-slide-list-item-image-background-color: @colors-semantic-cyan-c-100;

  --table-embedded-row-selected-background-color: @colors-semantic-cyan-c-100;

  --breadcrumbs-text-color: @colors-brand-allpan-400;

  --portal-modal-combobox-dropdown-border-color: @colors-brand-allpan-900;
  --portal-modal-combobox-border-color: @colors-brand-allpan-900;
  --portal-modal-combobox-background-color: @colors-brand-allpan-900;

  --table-transparent-head-background-color: @colors-brand-allpan-50;

  --ember-power-select-trigger-background-color-disabled: @colors-neutral-white;
  --ember-power-select-trigger-border-color-focused: var(--middle-light-gray-color);
  --ember-power-select-trigger-border-color: var(--middle-light-gray-color);

  --auth-form-control-background-color: var(--main-background-color);
  --auth-form-control-border-color: @colors-neutral-grey-400;
  --auth-input-box-shadow-color: var(--main-background-color);
  --auth-login-connect-text-color: @colors-neutral-grey-700;
  --auth-login-description-text-header-text-color: @colors-neutral-black;
  --auth-login-description-text-body-text-color: @colors-neutral-black;
  --auth-row-checkbox-border-color: @colors-neutral-grey-400;

  --user-form-control-border-color-disabled: @colors-neutral-grey-400;
  --user-form-control-background-color: var(--main-background-color);
  --user-form-control-border-color: @colors-neutral-grey-400;
  --user-checkbox-input-checked-background-color: var(--main-background-color);
  --user-checkbox-label-background-color: var(--main-background-color);
  --user-checkbox-label-border-color: @colors-neutral-grey-400;

  --data-grid-import-bcf-text-color: var(--main-background-color);

  --revision-compare-sort-button-background-color: var(--main-background-color);
  --viewport-project-list-container-background-color: var(--main-background-color);

  --popup-window-content-background-color: var(--main-background-color);
  --popup-window-item-border-color: @colors-neutral-grey-400;
  --popup-window-item-text-color-hovered: var(--main-background-color);
  --popup-window-item-background-color-hovered: var(--brand-primary-color);
  --popupwin-item-disabled-background-color-hover: var(--main-background-color);

  --slideshow-header-background-color: var(--main-background-color);
  --slideshow-header-border-top-color: var(--main-background-color);
  --slideshow-header-border-bottom-color: @colors-neutral-grey-400;
  --slideshow-slide-delay-text-input-border-color: @colors-neutral-grey-400;

  --left-menu-background-color: var(--ui-text-1-color);
  --left-menu-border-color: var(--ui-text-1-color);

  --varianttype-popupwin-item-text-color: @colors-neutral-black;

  --revisions-popupwin-content-revision-item-text-color: @colors-neutral-black;

  --issue-link-window-content-text-color: @colors-neutral-black;

  --project-view-prop-group-text-color: @colors-neutral-black;
  --project-view-prop-group-border-color: @colors-neutral-grey-500;
  --project-view-props-name-text-color: @colors-neutral-black;

  --object-props-subheader-text-color: @colors-neutral-black;

  --selected-pin-object-background-color: var(--brand-primary-color);
  --selected-pin-object-text-color: var(--main-background-color);

  --details-controls-button-background-color: var(--brand-primary-color);
  --details-controls-button-text-color: var(--main-background-color);
  --details-controls-button-text-color-hovered: var(--main-background-color);
  --details-controls-button-create-clash-issue-border-color: var(--brand-primary-color);
  --details-controls-details-not-found-text-color: @colors-neutral-grey-500;
  --details-controls-details-text-area-border-color: var(--middle-light-gray-color);
  --details-controls-details-text-area-border-color-disabled: @colors-neutral-grey-500;
  --details-controls-details-not-selected-text-color: @colors-neutral-grey-500;
  --details-controls-button-text-color-disabled: var(--main-background-color);
  --details-controls-button-border-color-disabled: @colors-neutral-grey-500;
  --details-controls-button-background-color-disabled: @colors-neutral-grey-500;
  --details-controls-list-button-text-color: var(--brand-primary-color);
  --details-controls-list-delete-button-border-color: @colors-neutral-grey-400;
  --details-controls-list-delete-button-text-color: @colors-neutral-grey-400;
  --details-controls-list-item-border-color: @colors-neutral-grey-400;
  --details-controls-tabs-button-text-color-hovered: var(--main-background-color);
  --details-controls-attachment-item-border-color: @colors-neutral-grey-400;
  --details-controls-attachment-delete-button-text-color: @colors-neutral-grey-400;

  --varianttype-popupwin-content-selected-text-color: var(--main-background-color);

  --card-text-color: var(--main-background-color);

  --forms-checkbox-label-text-color: var(--main-background-color);

  --portal-modal-header-title-text-color: var(--main-background-color);

  --navigator-attributes-primary-button-text-color: var(--main-background-color);
  --navigator-attributes-primary-button-text-color-hovered: var(--main-background-color);

  --clash-rule-info-group-text-color: @colors-neutral-grey-500;

  --issue-details-pin-object-invisible-text-color: @colors-neutral-grey-500;

  --projectinfo-grid-toolbar-reset-search-text-color: @colors-neutral-grey-500;

  --header-top-menu-toolbar-right-text-color: @colors-neutral-grey-500;

  --structure-details-pin-object-invisible-text-color: @colors-neutral-grey-500;
  --structure-details-comment-controls-text-color: @colors-neutral-grey-400;
  --structure-details-created-text-color: @colors-neutral-grey-400;
  --structure-details-modified-text-color: @colors-neutral-grey-400;

  --issue-details-comment-controls-text-color: @colors-neutral-grey-400;
  --issue-details-created-text-color: @colors-neutral-grey-400;
  --issue-details-modified-text-color: @colors-neutral-grey-400;

  --table-transparent-text-search-border-color: @colors-neutral-grey-400;

  --hyperlink-list-item-border-color: @colors-neutral-grey-400;

  --table-portal-text-search-border-color: @colors-neutral-grey-400;

  --forms-invitation-message-border-color: @colors-neutral-grey-400;

  --object-props-view-border-color: @colors-neutral-grey-400;
  --object-props-view-fullscreen-border-color: @colors-neutral-grey-400;

  --project-view-description-border-color: @colors-neutral-grey-400;

  --topology-view-node-divider-top-border-color: @colors-neutral-grey-400;
  --comments-chat-comments-separator-border-color: @colors-neutral-grey-400;

  --revision-compare-select-border-color: @colors-neutral-grey-400;

  --structure-select-border-color: @colors-neutral-grey-400;

  --details-controls-tabs-left-button-border-color: @colors-neutral-grey-400;

  --slideshow-list-not-found-border-color: @colors-neutral-grey-400;

  --slideshow-list-item-controls-border-color: @colors-neutral-grey-400;
  --slideshow-select-border-color: @colors-neutral-grey-400;

  --power-select-status-icon-border-color: var(--middle-light-gray-color);

  --issue-details-view-select-border-color: var(--middle-light-gray-color);

  --table-common-column-issue-image-border-color: var(--middle-light-gray-color);

  --structure-details-img-border-color: var(--middle-light-gray-color);

  --topology-view-node-name-active-text-color: var(--brand-primary-color);

  --popup-dialog-modal-text-input-error-border-color: @colors-auxilliary-bright-red;
  --popup-dialog-modal-text-input-error-text-color: @colors-auxilliary-bright-red;

  --components-form-control-disabled-link-text-color-hovered: @colors-semantic-cyan-c-700;

  --topology-view-division-node-name-selected-text-color: @colors-semantic-cyan-c-900;

  --color-picker-slider-background-color: @colors-neutral-black;

  --portal-modal-color-swatch-cell-border-color: @colors-neutral-black;
  --portal-modal-slider-handle-border-color: @colors-neutral-black;

  --forms-checkbox-label-error-text-color: @colors-semantic-red-r-400;
  --form-control-has-error-border-color-focused: @colors-semantic-red-r-400;

  --hyperlink-list-text-input-error-border-color: @colors-semantic-red-r-400;

  --edit-item-dialog-row-error-text-color: @colors-semantic-red-r-400;

  --section-cut-settings-dialog-border-color: var(--middle-light-gray-color);

  --table-columns-selection-border-color-hovered: var(--middle-light-gray-color);

  --status-bar-background-color: var(--middle-light-gray-color);

  --filter-attribute-issue-details-input-text-border-color: var(--middle-light-gray-color);

  --structure-details-description-text-color-disabled: var(--middle-light-gray-color);
  --structure-details-description-border-color-disabled: var(--middle-light-gray-color);
  --structure-details-list-value-text-color-disabled: var(--middle-light-gray-color);
  --structure-details-select-border-color-diabled: var(--middle-light-gray-color);
  --structure-details-select-text-color-diabled: var(--middle-light-gray-color);
  --structure-details-name-text-color-disabled: var(--middle-light-gray-color);

  --jstree-search-buttons-glyphicon-text-color: var(--middle-light-gray-color);

  --structure-details-input-name-border-color-disabled: var(--middle-light-gray-color);

  --center-menu-not-dragging-background-color: var(--middle-light-gray-color);

  --jstree-search-wrapper-border-color: var(--middle-light-gray-color);
  --jstree-search-wrapper-border-color-hovered: var(--middle-light-gray-color);

  --portal-modal-button-default-border-color: var(--middle-light-gray-color);

  --issue-details-list-value-input-field-border-color: var(--middle-light-gray-color);

  --browser-warning-info-text-color: @colors-neutral-black;

  --breadcrumbs-item-last-text-color: @colors-neutral-black;
  --breadcrumbs-project-name-text-color: @colors-neutral-black;

  --components-form-control-disabled-link-text-color: @colors-neutral-black;

  --password-input-field-icon-password-show-background-color-active: @colors-neutral-black;

  --table-header-row-background-color: var(--brand-white-color);
  --table-row-background-color: var(--brand-white-color);

  --object-props-view-fullscreen-background-color: linear-gradient(@colors-semantic-cyan-c-200, @colors-semantic-cyan-c-100, @colors-neutral-grey-300);
  --object-props-view-fullscreen-moz-background-color: -moz-linear-gradient(@colors-semantic-cyan-c-200, @colors-semantic-cyan-c-100, @colors-neutral-grey-300);


  --bootstrap-replacement-fieldset-border-color: @colors-neutral-grey-400;
  --bootstrap-replacement-background-color-black: @colors-neutral-black;
  --bootstrap-replacement-background-color-gray:@colors-neutral-grey-800;
  --bootstrap-replacement-progress-bar-color:@colors-brand-allpan-500;
  --bootstrap-replacement-label-primary-color:@colors-brand-allpan-500;
  --bootstrap-replacement-label-info-background-color:@colors-brand-allpan-400;

  --bootstrap-replacement-pagination-li-a-color:@colors-brand-allpan-500;
  --bootstrap-replacement-pagination-focus-background-color:@colors-brand-allpan-500;
  --bootstrap-replacement-pagination-focus-border-color:@colors-brand-allpan-500;
  --bootstrap-replacement-pagination-form-control-color:@colors-brand-allpan-700;
  --bootstrap-replacement-pagination-input-group-addon-color:@colors-brand-allpan-700;
  --bootstrap-replacement-pagination-has-warning-focus-color:@colors-auxilliary-emperador-emp-80;
  --bootstrap-replacement-pagination-disabled-focus-color:@colors-neutral-grey-500;

  --bootstrap-replacement-help-block-color:@colors-neutral-grey-600;
  --bootstrap-replacement-label-background-color:@colors-neutral-grey-500;
  --bootstrap-replacement-breadcrumb-active-color:@colors-neutral-grey-500;
  --bootstrap-replacement-btn-color-gray :  @colors-neutral-grey-500;
  --bootstrap-replacement-model-content-border-color:@colors-neutral-grey-500;
  --bootstrap-replacement-alert-info-border-top-color:@colors-brand-allpan-200;
  --bootstrap-replacement-has-error-border-color: @colors-semantic-red-r-1000;
  --bootstrap-replacement-button-default-border-color:@colors-neutral-grey-400 ;
  --bootstrap-replacement-alert-info-border-color:@colors-brand-allpan-100;
  --bootstrap-replacement-alert-info-background-color:@colors-brand-allpan-50;

  --bootstrap-replacement-alert-success-border-color:@colors-semantic-green-g-100;
  --bootstrap-replacement-alert-success-background-color: @colors-semantic-green-g-50;

  --bootstrap-replacement-table-hover-background-color:@colors-brand-allpan-100;
  --bootstrap-replacement-table-hover-success-background-color: @colors-semantic-green-g-100;
  --bootstrap-replacement-table-body-tr-info-background-color:@colors-brand-allpan-50;
  --bootstrap-replacement-table-body-tr-success-background-color:@colors-semantic-green-g-50;
  --bootstrap-replacement-table-body-tr-danger-background-color:@colors-semantic-red-r-100;

  --bootstrap-replacement-alert-success-border-top-color:@colors-semantic-green-g-100;
  --bootstrap-replacement-alert-danger-border-top-color: @colors-semantic-red-r-100;
  --bootstrap-replacement-form-control-border-color:@colors-neutral-grey-300;
  --bootstrap-replacement-input-group-addon-border-color:@colors-neutral-grey-300;
  --bootstrap-replacement-breadcrumb-li-li-color:@colors-neutral-grey-300;
  --bootstrap-replacement-bbutton-border-color: @colors-neutral-grey-300;
  --bootstrap-replacement-light-gray-300: @colors-neutral-grey-300;
  --bootstrap-replacement-light-gray-200: @colors-neutral-grey-200;
  --bootstrap-replacement-light-gray-100: @colors-neutral-grey-100;
  --bootstrap-replacement-alert-danger-background-color: @colors-semantic-red-r-50;
  --bootstrap-replacement-alert-warning-border-top-color: @colors-pastels-travertine-60;
  --bootstrap-replacement-table-striped-tbody-tr-odd-background-color: @colors-neutral-grey-50;
  --bootstrap-replacement-alert-warning-border-color:@colors-pastels-sand-60;
  --bootstrap-replacement-table-hover-tbody-background-color:@colors-pastels-sand-60;
  --bootstrap-replacement-mark-background-color:@colors-pastels-sand-60;
  --bootstrap-replacement-alert-warning-background-color:@colors-pastels-sand-60;
  --bootstrap-replacement-table-tbody-tr-warning-background-color:@colors-pastels-sand-20;
  --bootstrap-replacement-has-error-form-control-focus-border-color:@colors-auxilliary-sienna-sie-80;
  --bootstrap-replacement-has-succes-form-control-border-color:@colors-semantic-green-g-800;
  --bootstrap-replacement-has-succes-form-control-focus-border-color:@colors-semantic-green-g-1000;
  --bootstrap-replacement-alert-succes-link-color:@colors-semantic-green-g-1000;
  --bootstrap-replacement-alert-succes-color:@colors-semantic-green-g-800;
  --bootstrap-replacement-has-succes-form-control-focus-shadow-color:@colors-semantic-green-g-400;
  --bootstrap-replacement-has-warning-form-control-focus-shadow-color: @colors-semantic-yellow-orange-yo-300;
  --bootstrap-replacement-alert-info-color:@colors-semantic-cyan-c-800;
  --bootstrap-replacement-alert-info-link-color:@colors-semantic-cyan-c-1000;
  --bootstrap-replacement-alert-danger-border-color:@colors-semantic-red-r-100;
  --bootstrap-replacement-alert-danger-link-color:@colors-auxilliary-sienna-sie-80;
  --bootstrap-replacement-alert-danger-simple-border-color:@colors-semantic-red-r-100;
  --bootstrap-replacement-has-success-help-block-color:@colors-semantic-green-g-800;
  --bootstrap-replacement-label-success-background-color:@colors-semantic-green-g-400;
  --bootstrap-replacement-label-info-background-color:@colors-semantic-cyan-c-200;
  --bootstrap-replacement-label-warning-background-color:@colors-semantic-yellow-orange-yo-400;
  --bootstrap-replacement-label-danger-background-color:@colors-semantic-red-r-300;
}