/*!
 Eloquence WEBDLG v2 - CSS colors theme template
 (C) Copyright Marxmeier Software AG, 2020-2023
 Version: 2.0.16 2023-11-24
 $Id: theme-colors.css,v 29.2 2023/11/24 10:43:47 rhg Exp $
*/

/* Background */

html.theme .eq-combobox,
html.theme .eq-edittext,
html.theme .eq-htmlview > textarea,
html.theme .eq-listbox > .eq-pane,
html.theme .eq-listbox > .eq-caption > .eq-space > *,
html.theme .eq-poptext,
html.theme .eq-tabbox > .eq-tabs > *,
html.theme .eq-tree,
html.theme .eq-window > .eq-pane > :last-child {
   background-color: white;
}

/* Foreground */

html.theme .eq-checkbox > *,
html.theme .eq-combobox,
html.theme .eq-edittext > *,
html.theme .eq-groupbox > .eq-title,
html.theme .eq-htmlview > textarea,
html.theme .eq-listbox,
html.theme .eq-poptext,
html.theme .eq-pushbutton > button,
html.theme .eq-radiobutton > *,
html.theme .eq-statictext,
html.theme .eq-tabbox,
html.theme .eq-tabbox > .eq-tabs > *,
html.theme .eq-tree,
html.theme .eq-window > .eq-pane > :last-child {
   color: black;
}

/* Border */

html.theme .eq-combobox.eq-border,
html.theme .eq-combobox.eq-border.eq-focused.eq-open,
html.theme .eq-combobox.eq-border.eq-column.eq-overlay,
html.theme .eq-edittext.eq-border,
html.theme .eq-groupbox.eq-border > .eq-pane,
html.theme .eq-groupbox.eq-border > .eq-title > *,
html.theme .eq-htmlview.eq-border,
html.theme .eq-image.eq-border,
html.theme .eq-listbox.eq-border,
html.theme .eq-poptext.eq-border,
html.theme .eq-poptext.eq-border.eq-focused.eq-open,
html.theme .eq-poptext.eq-border.eq-column.eq-overlay,
html.theme .eq-progressbar.eq-border,
html.theme .eq-pushbutton.eq-border > *,
html.theme .eq-splitter.eq-border,
html.theme .eq-tabbox > .eq-container,
html.theme .eq-tabbox.eq-border > .eq-container,
html.theme .eq-tabbox > .eq-tabs > .eq-selected,
html.theme .eq-tree.eq-border,
html.theme .eq-plugin.eq-border,
html.theme .eq-popup-box > .eq-pushbutton > *,
html.theme .eq-message-dialog button,
html.theme .eq-login-dialog input.eq-login,
html.theme .eq-login-dialog input.eq-password,
html.theme .eq-login-dialog button {
   border-color: #888;
}
html.theme .eq-combobox.eq-column.eq-overlay.eq-dn,
html.theme .eq-poptext.eq-column.eq-overlay.eq-dn {
   border-top-color: #888;
}
html.theme .eq-combobox.eq-column.eq-overlay.eq-up,
html.theme .eq-poptext.eq-column.eq-overlay.eq-up {
   border-bottom-color: #888;
}
/* StatusBar border */
html.theme .eq-statusbar {
   border-color: #585858;
}
/* TabBox tabs not selected border */
html.theme .eq-tabbox > .eq-tabs > * {
   border-color: silver;
}

/* ComboBox, PopText button color */
html.theme .eq-combobox.eq-dn > .eq-button::after,
html.theme .eq-poptext.eq-dn > .eq-button::after {
   border-top-color: black;
}
html.theme .eq-combobox.eq-up > .eq-button::after,
html.theme .eq-poptext.eq-up > .eq-button::after {
   border-bottom-color: black;
}
/* ComboBox, PopText empty button color */
html.theme .eq-combobox.eq-empty.eq-dn > .eq-button::after,
html.theme .eq-poptext.eq-empty.eq-dn > .eq-button::after {
   border-top-color: gray !important;
}
html.theme .eq-combobox.eq-empty.eq-up > .eq-button::after,
html.theme .eq-poptext.eq-empty.eq-up > .eq-button::after {
   border-bottom-color: gray !important;
}

/* ComboBox, EditText read-only background */
html.theme .eq-combobox.eq-readonly > input,
html.theme .eq-edittext.eq-readonly {
   background-color: #f0f0f0;
}

/* ListBox column header background */
html.theme .eq-listbox > .eq-caption,
html.theme .eq-listbox > .eq-caption > * > * {
   background-color: #e8e8e8;
}
/* ListBox column header resize handles */
html.theme .eq-listbox > .eq-caption,
html.theme .eq-listbox > .eq-caption > *,
html.theme .eq-overlay > .eq-listbox > .eq-caption {
   border-color: silver;
}
html.theme .eq-listbox > .eq-caption > :not(.eq-resize) > * {
   border-right-color: silver;
}
/* ListBox column header sort indicator */
html.theme .eq-listbox > .eq-caption > .eq-sort > :after {
   opacity: .2;
}
/* ListBox column header primary/secondary sort indicator */
html.theme .eq-listbox > .eq-caption > .eq-sort.eq-first > :after,
html.theme .eq-listbox > .eq-caption > .eq-sort.eq-second > :after {
   opacity: .35;
}
/* ListBox grid color */
html.theme .eq-overlay > .eq-listbox > .eq-pane,
html.theme .eq-listbox.eq-multi > .eq-pane > .eq-column > * {
   border-color: silver;
}

/* Menu foreground */
html.theme .eq-menubar {
   color: white;
}
/* Menu background */
html.theme .eq-menubar,
html.theme .eq-menubar ul {
   background-color: #585858;
}
/* Menu border, separator */
html.theme .eq-menubar:not(.eq-overlay),
html.theme .eq-menubar ul ul,
html.theme .eq-menubar.eq-overlay ul,
html.theme .eq-menubar ul li,
html.theme .eq-menubar.eq-overlay li,
html.theme .eq-menubar ul li.eq-sep,
html.theme .eq-menubar.eq-overlay li.eq-sep {
   background-color: rgba(255, 255, 255, .25);
}
/* Menu text */
html.theme .eq-menubar label {
   opacity: .85;
}
/* Menu open/hover text */
html.theme .eq-menubar li.eq-open > label,
html.theme .eq-menubar li > ul li:hover > label,
html.theme .eq-menubar.eq-overlay li:hover > label {
   opacity: 1;
}
/* Menu accelerator activated text */
html.theme .eq-menubar li.eq-flash > label {
   opacity: 1;
   transform: scale(.98);
}
/* MenuItem accelerator symbol */
html.theme .eq-menubar ul li.eq-item > .eq-acc {
   opacity: .8;
}
/* Menu sub-menu open/close closed */
html.theme .eq-menubar li li.eq-menu::before,
html.theme [dir=rtl] .eq-menubar .eq-ltr li.eq-menu::before,
html.theme [dir=rtl] .eq-menubar li .eq-ltr.eq-menu::before,
html.theme .eq-menubar.eq-overlay > li.eq-menu::before {
   border-left-color: currentColor;
   opacity: .5;
}
html.theme [dir=rtl] .eq-menubar li li.eq-menu::before,
html.theme .eq-menubar .eq-rtl li.eq-menu::before,
html.theme .eq-menubar li .eq-rtl.eq-menu::before {
   border-right-color: currentColor;
   opacity: .5;
}
/* Menu sub-menu open/close open */
html.theme .eq-menubar li li.eq-menu.eq-open::before,
html.theme [dir=rtl] .eq-menubar .eq-ltr li.eq-menu.eq-open::before,
html.theme [dir=rtl] .eq-menubar li .eq-ltr.eq-menu.eq-open::before,
html.theme .eq-menubar.eq-overlay > li.eq-menu.eq-open::before,
html.theme [dir=rtl] .eq-menubar li li.eq-menu.eq-open::before,
html.theme .eq-menubar .eq-rtl li.eq-menu.eq-open::before,
html.theme .eq-menubar li .eq-rtl.eq-menu.eq-open::before {
   opacity: 1;
}

/* ProgressBar background */
html.theme .eq-progressbar {
   background-color: rgba(255, 255, 255, .65);
}
/* ProgressBar bar background */
html.theme .eq-progressbar > div {
   background-color: #5ebbed; /* Selection (see below) */
}
/* ProgressBar foreground 0% ... */
html.theme .eq-progressbar > span,
html.theme .eq-progressbar > span * {
   color: black;
}
/* ProgressBar foreground ... 100% */
html.theme .eq-progressbar > div > span,
html.theme .eq-progressbar > div > span * {
   color: white;
}
/* ProgressBar indeterminate separator lines */
html.theme .eq-progressbar.eq-noval.eq-horz > div {
   background-image: repeating-linear-gradient(90deg,
      transparent, transparent 29px,
      #d0d0d0 29px, #d0d0d0 30px);
}
html.theme .eq-progressbar.eq-noval.eq-vert > div {
   background-image: repeating-linear-gradient(180deg,
      transparent, transparent 29px,
      #d0d0d0 29px, #d0d0d0 30px);
}

/* Splitter divider */
html.theme .eq-splitter > .eq-pane > * > .eq-caption {
   border-color: silver;
}

/* TabBox tab */
html.theme .eq-tabbox > .eq-tabs > * {
   opacity: .65;
}
/* TabBox selected tab */
html.theme .eq-tabbox > .eq-tabs > .eq-selected {
   opacity: 1;
}

/* Tree item background */
html.theme .eq-tree .eq-item > span {
   background-color: rgba(0, 0, 0, .05);
}
/* Tree node open/close button */
html.theme .eq-tree .eq-button::before {
   border-left-color: black;
}
html.theme .eq-tree .eq-node.eq-open:not(.eq-click) > .eq-button::before {
   border-top-color: black;
}

/* Tool tip */

html.theme .eq-tip {
   background-color: #e2e6e9;
   color: black;
}

/* Focus border/outline */

html.theme .eq-combobox.eq-focused,
html.theme .eq-poptext.eq-focused,
html.theme .eq-edittext.eq-focused,
html.theme .eq-listbox.eq-focused,
html.theme .eq-pushbutton.eq-focused > button,
html.theme .eq-pushbutton > button.eq-focused,
html.theme .eq-pushbutton:not(.eq-disabled) > button:active,
html.theme .eq-pushbutton:not(.eq-disabled).eq-focused > button:active,
html.theme .eq-tabbox.eq-focused > .eq-tabs > .eq-selected,
html.theme .eq-tree.eq-focused,
html.theme .eq-message-dialog button:focus,
html.theme .eq-login-dialog input.eq-login.eq-focused,
html.theme .eq-login-dialog input.eq-password.eq-focused,
html.theme .eq-login-dialog button.eq-focused {
   border-color: #0085cc;
}
html.theme .eq-combobox.eq-focused,
html.theme .eq-poptext.eq-focused,
html.theme .eq-edittext.eq-focused,
html.theme .eq-listbox.eq-focused,
html.theme .eq-pushbutton.eq-focused > button,
html.theme .eq-pushbutton > button.eq-focused,
html.theme .eq-tree.eq-focused,
html.theme .eq-message-dialog button:focus,
html.theme .eq-login-dialog input.eq-login.eq-focused,
html.theme .eq-login-dialog input.eq-password.eq-focused,
html.theme .eq-login-dialog button.eq-focused {
   outline-color: #0085cc;
}
/* CheckBox, RadioButton, LoginDialog.SAVE focused underline */
html.theme .eq-checkbox.eq-focused > * > label,
html.theme .eq-radiobutton.eq-focused > * > label,
html.theme .eq-login-dialog .eq-save input.eq-focused + span {
   text-decoration-color: #0085cc;
}
/* ComboBox, PopText focused button background */
html.theme .eq-combobox.eq-focused.eq-open > .eq-button,
html.theme .eq-poptext.eq-focused.eq-open > .eq-button {
   background-color: #0085cc;
}
/* ComboBox, PopText focused button foreground */
html.theme .eq-combobox.eq-focused.eq-open.eq-dn > .eq-button::after,
html.theme .eq-poptext.eq-focused.eq-open.eq-dn > .eq-button::after {
   border-top-color: white;
}
html.theme .eq-combobox.eq-focused.eq-open.eq-up > .eq-button::after,
html.theme .eq-poptext.eq-focused.eq-open.eq-up > .eq-button::after {
   border-bottom-color: white;
}

/* Selection */

html.theme .eq-combobox.eq-column.eq-overlay > .eq-selected,
html.theme .eq-listbox .eq-column > .eq-selected,
html.theme .eq-listbox .eq-column > .eq-selected *,
html.theme .eq-poptext.eq-column.eq-overlay > .eq-selected,
html.theme .eq-pushbutton:not(.eq-disabled) > button:active,
html.theme .eq-pushbutton:not(.eq-disabled).eq-focused > button:active,
html.theme .eq-tree .eq-item.eq-selected > span {
   background-color: #5ebbed !important;
   color: white !important;
}

/* Disabled */

html.theme .eq-checkbox.eq-disabled > * > label,
html.theme .eq-checkbox.eq-disabled > * > label *,
html.theme .eq-combobox.eq-disabled,
html.theme .eq-combobox.eq-disabled > input,
html.theme .eq-edittext.eq-disabled > *,
html.theme .eq-groupbox.eq-disabled > .eq-title,
html.theme .eq-groupbox.eq-disabled > .eq-title *,
html.theme .eq-listbox.eq-disabled > .eq-caption > * > *,
html.theme .eq-listbox.eq-disabled > .eq-caption > * > * *,
html.theme .eq-poptext.eq-disabled,
html.theme .eq-poptext.eq-disabled > span,
html.theme .eq-poptext.eq-disabled > span *,
html.theme .eq-pushbutton.eq-disabled > button,
html.theme .eq-pushbutton.eq-disabled > button *,
html.theme .eq-radiobutton.eq-disabled > * > label,
html.theme .eq-radiobutton.eq-disabled > * > label *,
html.theme .eq-statictext.eq-disabled,
html.theme .eq-statictext.eq-disabled *,
html.theme .eq-tabbox.eq-disabled > .eq-tabs > *,
html.theme .eq-tabbox.eq-disabled > .eq-tabs > * *,
html.theme .eq-tabbox > .eq-tabs > .eq-disabled,
html.theme .eq-tabbox > .eq-tabs > .eq-disabled *,
html.theme .eq-tree.eq-disabled .eq-item > span,
html.theme .eq-tree.eq-disabled .eq-item > span *,
html.theme .eq-tip.eq-disabled {
   color: gray !important;
}
html.theme .eq-combobox.eq-disabled,
html.theme .eq-combobox.eq-disabled > input,
html.theme .eq-edittext.eq-disabled,
html.theme .eq-listbox.eq-disabled .eq-column > *,
html.theme .eq-listbox.eq-disabled .eq-column > * *,
html.theme .eq-listbox.eq-disabled > .eq-caption > * > *,
html.theme .eq-listbox.eq-disabled > .eq-caption > * > * *,
html.theme .eq-listbox.eq-disabled > .eq-pane,
html.theme .eq-poptext.eq-disabled,
html.theme .eq-poptext.eq-disabled > span,
html.theme .eq-poptext.eq-disabled > span *,
html.theme .eq-pushbutton.eq-disabled > button,
html.theme .eq-pushbutton.eq-disabled > button * {
   background-color: #f0f0f0 !important;
}
/* ComboBox, PopText disabled button color */
html.theme .eq-combobox.eq-disabled.eq-dn > .eq-button::after,
html.theme .eq-poptext.eq-disabled.eq-dn > .eq-button::after {
   border-top-color: gray;
}
html.theme .eq-combobox.eq-disabled.eq-up > .eq-button::after,
html.theme .eq-poptext.eq-disabled.eq-up > .eq-button::after {
   border-bottom-color: gray;
}
/* Image disabled */
html.theme .eq-image.eq-disabled,
html.theme .eq-disabled img {
   filter: opacity(.6) grayscale(100%);
}
/* ListBox, Tree disabled selection */
html.theme .eq-listbox.eq-disabled .eq-column > .eq-selected,
html.theme .eq-listbox.eq-disabled .eq-column > .eq-selected *,
html.theme .eq-tree.eq-disabled .eq-item.eq-selected > span,
html.theme .eq-tree.eq-disabled .eq-item.eq-selected > span * {
   background-color: gray !important;
}
/* Menu disabled text */
html.theme .eq-menubar.eq-disabled label,
html.theme .eq-menubar .eq-disabled label {
   opacity: .425 !important;
}
/* ProgressBar disabled background */
html.theme .eq-progressbar.eq-disabled > div {
   background-color: silver !important;
}

/* Drag-over */

html.theme .eq-listbox .eq-column > .eq-dragover,
html.theme .eq-listbox .eq-column > .eq-dragover *,
html.theme .eq-tree .eq-item > span.eq-dragover,
html.theme .eq-tree .eq-item > span.eq-dragover * {
   background-color: #8c98a6 !important;
   color: white !important;
}

/* Window inactive */
html.theme .eq-window,
html.theme .eq-window > .eq-resize {
   background-color: #dbdfe3;
}
html.theme .eq-window {
   color: #708090;
   border-color: #dbdfe3;
}
/* Window active */
html.theme .eq-window.eq-active,
html.theme .eq-window.eq-active > .eq-resize,
html.theme .eq-window > .eq-pane > .eq-caption > .eq-close::before,
html.theme .eq-window > .eq-pane > .eq-caption > .eq-close::after {
   background-color: #708090;
}
html.theme .eq-window.eq-active {
   color: white;
   border-color: #708090;
}
/* Window maximize button */
html.theme .eq-window > .eq-pane > .eq-caption > .eq-max::before {
   border-bottom-color: white;
}
html.theme .eq-window.eq-max > .eq-pane > .eq-caption > .eq-max::after {
   border-top-color: white;
}
/* Window close button */
html.theme .eq-window > .eq-pane > .eq-caption > .eq-close {
   background-color: white;
   border-color: white;
}
/* Window close button clicked */
html.theme .eq-window > .eq-pane > .eq-caption > .eq-close.eq-click {
   background-color: firebrick;
   border-color: firebrick;
}
html.theme .eq-window > .eq-pane > .eq-caption > .eq-close.eq-click::before,
html.theme .eq-window > .eq-pane > .eq-caption > .eq-close.eq-click::after {
   background-color: white;
}

/* LoginDialog.OK enabled */
html.theme .eq-login-dialog button.eq-ok:enabled {
   background-color: lightgreen;
}