:root {
    /*Переменные для темы*/

    /*Top Menu*/
    --logo: #2b455e;
    --topMenuBg: #ffffff;
    --topmenu-dropdown-toggle: #6b7d8e;
    --topmenu-dropdown-toggle-hover: #4880ff;
    --topmenu-dropdown-bg: #ffffff;
    --topmenu-dropdown-bg-hover: #eff4ff;
    --topmenu-dropdown-text: #6b7d8e;
    --topmenu-dropdown-text-hover: #6b7d8e;
    --topmenu-border: #dde1e7;
    --topmenu-disabled: #bfc7d2;

    /*Toolbar*/
    --toolbar-bg: transparent;
    --toolbar-tool: #6b7d8e;
    --toolbar-tool-hover: #4880ff;
    --toolbar-tool-active: #4880ff;
    --toolbar-tool-disabled: #bfc7d2;
    --toolbar-devider: #6b7d8e33;
    --toolbar-tool-bg-hover: #e3edff;
    --toolbar-tool-dropdown-bg: #ffffff;
    --toolbar-tool-dropdown-bg-hover: #eff4ff;
    --toolbar-tool-dropdown-border: #dde1e7;
    --toolbar-tool-dropdown-text: #6b7d8e;
    --toolbar-tool-dropdown-active: #4880ff;
    --toolbar-toolcustom-close: #ff5470;

    /*Book Select*/
    --book-select-bg: transparent;
    --book-select-border: #dde1e7;
    --book-select-text: #6b7d8e;
    --book-select-text-hover: #6b7d8e;
    --book-dropdown-bg: #ffffff;
    --book-dpopdown-bg-hover: #eff4ff;
    --book-dropdown-text: #6b7d8e;
    --book-dropdown-text-hover: #6b7d8e;
    --book-dropdown-remove: #ff5470;
    --book-dropdown-active: #4880ff;

    /*Sidebar*/
    --sidebar-bg: #f7f9ff;
    --sidebar-left-bg: #ffffff;
    --sidebar-left-border: #dde1e7;
    --sidebar-resize: #4880ff5e;

    /*Tree*/
    --tree-node: #6b7d8e;
    --tree-node-hover: #4880ff;
    --tree-node-bg: #ffffff;
    --tree-node-bg-hover: #f7f9ff;
    --tree-node-expanded: #2b455e;
    --tree-node-dummy: #ff5470;

    /*Widget*/
    --widget-selected-border: #4880ff;
    --widget-control-bg: #ffffff;
    --widget-control-border: #dde1e7;
    --widget-control-tool: #6b7d8e;
    --widget-control-tool-hover: #4880ff;
    --widget-control-tool-remove: #ff5470;

    /*Tooltip*/
    --tooltip-bg: #ffffff;
    --tooltip-text: #6b7d8e;
    --tooltip-text-more: #4880ff;
    --tooltip-text-opacity: #6b7d8e4b;
    --tooltip-border: #dde1e7;

    /*scroll*/
    --scroll: #85b1f4;
    --scroll-hover: #3d7ff4c9;

    /*Chip*/
    --chip-background: #edf2ff;
    --chip-color: #4880ff;

    /*Widget Details*/
    --widget-details-bg: #ffffff;
    --widget-filter-view-title-bg: #e3edff;
    --widget-details-border: #dde1e7;
    --widget-details-header-primary: #edf2ff;
    --widget-details-header-primary-text: #4880ff;
    --widget-details-header-secondary: #f7f9ff;
    --widget-details-header-secondary-text: #2b455ecc;
    --widget-tetails-input-bg: #ffffff;
    --widget-details-input-bg-hover: #eff4ff;
    --widget-details-input-border: #dde1e7;
    --widget-details-input-border-hover: #6b7d8e;
    --widget-details-input-border-active: #4880ff;
    --widget-details-input-border-disabled: #6b7d8e;
    --widget-details-input-text: #6b7d8e;
    --widget-details-input-text-hover: #4880ff;
    --widget-details-input-text-disabled: #45506c;
    --widget-broke-icon: #4880ff;
    --widget-broke-text: #6b7d8e;

    /*Main Content*/
    --content-bg: #f7f9ff;
    --content-container-bg: #ffffff;
    --content-border: #dde1e7;

    /*Switcher*/
    --switcher-bg-on: #4880ff;
    --switcher-bg-off: #dde1e7;
    --switcher-switch-on: #6b7d8e;
    --switcher-switch-off: #ffffff;
    --switcher-enabled: #ffffff;
    --switcher-disabled: #84aede;

    /*Tabs*/
    --tab-header-selected-bg: #ffffff;
    --tab-header-selected-border: #4880ff;
    --tab-header-border: #dde1e7;
    --tab-header-hover: #e3edff;
    --tab-content-bg: #ffffff;

    --tabs-context-bg: #ffffff;
    --tabs-context-bg-hover: #e3edff;
    --tabs-context-border: #dde1e7;
    --tabs-context-element: #6b7d8e;
    --tabs-context-element-hover: #4880ff;

    /*Modal*/
    --modal-title: #6b7d8e;
    --modal-overlay: #2b455e4a;
    --modal-bg: #ffffff;
    --modal-close-hover: #ff5470;
    --modal-button: #6b7d8e;
    --modal-button-hover: #4880ff;

    /*About*/
    --about-copyright: #d9d9d9;
    --about-contacts: #6b7d8e;
    --about-contacts-hover: #4880ff;
    --about-company: #2b455e;
    --about-text: #6b7d8e;

    /*ImagePicker*/
    --img-picker-border: #dde1e7;
    --img-picker-item-bg: #f7f9ff;
    --img-picker-folder: #6b7d8e;
    --img-picker-folder-active: #4880ff;
    --img-picker-folder-bg-hover: #eff4ff;
    --img-picker-collection-item-hover: #eff4ff;
    --img-picker-collection-item-border: #4880ff;

    /*Login*/
    --login-remind-label: #6b7d8e;
    --login-remind-button-bg: #6b7d8e;
    --login-remind-button-bg-hover: #4880ff;

    /*Portal*/
    --portal-bg: #f7f9ff;

    /*Aside*/
    --portal-aside-bg: #ffffff;
    --portal-aside-border: #dde1e7;
    --portal-aside-item: #6b7d8e;
    --portal-aside-item-hover: #4880ff;
    --portal-aside-item-bg-hover: #e3edff;

    /*Panel*/
    --portal-panel-bg: #ffffff;
    --portal-panel-border: #dde1e7;
    --portal-panel-sorting-button: #6b7d8e;
    --portal-panel-sorting-button-hover: #4880ff;
    --portal-panel-sorting-button-bg-hover: #e3edff;
    --portal-panel-sorting-dropdown-bg: #ffffff;
    --portal-panel-sorting-dropdown-bg-hover: #e3edff;
    --portal-panel-sorting-dropdown-border: #dde1e7;
    --portal-panel-sorting-dropdown-item: #6b7d8e;
    --portal-panel-sorting-dropdown-item-active: #4880ff;
    --portal-panel-top-menu-item: #6b7d8e;
    --portal-panel-top-menu-item-hover: #4880ff;
    --portal-panel-top-menu-item-bg-hover: #e3edff;

    /*Model list*/
    --portal-model-list-title: #2b455e;
    --portal-model-list-item: #6b7d8e;
    --portal-model-list-item-hover: #4880ff;
    --portal-model-list-item-checked: #4880ff;
    --portal-model-list-item-bg-hover: #f7f9ff;

    /*Create Menu*/
    --portal-create-menu-button-bg-hover: #f7f9ff;
    --portal-create-menu-button: #2b455e;
    --portal-create-menu-button-hover: #4880ff;
    --portal-create-menu-item: #6b7d8e;
    --portal-create-menu-item-hover: #4880ff;
    --portal-create-menu-item-disabled: #bfc7d2;
    --portal-create-menu-item-bg-hover: #f7f9ff;

    /*Table*/
    --portal-table-bg: #ffffff;
    --portal-table-border: #dde1e7;

    /*Table Menu*/
    --portal-table-menu-border: #dde1e7;
    --portal-table-menu-bg: #ffffff;
    --portal-table-empty: #bfc7d2;
    --portal-table-header: #2b455e;

    /*Table Row*/
    --portal-table-row-name: #6b7d8e;
    --portal-table-row-prop: #95a2ae;
    --portal-table-row-bg-hover: #f7f9ff;
    --portal-table-row-checked: #4880ff;

    /*Table Action Menu*/
    --portal-table-action-menu-item: #6b7d8e;
    --portal-table-action-menu-item-bg-hover: #e3edff;

    /*Path*/
    --portal-path-parant: #6b7d8e;
    --portal-path-current: #4880ff;

    /*Title*/
    --portal-title: #424f65;

    /*Popup*/
    --portal-popup-bg: #ffffff;
    --portal-popup-border: #dde1e7;

    /*Button*/
    --portal-button: #6b7d8e;
    --portal-button-hover: #2b455e;
    --portal-button-active: #4880ff;
    --portal-button-border: #dde1e7;
    --portal-button-border-active: #e3edff;
    --portal-button-bg: #ffffff;
    --portal-button-bg-active: #e3edff;
    --portal-button-disable: #dde1e7;
    --portal-button-primary: #eee;
    --portal-button-primary-hover: #fff;
    --portal-button-primary-active: #e6e6e6;
    --portal-button-primary-bg: #4880ff;
    --portal-button-primary-bg-hover: #6d99ff;
    --portal-button-primary-bg-active: #0359d6;
}