devextreme/less/sources/widgets/material/color-schemes/material.light.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/material/color-schemes/material.light.less)
* Version: 20.1.4
* Build date: Tue Jun 02 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@MATERIAL_COLOR_THEME_MODIFICATOR: "light";
@base-font-family: "Roboto", "RobotoFallback", "Noto Kufi Arabic", "Helvetica",  "Arial", sans-serif;
@base-text-color: rgba(0,0,0, 0.87);
@base-label-color: @base-text-color;
@base-link-color: @base-accent;
@base-icon-color: fade(@base-text-color, 54%);
@base-spin-icon-color: fade(@base-text-color, 54%);
@base-bg: #fff;
@base-border-color: #e0e0e0;

@base-inverted-bg: darken(@base-bg, 100%);
@base-element-bg: @base-bg;
@base-shadow-color: @base-inverted-bg;

@base-success:         #8BC34A;

@base-warning:         #FFC107;
@base-danger:          #F44336;
@base-hover-color: @base-text-color;
@base-hover-bg: fade(#000000, 4%);

@base-inverted-text-color: #fff;
@base-focus-color: @base-inverted-text-color;
@base-focus-bg: fade(#000000, 4%);


@typography-bg: @base-bg;
@typography-color: @base-text-color;
@typography-link-color: @base-link-color;

@base-inverted-icon-color: @base-inverted-text-color;
@base-disabled-opacity: 0.38;
@base-dropdown-shadow-color: fade(@base-shadow-color, 20%);
@base-invalid-color: @base-danger;
@base-invalid-faded-border-color: fade(@base-invalid-color, 40%);

// Validation

@VALIDATION_MESSAGE_COLOR: @base-inverted-text-color;
@VALIDATION_MESSAGE_BACKGROUND_COLOR: @base-invalid-color;
@VALIDATION_SUMMARY_COLOR: @base-invalid-color;


// Badges
@badge-color: @base-inverted-text-color;
@badge-bg: @base-accent;


// TextEditor
@texteditor-color: @base-text-color;
@texteditor-placeholder-color: lighten(@texteditor-color, 58%);
@texteditor-bg: fade(@base-text-color, 4%);
@texteditor-focused-bg: fade(@base-text-color, 4%);
@texteditor-border-color: fade(@texteditor-color, 42%);
@texteditor-hover-border-color: @texteditor-color;
@texteditor-focused-border-color: @base-accent;
@texteditor-hover-bg: fade(@base-text-color, 7%);
@texteditor-button-clear-icon-color: lighten(@texteditor-color, 46%);
@texteditor-button-clear-icon-color-bg: lighten(@texteditor-color, 76%);
@texteditor-invalid-focused-border-color: @base-invalid-color;
@texteditor-invalid-faded-border-color: @base-invalid-faded-border-color;
@texteditor-input-border-radius: @base-border-radius;

//TextBox
@textbox-search-icon-color: @base-icon-color;

// RadioGroup

@radiogroup-checked-bg: @base-accent;
@radiogroup-border-color: fade(@base-text-color, 54%);
@radiogroup-bg: @base-element-bg;
@radiobutton-invalid-focused-border-color: @base-invalid-color;
@radiobutton-invalid-faded-border-color: @base-invalid-faded-border-color;

// Accordion

@accordion-color: @base-text-color;
@accordion-title-color: @accordion-color;
@accordion-item-border-color: @base-border-color;
@accordion-icon-active-color: @accordion-color;

@accordion-background-color: @base-bg;
@accordion-title-active-color: @accordion-color;
@accordion-title-active-bg: @base-hover-bg;
@accordion-item-hover-bg: @base-hover-bg;
@accordion-item-bg: @accordion-background-color;
@accordion-icon-color: fade(@base-icon-color, 38%);
@accordion-title-hover-border-color: darken(@base-border-color, 6%);

// Button

@button-icon-color: @base-icon-color;
@button-inverted-icon-color: @base-inverted-icon-color;
@button-border-radius: @base-border-radius;
@button-disabled-background: rgba(0,0,0, 0.1);
@button-disabled-text-color: fadein(@button-disabled-background, 25%);
@button-disabled-icon-opacity: 0.6;
@button-shadow-color: rgba(0, 0, 0, 0.24);
@button-hover-shadow-color: @button-shadow-color;
@button-focused-shadow-color: fadein(@button-shadow-color, 8%);
@button-active-shadow-color: fadein(@button-shadow-color, 8%);

// Normal button
@button-normal-color: @base-text-color;
@button-normal-bg: @base-element-bg;
@button-normal-hover-bg: darken(@button-normal-bg, 8%);
@button-normal-focused-bg: darken(@button-normal-bg, 8%);
@button-normal-active-bg: darken(@button-normal-bg, 30%);
@button-normal-icon-color: @button-normal-color;

@button-normal-bg-inverted: darken(@button-normal-bg, 100%);

@button-normal-outlined-hover-bg: fade(@button-normal-bg-inverted, 8%);
@button-normal-outlined-focused-bg: fade(@button-normal-bg-inverted, 8%);
@button-normal-outlined-active-bg: fade(@button-normal-bg-inverted, 30%);

@button-normal-text-hover-bg: fade(@button-normal-bg-inverted, 8%);
@button-normal-text-focused-bg: fade(@button-normal-bg-inverted, 8%);
@button-normal-text-active-bg: fade(@button-normal-bg-inverted, 30%);

// Default button
@button-default-color: @base-inverted-text-color;
@button-default-bg: @base-accent;
@button-default-hover-bg: darken(@button-default-bg, 8.5%);
@button-default-focused-bg: darken(@button-default-bg, 8.5%);
@button-default-active-bg: darken(@button-default-bg, 19.5%);
@button-default-icon-color: @button-default-color;

@button-default-outlined-hover-bg: fade(@button-default-bg, 8%);
@button-default-outlined-focused-bg: fade(@button-default-bg, 8%);
@button-default-outlined-active-bg: fade(@button-default-bg, 36%);

@button-default-text-hover-bg: fade(@button-default-bg, 8%);
@button-default-text-focused-bg: fade(@button-default-bg, 8%);
@button-default-text-active-bg: fade(@button-default-bg, 36%);

// Danger button
@button-danger-color: @base-inverted-text-color;
@button-danger-bg: @base-danger;
@button-danger-hover-bg: darken(@button-danger-bg, 8.5%);
@button-danger-focused-bg: darken(@button-danger-bg, 8.5%);
@button-danger-active-bg: darken(@button-danger-bg, 19.5%);
@button-danger-icon-color: @button-danger-color;

@button-danger-outlined-hover-bg: fade(@button-danger-bg, 8%);
@button-danger-outlined-focused-bg: fade(@button-danger-bg, 8%);
@button-danger-outlined-active-bg: fade(@button-danger-bg, 36%);

@button-danger-text-hover-bg: fade(@button-danger-bg, 8%);
@button-danger-text-focused-bg: fade(@button-danger-bg, 8%);
@button-danger-text-active-bg: fade(@button-danger-bg, 36%);

// Success button
@button-success-color: @base-inverted-text-color;
@button-success-bg: @base-success;
@button-success-hover-bg: darken(@button-success-bg, 8.5%);
@button-success-focused-bg: darken(@button-success-bg, 8.5%);
@button-success-active-bg: darken(@button-success-bg, 19.5%);
@button-success-icon-color: @button-success-color;

@button-success-outlined-hover-bg: fade(@button-success-bg, 8%);
@button-success-outlined-focused-bg: fade(@button-success-bg, 8%);
@button-success-outlined-active-bg: fade(@button-success-bg, 36%);

@button-success-text-hover-bg: fade(@button-success-bg, 8%);
@button-success-text-focused-bg: fade(@button-success-bg, 8%);
@button-success-text-active-bg: fade(@button-success-bg, 36%);


// ButtonGroup

// Normal Button (ButtonGroup)
@button-group-normal-selected-color: @base-text-color;

@button-group-normal-contained-selected-bg: darken(@button-normal-bg, 18%);
@button-group-normal-contained-selected-bg-hover: lighten(@button-group-normal-contained-selected-bg, 6%);
@button-group-normal-contained-selected-bg-focused: lighten(@button-group-normal-contained-selected-bg, 6%);
@button-group-normal-selected-bg: fade(darken(@button-normal-bg, 100%), 18%);

@button-group-normal-selected-bg-hover: fade(@button-group-normal-selected-bg, 12%);
@button-group-normal-selected-bg-focused: fade(@button-group-normal-selected-bg, 12%);

// Default Button (ButtonGroup)
@button-group-default-selected-color: @button-default-bg;
@button-group-default-selected-bg: fade(@button-default-bg, 22%);

@button-group-default-selected-bg-hover: fade(@button-group-default-selected-bg, 14%);
@button-group-default-selected-bg-focused: fade(@button-group-default-selected-bg, 14%);

@button-group-default-contained-hover-bg: lighten(@button-default-bg, 43.5%);
@button-group-default-contained-focused-bg: lighten(@button-default-bg, 43.5%);

// Danger Button (ButtonGroup)
@button-group-danger-selected-color: @button-danger-bg;
@button-group-danger-selected-bg: fade(@button-danger-bg, 22%);

@button-group-danger-selected-bg-hover: fade(@button-group-danger-selected-bg, 14%);
@button-group-danger-selected-bg-focused: fade(@button-group-danger-selected-bg, 14%);

@button-group-danger-contained-hover-bg: lighten(@button-danger-bg, 38.3%);
@button-group-danger-contained-focused-bg: lighten(@button-danger-bg, 38.3%);

// Success Button (ButtonGroup)
@button-group-success-selected-color: @button-success-bg;
@button-group-success-selected-bg: fade(@button-success-bg, 22%);

@button-group-success-selected-bg-hover: fade(@button-group-success-selected-bg, 14%);
@button-group-success-selected-bg-focused: fade(@button-group-success-selected-bg, 14%);

@button-group-success-contained-hover-bg: lighten(@button-success-bg, 43.5%);
@button-group-success-contained-focused-bg: lighten(@button-success-bg, 43.5%);

// Checkbox

@checkbox-border-color: fade(@base-text-color, 54%);
@checkbox-checked-color: @base-element-bg;
@checkbox-indeterminate-bg: @base-accent;
@checkbox-bg: @base-accent;
@checkbox-hover-border-color: darken(@base-accent, 12%);
@checkbox-invalid-focused-border-color: @base-invalid-color;
@checkbox-icon-border-radius: @base-border-radius - 2;

// Diagram
@diagram-border-color: @base-border-color;
@diagram-toolbar-border-color: @base-border-color;
@diagram-normal-format-active-bg: darken(@button-normal-bg, 10%);
@diagram-default-format-active-bg: darken(@button-default-bg, 10%);
@diagram-danger-format-active-bg: darken(@button-danger-bg, 10%);
@diagram-success-format-active-bg: darken(@button-success-bg, 10%);
@diagram-image-icon-base-color: @base-icon-color;
@diagram-image-icon-accent-color: @load-indicator-segment-bg-color;
@diagram-toolbox-shape-text-opacity: 0.25;

// Drawer
@drawer-shader-background-color: fade(@base-shadow-color, 50%);

// Fileuploader
@fileuploader-filename-color: @base-text-color;
@fileuploader-falename-status-color: lighten(@fileuploader-filename-color, 40%);
@fileuploader-border-color: @base-border-color;


// Gallery
@gallery-indicator-bg: @base-bg;
@gallery-indicator-item-selected-bg: @base-accent;
@gallery-indicator-focused-bg: @base-accent;

@gallery-indicator-item-border-color: fade(#000, 20%);
@gallery-indicator-selected-border-color: fade(@gallery-indicator-bg, 80%);

@gallery-navbutton-color: fade(@base-text-color, 54%);
@gallery-nav-arrow-color: @base-inverted-icon-color;
@gallery-navbutton-hover-color: @base-accent;
@gallery-navbutton-active-color: @base-accent;

// HtmlEditor
@htmleditor-border-color: @base-border-color;
@htmleditor-invalid-border-color: @base-invalid-color;
@htmleditor-invalid-faded-border-color: @base-invalid-faded-border-color;
@htmleditor-toolbar-border-color: @base-border-color;
@htmleditor-normal-format-active-bg: darken(@button-normal-bg, 10%);
@htmleditor-default-format-active-bg: darken(@button-default-bg, 10%);
@htmleditor-danger-format-active-bg: darken(@button-danger-bg, 10%);
@htmleditor-success-format-active-bg: darken(@button-success-bg, 10%);
@htmleditor-variable-bg: fade(@base-accent, 15%);
@htmleditor-resize-frame-border-color: @base-accent;
@htmleditor-resize-handle-bg: @base-accent;
@htmleditor-mention-bg: darken(@base-bg, 12%);

// List
@list-group-color: @base-text-color;
@list-border-color: @base-border-color;
@list-group-header-bg: fade(@base-bg, 0);
@list-normal-color: @base-text-color;
@list-expanded-group-color: @base-accent;
@list-item-hover-bg: @base-hover-bg;
@list-item-selected-bg: fade(#000000, 12%);
@list-item-selected-hover-bg: fade(#000000, 14%);
@list-item-focused-selected-bg: fade(#000000, 18%);

@list-item-hover-color: @base-hover-color;
@list-item-selected-color: fade(@base-text-color, 100%);
@list-header-indicator-color: @base-icon-color;
@list-item-active-bg: darken(@base-bg, 20%);
@list-holdmenu-bg: @base-bg;
@list-holdmenu-border-color: @list-border-color;
@list-holdmenu-shadow-color: fade(@base-shadow-color, 10%);

@list-menu-button-default-color: @button-default-color;
@list-menu-button-default-bg: @button-default-bg;

@list-menu-button-delete-bg: @base-danger;
@list-button-delete-shadow-color: fade(@base-shadow-color, 24%);

@list-item-ghost-bg: @base-bg;
@list-item-ghost-color: lighten(@base-text-color, 38.5%);
@list-item-ghost-border-color: @base-accent;
@list-item-ghost-shadow-color: @base-shadow-color;

@list-icon-color: @base-icon-color;
@list-item-chevron-icon-color: @base-spin-icon-color;
@list-item-icon-toggle-delete-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==");

// Overlay
@overlay-border-color: @base-border-color;
@overlay-content-bg: @base-bg;
@overlay-shader-bg: fade(@base-shadow-color, 32%);

// Popup
@popup-title-bg: transparent;
@popup-title-color: @base-text-color;
@popup-title-border-color: @base-border-color;

@popup-bottom-bg: @popup-title-bg;
@popup-bottom-color: @base-text-color;

@popup-border-radius: @base-border-radius;

// DropDownEditor

@dropdowneditor-icon-color: @base-spin-icon-color;
@dropdowneditor-icon-active-color: @base-spin-icon-color;

// Lookup

@lookup-icon-color: @base-icon-color;

// Selectbox
@selectbox-list-bg: @base-bg;

// Tabs
@tabs-tab-color: fade(@base-text-color, 54%);
@tabs-tab-selected-color: @base-accent;
@tabs-selected-tab-bottom-border-color: @base-accent;
@tabs-tab-bg: darken(@base-bg, 3%);

@tabs-tab-icon-color: @tabs-tab-color;
@tabs-tab-icon-selected-color: @tabs-tab-selected-color;
@tabs-tab-button-disabled-opacity: 0;
@tabs-hovered-tab-bg-color: darken(@base-bg, 7%);


// TagBox
@tagbox-tag-color: fade(@base-text-color, 60%);
@tagbox-tag-bg: darken(@base-bg, 12%);
@tagbox-tag-hover-bg: darken(@base-bg, 15%);
@tagbox-tag-active-color: @base-text-color;
@tagbox-tag-border-radius: 16px;
@tagbox-tag-button-remove-bg: rgba(0, 0, 0, 0.36);
@tagbox-tag-button-remove-color: @tagbox-tag-bg;
@tagbox-tag-focused-bg: darken(@base-bg, 32%);
@tagbox-select-all-border-color: @base-border-color;

// NavBar
@navbar-tab-color: @base-text-color;
@navbar-tab-selected-color: @base-text-color;
@navbar-tab-bg: darken(@base-bg, 3%);
@navbar-tab-selected-bg: @base-bg;
@navbar-tab-focused-border-color: @base-focus-bg;

// Scrollable

@scrollable-bg: @base-bg;
@scrollable-scroll-bg: fade(darken(@scrollable-bg, 25%), 70%);

@scrollable-scroll-shadow-color: transparent;

@scrollable-scrollbar-bg: transparent;

// ScrollView

@scrollview-shadow-color: fade(@base-shadow-color, 37%);

// Toolbar
@toolbar-bg: @base-bg;
@toolbar-color: @base-text-color;


// Toast
@toast-color: fade(#fff, 87%);

@toast-border-radius: @base-border-radius;
@toast-default-bg: fade(#000, 87%);
@toast-info-bg: @toast-default-bg;
@toast-warning-bg: @base-warning;
@toast-error-bg: @base-danger;
@toast-success-bg: @base-success;

// LoadIndicator
@load-indicator-segment-bg-color: @base-accent;
@loadindicator-background-image: url("data:image/gif;base64,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");


// LoadPanel
@loadpanel-border-color: @overlay-border-color;
@loadpanel-content-shadow-color: fade(@base-shadow-color, 25%);
@loadpanel-content-bg: @overlay-content-bg;

// Slider
@material-slider-bar-bg: fade(@base-accent, 24%);
@material-slider-bg: @base-accent;
@material-slider-active: fade(@base-accent, 24%);
@material-slider-disabled-bg: fade(@base-text-color, 24%);
@material-slider-bar-disabled-bg: fade(@base-text-color, 24%);

@material-slider-tooltip-bg: @base-accent;
@material-slider-tooltip-color: @base-inverted-text-color;

// ProgressBar
@progressbar-bg:  fade(@base-accent, 30%);
@progressbar-range-bg: @base-accent;

@progressbar-range-disabled-bg: fade(@base-accent, 60%);
@progressbar-range-indeterminate-color: @base-accent;
@progressbar-label-color: @base-accent;


// Switch
@switch-bg: darken(@base-element-bg, 38%);

@switch-handle-off-bg: darken(@base-element-bg, 2%);

@switch-on-bg: fade(@base-accent, 50%);

@switch-handle-on-bg: @base-accent;

@switch-handle-border-radius: 50%;
@switch-hover-bg: transparent;
@switch-handle-disabled-bg: darken(@base-element-bg, 26%);
@switch-invalid-handle-bg: @base-invalid-color;
@switch-invalid-container-bg: fade(@base-invalid-color, 50%);


// Pager
@pager-page-selected-color: @base-inverted-text-color;
@pager-page-hovered-bg: @base-hover-bg;
@pager-page-selected-bg: @base-accent;

// Color View
@colorbox-overlay-bg: @overlay-content-bg;
@colorbox-palette-cell-bg: @colorbox-overlay-bg;
@colorview-border-color: @base-border-color;
@colorview-label-color: @base-label-color;
@colorbox-preview-empty-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=");

//DataGrid

@datagrid-base-color: @base-text-color;
@datagrid-base-background-color: @base-bg;
@datagrid-border-color: @base-border-color;
@datagrid-border: 1px solid @datagrid-border-color;
@datagrid-columnchooser-item-color: fade(@datagrid-base-color, 54%);
@datagrid-columnchooser-hover-icon-color: fade(@datagrid-base-color, 38%);
@datagrid-block-separator-bg: darken(@datagrid-base-background-color, 12%);
@datagrid-columnchooser-font-weight: 500;
@datagrid-drag-header-border-color: fade(@base-accent, 50%);
@datagrid-drag-header-shadow-color: fade(@base-shadow-color, 10%);
@datagrid-drag-header-second-shadow-color: fade(@base-shadow-color, 20%);
@datagrid-header-drag-bg: @datagrid-base-background-color;

@HEADER_FILTER_COLOR: @datagrid-columnchooser-item-color;
@HEADER_FILTER_COLOR_EMPTY: fade(@datagrid-columnchooser-item-color, 38%);
@datagrid-selection-bg: fade(@base-accent, 4%);
@datagrid-row-selected-border-color: @datagrid-border-color;
@datagrid-row-selected-color: @datagrid-base-color;
@datagrid-row-focused-color: @base-inverted-text-color;
@datagrid-row-focused-bg: mix(@base-bg, @base-accent, 20%);
@datagrid-hover-bg: @base-hover-bg;
@datagrid-row-hovered-color: @datagrid-base-color;
@datagrid-menu-icon-color: lighten(@base-icon-color, 33.7%);
@datagrid-cell-modified-border-color: fade(@base-success, 32%);
@datagrid-row-removed-bg: fade(@base-success, 32%);
@datagrid-row-invalid-faded-border-color: fade(@base-invalid-faded-border-color, 32%);
@datagrid-nodata-color: lighten(@datagrid-base-color, 40%);
@datagrid-group-row-color: fade(@datagrid-base-color, 54%);
@datagrid-group-row-bg: fade(@datagrid-base-background-color, 100%);

@datagrid-master-detail-cell-bg: darken(@datagrid-base-background-color, 2%);
@datagrid-search-color: @base-inverted-text-color;
@datagrid-chevron-icon-color: lighten(@base-spin-icon-color, 38.5%);
@datagrid-search-bg: @base-accent;
@datagrid-row-error-color: @base-inverted-text-color;
@datagrid-row-error-bg: mix(@base-invalid-color, @datagrid-base-background-color, 60%);
@datagrid-link-color: @base-link-color;
@datagrid-focused-border-color: mix(@base-bg, @base-accent, 20%);
@datagrid-editor-bg: fade(@datagrid-base-background-color, 0%);

@datagrid-drop-highlight-bg: @base-accent;
@datagrid-drop-highlight-color: @base-inverted-text-color;
@datagrid-columnchooser-bg: @base-element-bg;
@datagrid-columnchooser-item-bg: @datagrid-columnchooser-bg;
@datagrid-row-alternation-bg: darken(@datagrid-base-background-color, 4%);
@datagrid-summary-color: fade(@datagrid-base-color, 70%);
@datagrid-columnchooser-message-color: lighten(@datagrid-base-color, 40%);
@datagrid-summary-bg: @datagrid-base-background-color;

@datagrid-column-separator-bg: fade(@base-accent, 50%);
@datagrid-filter-row-background-color: darken(@datagrid-base-background-color, 2%);
@datagrid-active-header-filter-icon-color: @base-accent;
@datagrid-text-stub-background-image-path: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC");
@datagrid-filter-panel-color: @base-accent;

//TreeList
@treelist-chevron-icon-color: lighten(@base-spin-icon-color, 38.5%);
@treelist-selection-chevron-icon-color: @treelist-chevron-icon-color;

@treelist-row-alternation-bg: @datagrid-row-alternation-bg;

// dxPivotGrid
@PIVOTGRID_AREA_BACKGROUND: @base-bg;
@PIVOTGRID_BORDER_COLOR: @base-border-color;
@PIVOTGRID_AREA_COLOR: fade(@base-text-color, 54%);

@pivotgrid-field-area-box-text-color: @PIVOTGRID_AREA_COLOR;
@pivotgrid-field-area-box-background-color: darken(@base-bg, 12%);
@PIVOTGRID_DATA_AREA_COLOR: @base-text-color;
@PIVOTGRID_TOTALCOLOR: fade(darken(@PIVOTGRID_AREA_BACKGROUND, 13.3%), 20%);
@PIVOTGRID_GRANDTOTALCOLOR: @base-hover-bg;
@PIVOTGRID_FIELD_AREA_TEXT_COLOR: fade(darken(@PIVOTGRID_AREA_COLOR, 26.2%), 30%);

@PIVOTGRID_ACCENT_COLOR: @base-accent;
@PIVOTGRID_DRAG_HEADER_BORDER_COLOR: fade(@PIVOTGRID_ACCENT_COLOR, 50%);
@PIVOTGRID_DRAG_HEADER_FIRST_SHADOW_COLOR: fade(@base-shadow-color, 10%);
@PIVOTGRID_DRAG_HEADER_SECOND_SHADOW_COLOR: fade(@base-shadow-color, 20%);

@PIVOTGRID_AREA_ALL_IMAGE: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC");
@PIVOTGRID_AREA_FILTER_IMAGE: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==");
@PIVOTGRID_AREA_COLUMN_IMAGE: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=");
@PIVOTGRID_AREA_ROW_IMAGE: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=");
@PIVOTGRID_AREA_DATA_IMAGE: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=");

@PIVOTGRID_DIMENSION_IMAGE: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==");
@PIVOTGRID_HIERARCHY_IMAGE: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==");

@PIVOTGRID_POSITION_INDICATOR_COLOR: gray;
@pivotgrid-chevron-icon-color: @PIVOTGRID_AREA_COLOR;

// dxScheduler
@SCHEDULER_BASE_BORDER_COLOR: @base-border-color;
@scheduler-cell-active-bg: fade(darken(@base-bg, 13.3%), 70%);
@scheduler-cell-hover-bg: @base-hover-bg;

@scheduler-group-separator-border-color: darken(@base-border-color, 13%);
@SCHEDULER_ACCENT_BORDER_COLOR: @base-border-color;
@SCHEDULER_APPOINTMENT_TEXT_COLOR: @base-inverted-text-color;
@scheduler-appointment-focus-color: @SCHEDULER_APPOINTMENT_TEXT_COLOR;
@SCHEDULER_APPOINTMENT_BASE_COLOR: @base-accent;
@SCHEDULER_APPOINTMENT_START_COLOR: fade(@base-shadow-color, 30%);
@SCHEDULER_WORKSPACE_FOCUSED_CELL_COLOR: fade(@base-accent, 12%);
@SCHEDULER_FIRST_MONTH_BORDER_COLOR: @base-border-color;
@SCHEDULER_DROPPABLE_CELL_BACKGROUND_COLOR: darken(@base-element-bg, 5%);
@SCHEDULER_PANEL_TEXT_COLOR: fade(@base-text-color, 54%);
@SCHEDULER_WORKSPACE_BACKGROUND_COLOR: @base-bg;
@SCHEDULER_WORKSPACE_ACCENT_COLOR: @base-accent;
@SCHEDULER_CURRENT_TIME_CELL_COLOR: @base-accent;
@SCHEDULER_TIME_INDICATOR_COLOR: #EB5757;
@SCHEDULER_DD_APPOINTMENT_HOVER_TEXT_COLOR: @base-inverted-text-color;
@scheduler-popup-title-bg: @SCHEDULER_WORKSPACE_BACKGROUND_COLOR;
@SCHEDULER_WORKSPACE_MONTH_TEXT_COLOR: fade(@base-text-color, 54%);
@scheduler-dropdown-appointment-date-color: fade(@base-text-color, 54%);
@SCHEDULER_WORKSPACE_ACTIVE_CELL_COLOR: @SCHEDULER_ACCENT_BORDER_COLOR;
@SCHEDULER_WORKSPACE_HOVERED_CELL_COLOR: @SCHEDULER_WORKSPACE_MONTH_TEXT_COLOR;
@scheduler-group-header-color: fade(@base-text-color, 87%);
@scheduler-header-bg: @base-bg;
@scheduler-alldaypanel-bg: @base-element-bg;
@SCHEDULER_OTHER_MONTH_CELL_OPACITY: 0.5;
@SCHEDULER_FILL_FOCUSED_APPOINTMENT: false;
@SCHEDULER_TIME_INDICATOR_BACKGROUND_COLOR: rgba(0, 0, 0, 0.03);
@SCHEDULER_FIRST_MONTH_CELL_BACKGROUND_COLOR: fadeout(@SCHEDULER_APPOINTMENT_BASE_COLOR, 85%);

// SlideOutView
@slideoutview-content-border-color: fade(@base-border-color, 50%);
@slideoutview-bg: @base-element-bg;

// Menu

@menu-popup-bg: @base-bg;
@menu-item-hover-bg: @base-hover-bg;
@menu-color: lighten(@base-text-color, 46%);
@menu-item-expanded-color: @menu-color;
@menu-item-selected-bg: lighten(@base-text-color, 88%);
@menu-popup-border-color: @base-border-color;
@menu-separator-bg: @base-border-color;
@menu-item-selected-color: @base-text-color;
@menu-item-focused-selected-bg: fade(@base-focus-bg, 70%);
@menu-container-shadow-color: fade(@base-shadow-color, 20%);

// Calendar

@calendar-color: @base-text-color;
@calendar-header-color: lighten(@calendar-color, 40%);
@calendar-cell-other-color: lighten(@calendar-color, 49%);
@calendar-cell-other-hover-color: lighten(@calendar-color, 49%);
@calendar-bg: @base-bg;
@calendar-hover-bg: @base-hover-bg;
@calendar-cell-hover-color: @calendar-color;
@calendar-cell-selected-bg: @base-accent;

@calendar-cell-active-bg: fade(darken(@calendar-bg, 62.5%), 20%);

@calendar-navigator-border-radius: @button-border-radius;

@calendar-cell-contoured-border-radius: 50%;

@calendar-invalid-focused-border-color: @base-invalid-color;
@calendar-invalid-faded-border-color: @base-invalid-faded-border-color;
@calendar-shevron-icon-color: @base-accent;

// DateBox


//Tooltip
@tooltip-color: @base-inverted-text-color;
@tooltip-bg: #616161;
@tooltip-border-radius: @base-border-radius;

// NumberBox

@numberbox-spin-icon-color: @base-spin-icon-color;

// TileView
@tileview-color: @base-text-color;
@tileview-bg: @base-element-bg;
@tileview-border-color: fade(@base-border-color, 60%);
@tileview-hover-bg: @base-element-bg;
@tileview-hover-border-color: fade(@base-accent, 40%);
@tileview-active-bg: fade(darken(@tileview-bg, 62.5%), 20%);
@tileview-active-color: @tileview-color;

// TreeView

@treeview-color: @base-text-color;
@treeview-focused-bg: @base-hover-bg;
@treeview-focus-color: @base-text-color;
@treeview-hover-bg: @base-hover-bg;
@treeview-item-hover-color: @base-hover-color;
@treeview-border-color: @base-border-color;
@treeview-item-selected-color: @treeview-color;
@treeview-item-selected-bg: fade(#000, 12%);
@treeview-item-selected-hover-bg: fade(#000, 14%);
@treeview-spin-icon-color: @base-spin-icon-color;

//TimeView
@timeview-bg: darken(@base-bg, 5%);
@timeview-clock-bg: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22200px%22%20height%3D%22200px%22%20viewBox%3D%220%200%20200%20200%22%20style%3D%22enable-background%3Anew%200%200%20200%20200%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%09.st1%7Bfill%3A%237A7A7A%3B%7D%0A%09.st2%7Bfill%3A%2303A9F4%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%22100%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M98.2%2C17h-0.9v-5.6H96v-0.6l2.2-0.2C98.2%2C10.6%2C98.2%2C17%2C98.2%2C17z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M104.9%2C17h-4.1v-0.6l2.1-2.3c0.4-0.4%2C0.6-0.8%2C0.8-1c0.1-0.2%2C0.2-0.5%2C0.2-0.8s-0.1-0.6-0.3-0.8%0A%09%09c-0.2-0.2-0.4-0.3-0.7-0.3c-0.4%2C0-0.8%2C0.1-1%2C0.3s-0.3%2C0.5-0.3%2C1h-0.8l0%2C0c0-0.6%2C0.2-1%2C0.5-1.4s0.9-0.6%2C1.6-0.6c0.6%2C0%2C1%2C0.2%2C1.4%2C0.5%0A%09%09c0.3%2C0.3%2C0.5%2C0.8%2C0.5%2C1.3c0%2C0.3-0.1%2C0.7-0.3%2C1c-0.2%2C0.4-0.5%2C0.7-0.9%2C1.1l-1.7%2C1.8l0%2C0h3.1L104.9%2C17L104.9%2C17z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M181.4%2C97.4h0.8c0.4%2C0%2C0.7-0.1%2C0.8-0.3c0.2-0.2%2C0.2-0.5%2C0.2-0.8c0-0.4-0.1-0.6-0.3-0.8s-0.5-0.3-0.8-0.3%0A%09%09s-0.6%2C0.1-0.8%2C0.3c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.8h-0.8l0%2C0c0-0.5%2C0.2-0.9%2C0.5-1.2c0.4-0.3%2C0.8-0.5%2C1.4-0.5c0.6%2C0%2C1.1%2C0.2%2C1.4%2C0.5%0A%09%09c0.4%2C0.3%2C0.5%2C0.8%2C0.5%2C1.3c0%2C0.3-0.1%2C0.5-0.2%2C0.8c-0.2%2C0.3-0.4%2C0.5-0.7%2C0.6c0.4%2C0.1%2C0.7%2C0.3%2C0.8%2C0.6c0.2%2C0.3%2C0.2%2C0.6%2C0.2%2C0.9%0A%09%09c0%2C0.6-0.2%2C1-0.6%2C1.4c-0.4%2C0.3-0.9%2C0.5-1.5%2C0.5s-1.1-0.2-1.4-0.5c-0.4-0.3-0.6-0.7-0.6-1.3l0%2C0h0.8c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.8%0A%09%09c0.2%2C0.2%2C0.5%2C0.3%2C0.9%2C0.3s0.7-0.1%2C0.9-0.3c0.2-0.2%2C0.3-0.5%2C0.3-0.9s-0.1-0.7-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3h-0.8v-0.7H181.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M16%2C100.4c0.4%2C0%2C0.8-0.2%2C1-0.5c0.3-0.3%2C0.4-0.8%2C0.4-1.4v-0.3c-0.1%2C0.2-0.3%2C0.4-0.5%2C0.5s-0.5%2C0.2-0.7%2C0.2%0A%09%09c-0.6%2C0-1.1-0.2-1.5-0.6s-0.5-0.9-0.5-1.6c0-0.6%2C0.2-1.2%2C0.6-1.6c0.4-0.4%2C0.9-0.6%2C1.4-0.6c0.7%2C0%2C1.2%2C0.2%2C1.6%2C0.6s0.6%2C1%2C0.6%2C1.8v1.5%0A%09%09c0%2C0.8-0.2%2C1.5-0.6%2C1.9s-1%2C0.7-1.6%2C0.7c-0.2%2C0-0.5%2C0-0.7-0.1c-0.2%2C0-0.4-0.1-0.6-0.2L15%2C100c0.2%2C0.1%2C0.4%2C0.2%2C0.5%2C0.2%0A%09%09C15.5%2C100.4%2C15.7%2C100.4%2C16%2C100.4z%20M16.1%2C98.2c0.3%2C0%2C0.6-0.1%2C0.8-0.2c0.2-0.1%2C0.4-0.3%2C0.5-0.5v-0.6c0-0.6-0.1-1-0.3-1.3%0A%09%09c-0.2-0.3-0.5-0.4-0.9-0.4c-0.3%2C0-0.6%2C0.1-0.8%2C0.4s-0.3%2C0.6-0.3%2C1.1c0%2C0.4%2C0.1%2C0.8%2C0.3%2C1.1C15.5%2C98%2C15.7%2C98.2%2C16.1%2C98.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M174.7%2C136.8h0.9v0.7h-0.9v1.5h-0.9v-1.5H171V137l2.8-4.4h0.9V136.8z%20M171.9%2C136.8h2v-3l0%2C0l-0.1%2C0.2%0A%09%09L171.9%2C136.8z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M175.4%2C60h-4.1v-0.6l2.1-2.3c0.4-0.4%2C0.6-0.8%2C0.8-1c0.1-0.2%2C0.2-0.5%2C0.2-0.8s-0.1-0.6-0.3-0.8%0A%09%09s-0.4-0.3-0.7-0.3c-0.4%2C0-0.8%2C0.1-1%2C0.3s-0.3%2C0.5-0.3%2C1h-0.8l0%2C0c0-0.6%2C0.2-1%2C0.5-1.4s0.9-0.6%2C1.6-0.6c0.6%2C0%2C1%2C0.2%2C1.4%2C0.5%0A%09%09c0.3%2C0.3%2C0.5%2C0.8%2C0.5%2C1.3c0%2C0.3-0.1%2C0.7-0.3%2C1c-0.2%2C0.4-0.5%2C0.7-0.9%2C1.1l-1.7%2C1.8l0%2C0h3.1V60H175.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M30.2%2C134.3c0%2C0.3-0.1%2C0.6-0.3%2C0.9c-0.2%2C0.3-0.4%2C0.4-0.8%2C0.6c0.4%2C0.1%2C0.7%2C0.3%2C0.9%2C0.6c0.2%2C0.3%2C0.3%2C0.6%2C0.3%2C1%0A%09%09c0%2C0.6-0.2%2C1-0.6%2C1.4c-0.4%2C0.3-0.9%2C0.5-1.5%2C0.5s-1.1-0.2-1.5-0.5s-0.6-0.8-0.6-1.4c0-0.4%2C0.1-0.7%2C0.3-1s0.5-0.5%2C0.9-0.6%0A%09%09c-0.3-0.1-0.6-0.3-0.8-0.6c-0.2-0.3-0.3-0.5-0.3-0.9c0-0.6%2C0.2-1%2C0.5-1.3s0.8-0.5%2C1.4-0.5s1%2C0.2%2C1.4%2C0.5%0A%09%09C30%2C133.3%2C30.2%2C133.7%2C30.2%2C134.3z%20M29.5%2C137.2c0-0.3-0.1-0.6-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3s-0.7%2C0.1-0.9%2C0.3%0A%09%09c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.9s0.1%2C0.6%2C0.3%2C0.9c0.2%2C0.2%2C0.5%2C0.3%2C0.9%2C0.3s0.7-0.1%2C0.9-0.3S29.5%2C137.6%2C29.5%2C137.2z%20M29.3%2C134.3%0A%09%09c0-0.3-0.1-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3%2C0-0.6%2C0.1-0.7%2C0.3c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.8s0.1%2C0.6%2C0.3%2C0.8%0A%09%09c0.2%2C0.2%2C0.4%2C0.3%2C0.8%2C0.3c0.3%2C0%2C0.6-0.1%2C0.7-0.3S29.3%2C134.6%2C29.3%2C134.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M26.2%2C60h-0.9v-5.6H24v-0.6l2.2-0.2C26.2%2C53.6%2C26.2%2C60%2C26.2%2C60z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M32.8%2C57.6c0%2C0.8-0.2%2C1.4-0.5%2C1.9c-0.4%2C0.4-0.9%2C0.7-1.5%2C0.7s-1.1-0.2-1.5-0.7s-0.5-1.1-0.5-1.9V56%0A%09%09c0-0.8%2C0.2-1.4%2C0.5-1.9c0.4-0.4%2C0.9-0.7%2C1.5-0.7s1.1%2C0.2%2C1.5%2C0.7c0.4%2C0.4%2C0.5%2C1.1%2C0.5%2C1.9V57.6z%20M32%2C55.9c0-0.6-0.1-1-0.3-1.2%0A%09%09c-0.2-0.3-0.5-0.4-0.9-0.4s-0.7%2C0.1-0.9%2C0.4c-0.2%2C0.3-0.3%2C0.7-0.3%2C1.2v1.9c0%2C0.6%2C0.1%2C1%2C0.3%2C1.3c0.2%2C0.3%2C0.5%2C0.4%2C0.9%2C0.4%0A%09%09s0.7-0.1%2C0.9-0.4c0.2-0.3%2C0.3-0.7%2C0.3-1.3V55.9z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M140.5%2C169.1l0.4-3.5h3.2v0.8h-2.5l-0.2%2C1.8c0.1-0.1%2C0.3-0.2%2C0.5-0.2c0.2-0.1%2C0.4-0.1%2C0.6-0.1%0A%09%09c0.6%2C0%2C1.1%2C0.2%2C1.4%2C0.6c0.3%2C0.4%2C0.5%2C0.9%2C0.5%2C1.6c0%2C0.6-0.2%2C1.2-0.5%2C1.5c-0.3%2C0.4-0.8%2C0.6-1.5%2C0.6c-0.5%2C0-1-0.1-1.4-0.4%0A%09%09c-0.4-0.3-0.5-0.7-0.5-1.3l0%2C0h0.8c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.8s0.5%2C0.3%2C0.8%2C0.3c0.4%2C0%2C0.7-0.1%2C0.9-0.4c0.2-0.3%2C0.3-0.6%2C0.3-1.1%0A%09%09c0-0.4-0.1-0.7-0.3-1s-0.5-0.4-0.8-0.4s-0.6%2C0.1-0.7%2C0.2c-0.2%2C0.1-0.3%2C0.3-0.3%2C0.5L140.5%2C169.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M142.7%2C29h-0.9v-5.6h-1.3v-0.6l2.2-0.2V29z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M61.4%2C166.3c-0.8%2C0.9-1.3%2C1.7-1.6%2C2.4s-0.5%2C1.6-0.6%2C2.6l-0.1%2C0.7h-0.9l0.1-0.7c0.1-1%2C0.4-1.9%2C0.7-2.7%0A%09%09s0.8-1.6%2C1.5-2.3H57v-0.7h4.3L61.4%2C166.3L61.4%2C166.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M57.2%2C29h-0.9v-5.6H55v-0.6l2.2-0.2V29z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M62.2%2C29h-0.9v-5.6H60v-0.6l2.2-0.2V29z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M100.7%2C180.5c0.2%2C0%2C0.4%2C0%2C0.7%2C0.1c0.2%2C0%2C0.4%2C0.1%2C0.5%2C0.2l-0.2%2C0.7c-0.1-0.1-0.3-0.1-0.5-0.2%0A%09%09c-0.2%2C0-0.3-0.1-0.6-0.1c-0.5%2C0-0.8%2C0.2-1.1%2C0.5c-0.3%2C0.4-0.4%2C0.8-0.4%2C1.4v0.1c0.2-0.2%2C0.4-0.3%2C0.6-0.4c0.2-0.1%2C0.5-0.1%2C0.8-0.1%0A%09%09c0.6%2C0%2C1%2C0.2%2C1.4%2C0.6c0.3%2C0.4%2C0.5%2C0.9%2C0.5%2C1.5c0%2C0.7-0.2%2C1.2-0.5%2C1.6c-0.4%2C0.4-0.8%2C0.6-1.4%2C0.6s-1.1-0.2-1.6-0.7s-0.6-1.1-0.6-1.9%0A%09%09v-1.2c0-0.8%2C0.2-1.5%2C0.7-2S100%2C180.5%2C100.7%2C180.5z%20M100.4%2C183.4c-0.3%2C0-0.5%2C0.1-0.8%2C0.2c-0.2%2C0.1-0.4%2C0.3-0.5%2C0.5v0.5%0A%09%09c0%2C0.6%2C0.1%2C1%2C0.4%2C1.4s0.6%2C0.5%2C0.9%2C0.5c0.4%2C0%2C0.6-0.1%2C0.8-0.5c0.2-0.3%2C0.3-0.7%2C0.3-1.1c0-0.4-0.1-0.8-0.3-1%0A%09%09C101.1%2C183.5%2C100.8%2C183.4%2C100.4%2C183.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20class%3D%22st2%22%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%226%22%2F%3E%0A%3C%2Fsvg%3E%0A");
@timeview-hourarrow-bg: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%223px%22%20height%3D%2250px%22%20viewBox%3D%220%200%203%2050%22%20style%3D%22enable-background%3Anew%200%200%203%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%2303A9F4%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20class%3D%22st0%22%20width%3D%223%22%20height%3D%2250%22%2F%3E%0A%3C%2Fsvg%3E%0A");
@timeview-minutearrow-bg: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%222px%22%20height%3D%2268px%22%20viewBox%3D%220%200%202%2068%22%20style%3D%22enable-background%3Anew%200%200%202%2068%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%2303A9F4%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20class%3D%22st0%22%20width%3D%222%22%20height%3D%2268%22%2F%3E%0A%3C%2Fsvg%3E%0A");

//DateView
@dateview-shadow-up: 0deg, fade(@base-bg, 0%) 0%, fade(@base-bg, 80%) 60%;
@dateview-shadow-down: 180deg, fade(@base-bg, 0%) 0%, fade(@base-bg, 80%) 60%;
@dateview-color: @base-text-color;

//ColorView
@COLORVIEW_HANDLE_COLOR: @base-bg;
@COLORVIEW_HANDLE_BORDER_COLOR: fade(@base-inverted-bg, 20%);

//Form

@form-field-item-color: lighten(@base-label-color, 46%);
@form-group-border-color: @base-border-color;
@form-field-required-color: @form-field-item-color;
@form-field-mark-color: @form-field-item-color;

// Fieldset

@fieldset-field-label-color: lighten(@base-label-color, 46%);
@fieldset-field-value-invalid-color: @base-invalid-color;

// FilterBuilder
@filterbuilder-bg: @base-bg;
@filterbuilder-text-color: @base-text-color;
@filterbuilder-text-focus-color: #FFF;
@filterbuilder-plus-icon-color: fade(@base-success, 70%);
@filterbuilder-plus-icon-hover-color: fadein(@filterbuilder-plus-icon-color, 100%);
@filterbuilder-plus-icon-focus-color: fadein(@filterbuilder-plus-icon-color, 100%);
@filterbuilder-remove-icon-color: fade(@base-danger, 70%);
@filterbuilder-remove-icon-hover-color: fadein(@filterbuilder-remove-icon-color, 100%);
@filterbuilder-remove-icon-focus-color: fadein(@filterbuilder-remove-icon-color, 100%);
@filterbuilder-group-operation-color: fade(@base-danger, 30%);
@filterbuilder-group-operation-hover-color: fadein(@filterbuilder-group-operation-color, 20%);
@filterbuilder-group-operation-focus-color: fadein(@filterbuilder-group-operation-color, 70%);
@filterbuilder-item-field-color: fade(@base-accent, 30%);
@filterbuilder-item-field-hover-color: fadein(@filterbuilder-item-field-color, 20%);
@filterbuilder-item-field-focus-color: fadein(@filterbuilder-item-field-color, 70%);
@filterbuilder-item-operator-color: fade(@base-success, 30%);
@filterbuilder-item-operator-hover-color: fadein(@filterbuilder-item-operator-color, 20%);
@filterbuilder-item-operator-focus-color: fadein(@filterbuilder-item-operator-color, 70%);
@filterbuilder-item-value-color: fade(@base-border-color, 50%);
@filterbuilder-item-value-hover-color: @filterbuilder-item-value-color;
@filterbuilder-item-value-focus-color: fadein(@filterbuilder-item-value-color, 70%);
@filterbuilder-menu-icon-color: lighten(@base-icon-color, 33.7%);

// FileManager
@filemanager-border-color: @base-border-color;
@filemanager-file-toolbar-bg: darken(@base-bg, 3%);
@filemanager-editor-active-bg: fade(@base-text-color, 10%);
@filemanager-dirs-tree-item-focus-bg: darken(@base-bg, 8%);
@filemanager-dirs-tree-item-focus-color: @base-text-color;
@filemanager-breadcrumbs-item-focus-bg: @base-border-color;
@filemanager-breadcrumbs-item-focus-color: @base-text-color;
@filemanager-custom-thumbnail-color: @base-border-color;
@filemanager-file-item-select-color: @base-bg;
@filemanager-file-item-select-bg: fade(@base-accent, 80%);
@filemanager-file-item-select-focus-color: @base-bg;
@filemanager-file-item-select-focus-bg: fade(@base-accent, 70%);
@filemanager-file-item-hover-bg: @base-hover-bg;
@filemanager-file-item-focused-bg: @base-accent;
@filemanager-file-item-focused-border: @base-accent;
@filemanager-item-focused-color: @base-inverted-text-color;
@filemanager-progressbox-shadow-color: fade(@base-shadow-color, 17.5%);

// SpeedDialAction
@speed-dial-action-bg: @base-bg;
@speed-dial-action-hover-bg: darken(@speed-dial-action-bg, 8%);
@speed-dial-action-active-bg: darken(@speed-dial-action-bg, 36%);
@speed-dial-action-color: @base-text-color;
@speed-dial-action-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
@speed-dial-action-label-shadow:  0 2px 6px rgba(0, 0, 0, 0.15);
@speed-dial-action-shading-color: @overlay-shader-bg;

// Gantt
@gantt-collapsable-row-bg: darken(@base-bg, 5%);
@gantt-icon-color: @datagrid-columnchooser-item-color;

// Splitter
@splitter-inactive-color: @base-border-color;
@splitter-bg: fade(@base-accent, 50%);