/* Viewport header */ .sabio-viewport-header { background-color: {application-header-background-color}; } .sabio-viewport-header .x-btn.sabio-user-account-button.sabio-fill:not(.x-btn-disabled), .sabio-viewport-header .x-btn.sabio-user-account-button.sabio-fill:not(.x-btn-disabled).x-btn-over, .sabio-viewport-header .x-btn.sabio-user-account-button.sabio-fill:not(.x-btn-disabled).x-btn-default-small.x-btn-over { background-color: {tab-background-color}; } .sabio-viewport-header .x-btn.sabio-user-account-button.sabio-fill:not(.x-btn-disabled) .x-btn-inner-default-small { color: {_tab-background-color}; } .sabio-viewport-header .x-btn-icon-el, .sabio-viewport-header .x-btn-arrow-right:after, .sabio-viewport-header .x-btn.sabio-navigation-drawer-button:not(.sabio-fill) .x-btn-icon-el, .sabio-viewport-header .x-branch-filter .x-form-field, .sabio-viewport-header .x-branch-filter .x-form-trigger, .sabio-viewport-header .x-searchfield .x-form-trigger, .sabio-viewport-header .sabio-help-button:not(.sabio-fill):not(.x-btn-disabled) .x-btn-icon-el { color: {_application-header-background-color}; } .sabio-viewport-header .x-btn.sabio-navigation-drawer-button:not(.sabio-fill).x-btn-over, .sabio-viewport-header .x-btn.sabio-navigation-drawer-button:not(.sabio-fill).x-btn-pressed { background-color: rgba(255, 255, 255, 0.25); } .sabio-viewport-navigation .x-btn.x-btn-default-small.x-btn-pressed, .sabio-viewport-navigation .x-btn.x-btn-default-medium.x-btn-pressed, .sabio-viewport-navigation .x-btn.x-btn-default-large.x-btn-pressed { background-color: {navigation-item-active-color}; } .sabio-viewport-navigation .x-btn.x-btn-default-small.x-btn-pressed .x-btn-icon-el, .sabio-viewport-navigation .x-btn.x-btn-default-medium.x-btn-pressed .x-btn-icon-el, .sabio-viewport-navigation .x-btn.x-btn-default-large.x-btn-pressed .x-btn-icon-el { color: {_navigation-item-active-color}; } .sabio-theme-form .sabio-theme-form-logo { background-color: {application-header-background-color}; border-color: {application-header-background-color}; } /* Navigation drawer */ .x-treelist-navigation-drawer .x-treelist-item-selected > .x-treelist-row { background-color: {navigation-item-active-color}; } .x-treelist-navigation-drawer .x-treelist-item.x-treelist-item-selected .x-treelist-item-text, .x-treelist-navigation-drawer .x-treelist-item.x-treelist-item-selected .x-treelist-item-icon { color: {_navigation-item-active-color}; } .x-btn-wrap.x-btn-split-right > .x-btn-button:after { border-color: {_heads-and-links-color}; } /* Tabs */ .x-tab.x-tab-active.x-tab-default { border-color: {navigation-item-active-color}; } .x-tab span.x-tab-inner-default, .x-tab.x-tab-active.x-tab-default .x-tab-inner-default, .x-tab.x-tab-active.x-tab-default .x-tab-icon-el, .x-tab-default .x-tab-close-btn, .x-tab-default.x-tab-active .x-tab-close-btn, .x-tab-default.x-tab-over .x-tab-close-btn, .x-tab .x-tab-icon .x-tab-icon-el { color: {_application-header-background-color}; } .x-tab:not(.x-tab-closable).x-tab-active { border-left-color: {application-header-background-color}; border-right-color: {application-header-background-color}; } .x-tab-bar-plain .x-tab.x-tab-active.x-tab-default .x-tab-inner-default { color: {navigation-item-active-color}; } .x-tab-bar-plain .x-tab span.x-tab-inner-default, .x-tab-bar-plain .x-tab .x-tab-icon .x-tab-icon-el { color: #616161; } .x-tab-bar-plain .x-tab-over.x-tab-default { background-color: rgba(0, 0, 0, 0.03); } /* Links in SABIO texts */ .x-sabio-resource-container a, .x-sabio-resource-container a:hover, .x-sabio-resource-container a:visited, .x-sabio-resource-container a:link:hover, .x-sabio-resource-container a:link:visited { color: {links-in-texts}; } /* SABIO Tree active node */ .x-treecomponent .x-item.x-active { background-color: {tree-item-active-background-color}; border-color: {tree-item-active-background-color}; color: {_tree-item-active-background-color}; } /* Attachments in node details in tree navigation (on mouse over) */ .x-node-details .x-attachment-title:hover { color: {navigation-item-active-color}; } .x-base-view .x-side-panel-header-collapsed { background-color: {application-header-background-color} !important; color: {_application-header-background-color} !important; } .x-base-view .x-side-panel .x-panel-header { background-color: {tab-background-color} !important; } .x-base-view .x-side-panel .x-panel-header, .x-base-view .x-panel-header .x-panel-header-title, .x-base-view .x-side-panel-header-collapsed .x-panel-header-title, .x-base-view .x-side-panel .x-panel-header .x-tool-collapse-left, .x-base-view .x-side-panel-header-collapsed .x-tool-expand-right { color: {_tab-background-color} !important; } .sabio-snap-highlight { border-color: {application-header-background-color}; } .sabio-share-provider-item:hover { border-left-color: {navigation-item-active-color}; color: {navigation-item-active-color}; } .x-rating-inner .x-point { color: {heads-and-links-color}; } .x-sabio-resource-container .sabio-resource-list .sabio-list-item .x-text:hover { color: {navigation-item-active-color}; } .sabio-idle-mask .sabio-idle-spinner-dot { background-color: {application-header-background-color}; } .x-fragmentformscontainer .x-tab-bar-left .x-tab { background-color: {navigation-item-select-color}; } .x-fragmentformscontainer .x-tab-bar-left .x-tab .x-tab-inner { color: {_navigation-item-select-color}; } .x-fragmentformscontainer .x-tab-bar-left .x-tab.x-tab-active { background-color: {tab-background-color}; } .x-fragmentformscontainer .x-tab-bar-left .x-tab.x-tab-active .x-tab-inner { color: {_tab-background-color}; } .x-fragmentform.x-multi-fragment { border-color: {tab-background-color}; } .x-boundlist-selected /* Boundlist (selected) */ { background-color: {navigation-item-active-color}; border-color: {navigation-item-active-color}; color: {_navigation-item-active-color}; } .x-boundlist-item-over, /* Boundlist (mouse over) */ .x-menu-item-default.x-menu-item-active, /* Menu selection (on mouse over) */ .x-nlg .x-menu-item-default.x-menu-item-active, /* Menu selection (on mouse over) */ .x-grid-item-selected /* Grid selection (mouse over) */ { background-color: {navigation-item-select-color}; border-color: {navigation-item-select-color}; color: {_navigation-item-select-color}; } .x-menu-item-default.x-menu-item-active .x-menu-item-text { color: {_navigation-item-select-color}; } /* Search terms highlighting (.highlighted is delivered from BE) */ .highlighted, .x-highlighted { background-color: {search-highlight-color} !important; } .x-infiniteprogressbar.x-infiniteprogressbar-running:before { background-color: {application-header-background-color}; } .sabio-bulkassign .x-grid-group-title:after { background-color: {tab-background-color}; } /* Panel */ .x-panel-default { border-color: {application-header-background-color}; } .x-panel-header-default, .x-tab-bar-default-top { border-color: {application-header-background-color}; background-color: {application-header-background-color}; } .x-panel-header-default.x-panel-header .x-panel-header-title .x-title-text, .x-panel-header-default.x-panel-header .x-tool-tool-el, .x-panel-header-default.x-panel-header .x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default { color: {_application-header-background-color}; } .sabio-side-panel > .x-resizable-handle.x-resizable-handle-west:after { background-color: {application-header-background-color}; color: {_application-header-background-color} } .sabio-side-panel.x-collapsed > .x-panel-bodyWrap > .x-panel-header-default-collapsed .x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default { color: {heads-and-links-color}; } /* Checked items */ .x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox, .x-form-cb-checked .x-form-radio, .x-tree-checkbox-checked { color: {heads-and-links-color}; } /* Date picker */ .x-datepicker-selected div.x-datepicker-date, .x-monthpicker-item a.x-monthpicker-selected { background-color: {heads-and-links-color}; color: {_heads-and-links-color}; } /* Tools */ .x-tool, .x-window .x-window-header .x-tool, .x-window .x-window-header .x-tool .x-tool-tool-el { color: {heads-and-links-color}; } /* Tree panel */ .x-tree-icon-leaf, .x-tree-icon-parent, .x-tree-icon-parent-expanded, .x-tree-elbow-plus, .x-tree-elbow-end-plus, .x-tree-elbow-img .x-tree-elbow-plus .x-tree-expander, .x-tree-elbow-img.x-tree-expander, .x-treelist-item-expander, .x-treelist-row-over > * > .x-treelist-item-expander { color: {application-header-background-color}; } /* Buttons */ .x-btn.sabio-fill:not(.x-btn-disabled), .x-btn.sabio-fill:not(.x-btn-disabled).x-btn-over, .x-btn.sabio-fill:not(.x-btn-disabled).x-btn-default-small.x-btn-over:not(.x-btn-nohover), .x-btn.sabio-fill:not(.x-btn-disabled).x-btn-default-small.x-btn-menu-active, .x-btn.sabio-fill:not(.x-btn-disabled).x-btn-default-small.x-btn-pressed, .x-btn.sabio-fill:not(.x-btn-disabled).x-btn-default-toolbar-small.x-btn-over:not(.x-btn-nohover), .x-btn.sabio-fill:not(.x-btn-disabled).x-btn-default-toolbar-small.x-btn-menu-active, .x-btn.sabio-fill:not(.x-btn-disabled).x-btn-default-toolbar-small.x-btn-pressed, .x-btn:not(.sabio-fill).x-btn-pressed.x-btn-default-toolbar-small, .x-btn:not(.sabio-fill).x-btn-menu-active.x-btn-default-toolbar-small, .x-btn:not(.sabio-fill).x-btn-menu-active.x-btn-default-toolbar-small, .x-keyboard-mode .x-btn.x-btn-focus, .x-keyboard-mode .x-btn.sabio-fill:not(.x-btn-disabled).x-btn-focus { background-color: {heads-and-links-color}; color: {_heads-and-links-color}; } .x-keyboard-mode .x-btn.x-btn-focus { box-shadow: {_heads-and-links-color} 0 1px 0 0 inset, {_heads-and-links-color} 0 -1px 0 0 inset, {_heads-and-links-color} -1px 0 0 0 inset, {_heads-and-links-color} 1px 0 0 0 inset; } .x-btn.sabio-fill:not(.x-btn-disabled) .x-btn-inner-default-small, .x-btn.sabio-fill:not(.x-btn-disabled) .x-btn-icon-el-default-small, .x-btn.x-toolbar-item.x-btn-menu-active .x-btn-wrap-default-toolbar-small .x-btn-icon-el, .x-btn.x-toolbar-item.x-btn-menu-active .x-btn-wrap-default-toolbar-small .x-btn-inner, .x-btn.x-toolbar-item.x-btn-pressed .x-btn-wrap-default-toolbar-small .x-btn-icon-el, .x-btn.x-toolbar-item.x-btn-pressed .x-btn-wrap-default-toolbar-small .x-btn-inner, .x-keyboard-mode .x-btn:not(.x-btn-disabled).x-btn-focus .x-btn-inner, .x-keyboard-mode .x-btn:not(.x-btn-disabled).x-btn-focus .x-btn-icon-el { color: {_heads-and-links-color}; } .x-btn:not(.sabio-fill):not(.x-btn-disabled) .x-btn-inner, .x-btn:not(.sabio-fill):not(.x-btn-disabled) .x-btn-icon-el, .x-btn:not(.sabio-fill):not(.x-btn-disabled) .x-btn-inner-default-small, .x-btn:not(.sabio-fill):not(.x-btn-disabled) .x-btn-icon-el-default-small, .x-btn:not(.sabio-fill):not(.x-btn-disabled).x-btn-pressed.x-btn-default-small .x-btn-icon-el, .x-btn:not(.sabio-fill):not(.x-btn-disabled).x-btn-pressed.x-btn-default-small .x-btn-inner, .x-btn:not(.sabio-fill):not(.x-btn-disabled) .x-btn-inner-default-toolbar-small, .x-btn:not(.sabio-fill):not(.x-btn-disabled):not(.x-btn-menu-active):not(.x-btn-pressed) .x-btn-icon-el-default-toolbar-small, .x-btn:not(.sabio-fill):not(.x-btn-disabled):not(.x-btn-menu-active):not(.x-btn-pressed) .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after, .x-form-cb-checked .x-form-checkbox, .x-form-cb-checked .x-form-radio, .x-btn:not(.x-btn-disabled) .x-btn-wrap-plain-toolbar-small.x-btn-arrow-right:after, .x-btn:not(.x-btn-disabled).x-btn-pressed .x-btn-wrap-plain-toolbar-small.x-btn-arrow-right:after, .x-btn:not(.x-btn-disabled).x-btn-menu-active .x-btn-wrap-plain-toolbar-small.x-btn-arrow-right:after, .x-sca-result-button .x-btn-icon-el-default-toolbar-small, .x-btn-wrap-default-small.x-btn-arrow-right:after { color: {heads-and-links-color}; } .x-btn:not(.sabio-fill).x-btn-over, .x-btn:not(.sabio-fill):not(.x-btn-over).x-btn-default-small.x-btn-menu-active, .x-segmented-button .x-btn.x-segmented-button-item.x-btn-pressed, .x-btn.sabio-outline:not(.x-btn-disabled).x-btn-over { background-color: rgba(158, 158, 158, 0.12); } .x-btn:not(.sabio-fill).x-btn-pressed, .x-btn:not(.sabio-fill).x-btn-menu-active.x-btn-plain-toolbar-small, .x-btn:not(.sabio-fill).x-btn-pressed.x-btn-plain-toolbar-small { background-color: transparent; } .x-btn.sabio-outline:not(.x-btn-disabled) .x-btn-inner, .x-btn.sabio-outline:not(.x-btn-disabled) .x-btn-icon-el, .x-field .x-form-file-wrap .x-form-trigger-wrap .x-form-trigger .x-form-file-btn:not(.sabio-fill) .x-btn-inner, .x-field .x-form-file-wrap .x-form-trigger-wrap .x-form-trigger .x-form-file-btn:not(.sabio-fill) .x-btn-icon-el { color: {heads-and-links-color}; } .x-btn.sabio-outline:not(.x-btn-disabled) { border-color: {heads-and-links-color}; } .x-btn.x-btn-default-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-icon-el, .x-btn.x-btn-default-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-inner, .x-btn.x-btn-default-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-arrow:after, .x-btn.x-btn-default-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-icon-el, .x-btn.x-btn-default-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-inner, .x-btn.x-btn-default-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-arrow:after, .x-btn.x-btn-default-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-icon-el, .x-btn.x-btn-default-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-inner, .x-btn.x-btn-default-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-arrow:after, .x-btn.x-btn-plain-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-icon-el, .x-btn.x-btn-plain-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-inner, .x-btn.x-btn-plain-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-arrow:after, .x-btn.x-btn-plain-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-icon-el, .x-btn.x-btn-plain-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-inner, .x-btn.x-btn-plain-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-arrow:after, .x-btn.x-btn-plain-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-icon-el, .x-btn.x-btn-plain-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-inner, .x-btn.x-btn-plain-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-arrow:after, .x-keyboard-mode .x-btn.x-btn-default-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-icon-el, .x-keyboard-mode .x-btn.x-btn-default-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-inner, .x-keyboard-mode .x-btn.x-btn-default-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-arrow:after, .x-keyboard-mode .x-btn.x-btn-default-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-icon-el, .x-keyboard-mode .x-btn.x-btn-default-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-inner, .x-keyboard-mode .x-btn.x-btn-default-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-arrow:after, .x-keyboard-mode .x-btn.x-btn-default-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-icon-el, .x-keyboard-mode .x-btn.x-btn-default-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-inner, .x-keyboard-mode .x-btn.x-btn-default-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-arrow:after, .x-keyboard-mode .x-btn.x-btn-plain-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-icon-el, .x-keyboard-mode .x-btn.x-btn-plain-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-inner, .x-keyboard-mode .x-btn.x-btn-plain-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-arrow:after, .x-keyboard-mode .x-btn.x-btn-plain-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-icon-el, .x-keyboard-mode .x-btn.x-btn-plain-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-inner, .x-keyboard-mode .x-btn.x-btn-plain-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-arrow:after, .x-keyboard-mode .x-btn.x-btn-plain-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-icon-el, .x-keyboard-mode .x-btn.x-btn-plain-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-inner, .x-keyboard-mode .x-btn.x-btn-plain-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-focus .x-btn-arrow:after { color: {heads-and-links-color}; } .x-btn.x-btn-default-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-pressed .x-btn-icon-el, .x-btn.x-btn-default-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-pressed .x-btn-inner, .x-btn.x-btn-default-toolbar-small:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-pressed .x-btn-arrow:after, .x-btn.x-btn-default-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-pressed .x-btn-icon-el, .x-btn.x-btn-default-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-pressed .x-btn-inner, .x-btn.x-btn-default-toolbar-medium:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-pressed .x-btn-arrow:after, .x-btn.x-btn-default-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-pressed .x-btn-icon-el, .x-btn.x-btn-default-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-pressed .x-btn-inner, .x-btn.x-btn-default-toolbar-large:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-pressed .x-btn-arrow:after { color: {_heads-and-links-color}; } .x-btn.x-btn-disabled:not(.sabio-fill) .x-btn-icon-el, .x-btn.x-btn-disabled:not(.sabio-fill) .x-btn-inner { color: #ccc; } .x-keyboard-mode .x-btn-default-toolbar-small.x-btn-focus.x-btn-menu-active, .x-keyboard-mode .x-btn-default-toolbar-small.x-btn-focus.x-btn-pressed, .x-keyboard-mode .x-btn-default-toolbar-small.x-btn-focus.x-btn-over, .x-keyboard-mode .x-btn-default-toolbar-medium.x-btn-focus.x-btn-menu-active, .x-keyboard-mode .x-btn-default-toolbar-medium.x-btn-focus.x-btn-pressed, .x-keyboard-mode .x-btn-default-toolbar-medium.x-btn-focus.x-btn-over, .x-keyboard-mode .x-btn-default-toolbar-large.x-btn-focus.x-btn-menu-active, .x-keyboard-mode .x-btn-default-toolbar-large.x-btn-focus.x-btn-pressed, .x-keyboard-mode .x-btn-default-toolbar-large.x-btn-focus.x-btn-over { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Store menu */ .sabio-store-menu-filterfield.x-field { border-color: {heads-and-links-color}; } /* File management */ .sabio-folderview-item .sabio-folderview-item-icon, .sabio-file-collection .sabio-file-collection-item-title { color: {application-header-background-color}; } .sabio-folderview-item.x-item-selected, .sabio-folderview-item.sabio-folderview-item-drag-over, .x-drag-dragging:not(.x-drag-revert) .sabio-folderview-item { background-color: {navigation-item-select-color}; } .sabio-filedetails .sabio-filedetails-description { border-color: {application-header-background-color}; } .sabio-filedetails-metadata .sabio-filedetails-metadata-expander { color: {application-header-background-color}; } /* Code Blue */ .x-btn.x-segmented-button.sabio-codeblue .x-segmented-button-item.x-btn-pressed, .x-btn.x-segmented-button.sabio-codeblue .x-segmented-button-item.x-btn-over { background-color: {heads-and-links-color}; } .x-btn.x-segmented-button.sabio-codeblue .x-segmented-button-item.x-btn-pressed .x-btn-icon-el, .x-btn.x-segmented-button.sabio-codeblue .x-segmented-button-item.x-btn-over .x-btn-icon-el, .x-btn.x-segmented-button.sabio-codeblue .x-segmented-button-item.x-btn-pressed .x-btn-inner, .x-btn.x-segmented-button.sabio-codeblue .x-segmented-button-item.x-btn-over .x-btn-inner { color: {_heads-and-links-color}; } .x-drop-files-container { border-color: {application-header-background-color}; } .x-action-col-cell .x-action-col-icon { color: {heads-and-links-color}; } /* Settings window toolbar buttons */ .x-settingswindow .x-settingswindow-toolbar .x-btn:not(.x-btn-disabled):not(.x-btn-menu-active) .x-btn-inner, .x-settingswindow .x-settingswindow-toolbar .x-btn:not(.x-btn-disabled):not(.x-btn-menu-active) .x-btn-icon-el, .x-settingswindow .x-settingswindow-toolbar .x-btn:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-pressed .x-btn-inner, .x-settingswindow .x-settingswindow-toolbar .x-btn:not(.x-btn-disabled):not(.x-btn-menu-active).x-btn-pressed .x-btn-icon-el { color: {heads-and-links-color}; } .sabio-template-selector-window .x-grid { border-color: {application-header-background-color}; } /* UploadProgress window */ .sabio-upload-progress-window .sabio-upload-progress-code-blue label { color: {heads-and-links-color}; } .sabio-upload-progress-window .sabio-upload-progress-code-blue .x-progress { background-color: #eee; } .sabio-upload-progress-window .sabio-upload-progress-code-blue .x-progress .x-progress-bar { background-color: {application-header-background-color}; } .sabio-fileexplorer-label-editor .x-form-field { border-bottom: 2px solid {navigation-item-active-color}; } /* Statusgrid progressbar */ .sabio-status-grid .x-progress-default { background-color: #eee; } .sabio-status-grid .x-progress .x-progress-bar { background-color: {application-header-background-color}; } /*Metadata container*/ .sabio-resource-container-meta .sabio-metadata-collapser { color: {application-header-background-color}; } /* Multi language */ .sabio-content-language-selector .x-btn-inner, .sabio-content-language-selector .x-btn-icon-el, .sabio-content-language-selector .x-btn-arrow:after, .sabio-content-language-menuitem-icon { color: {heads-and-links-color} !important; } .sabio-content-language-selected, .sabio-content-language-selected.x-menu-item-focus, .sabio-content-language-selected.x-menu-item-active { background-color: {navigation-item-active-color}; border-color: {navigation-item-active-color}; } .sabio-content-language-selected .sabio-content-language-menuitem-text, .sabio-content-language-selected .sabio-content-language-menuitem-icon { color: {_navigation-item-active-color} !important; } /* Flows integration */ .sabio-flow { border-color: {heads-and-links-color} !important; }