/*!
 Eloquence WEBDLG v2
 (C) Copyright Marxmeier Software AG, 2020-2025
 Version: 2.1.2
 $Id: 00-base.css,v 29.27 2025/06/18 11:26:11 rhg Exp $
*/

/* Layout grid */

.eq-grid {
   display: inline-block;
   position: absolute;
   visibility: hidden;
   top: 0;
   left: 0;
}
.eq-grid p {
   margin: 0;
}
.eq-grid p:not(:empty) {
   padding: 1px 0;
   line-height: normal;
}

/* DLG container position / size.
   Dialog: .eq-dialog.eq-root > .eq-pane  (viewport, scrollable)
                              > .eq-view > .eq-container
   GroupBox: .eq-groupbox > .eq-pane (viewport, scrollable)
                          > .eq-view > .eq-container
   StatusBar: .eq-statusbar.eq-container
   ToolBar: .eq-toolbar.eq-container */

.eq-dialog {
   display: flex;
   flex-direction: column;
   position: absolute;
   /* Safari, work around Dialog sometimes not rendered */
   -webkit-transform: translateZ(0);
}
.eq-dialog.eq-hidden {
   display: none;
}
/* inline Dialog */
.eq-dialog.eq-inline {
   top: 0 !important;
   left: 0 !important;
}
/* maximized inline Dialog */
.eq-dialog.eq-inline.eq-max {
   right: 0 !important;
   bottom: 0 !important;
}
.eq-dialog.eq-inline.eq-max > .eq-pane > .eq-view {
   width: auto !important;
   height: auto !important;
}
/* Dialog pane */
.eq-dialog > .eq-pane {
   display: flex;
   flex-direction: row;
   flex-grow: 1;
   flex-shrink: 0;
   position: relative;
   z-index: 0;
   min-width: 0;
   min-height: 0;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}
/* MenuBar, top/bottom ToolBar, StatusBar */
.eq-dialog > .eq-panel {
   flex-shrink: 0;
   position: relative;
   z-index: 0;
}
/* MenuBar */
.eq-dialog > .eq-panel.eq-menubar {
   z-index: 1;
}
/* Top/bottom ToolBar, StatusBar */
.eq-dialog > .eq-panel.eq-toolbar,
.eq-dialog > .eq-panel.eq-statusbar {
   overflow: hidden;
}
/* Dialog view, has Dialog width/height if specified */
.eq-dialog > .eq-pane > .eq-view {
   flex-grow: 1;
   position: relative;
   background-repeat: no-repeat;
   overflow: visible;
}
.eq-dialog > .eq-pane > .eq-view > .eq-container {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}
/* Left/right ToolBar, not Dialog */
.eq-dialog > .eq-pane > .eq-panel {
   flex-shrink: 0;
}
/* MenuBar, Menu, StatusBar, ToolBar below Dialog, initially invisible */
.eq-dialog > .eq-pane > .eq-view > .eq-container .eq-menubar,
.eq-dialog > .eq-pane > .eq-view > .eq-container .eq-menu,
.eq-dialog > .eq-pane > .eq-view > .eq-container .eq-statusbar,
.eq-dialog > .eq-pane > .eq-view > .eq-container .eq-toolbar {
   display: none;
}

/* Idle pane */

.eq-idle {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}
body > .eq-idle {
   position: fixed;
}
@keyframes eq-fog {
   from { background-color: rgba(255, 255, 255, 0); }
   to { background-color: rgba(255, 255, 255, .35); }
}
.eq-fog {
   animation: 1s linear eq-fog forwards;
}

/* Border */

.eq-combobox.eq-border,
.eq-edittext.eq-border,
.eq-groupbox.eq-border > .eq-pane,
.eq-groupbox.eq-border > .eq-title > *,
.eq-htmlview.eq-border,
.eq-image.eq-border,
.eq-listbox.eq-border,
.eq-poptext.eq-border,
.eq-progressbar.eq-border,
.eq-pushbutton.eq-border > *,
.eq-splitter.eq-border,
.eq-tabbox.eq-border > .eq-container,
.eq-tree.eq-border,
.eq-plugin.eq-border {
   border-width: 1px;
   border-color: #888;
   border-style: solid;
   border-radius: 2.275px;
}

/* Behavior */

.eq-root, .eq-root *,
.eq-window, .eq-window *,
.eq-overlay, .eq-overlay *,
.eq-tip, .eq-tip * {
   /* Prevent text/element selection */
   -webkit-user-select: none; /* Firefox < 69, Safari */
   user-select: none;
   /* Remove mobile browser tap-highlighting */
   -webkit-tap-highlight-color: transparent; /* Chrome, Edge, Safari, Opera */
   /* Prevent mobile browser to inflate text
      for better readability depending on block width */
   -webkit-text-size-adjust: 100%; /* Safari ('none' may have side effects) */
   text-size-adjust: none;
   /* Prevent double-tap to zoom on mobile browsers */
   touch-action: manipulation;
   /* Initial line height. */
   line-height: normal;
}
.eq-root a {
   /* Remove hyperlink focus indicator */
   outline: none;
}
.eq-root img {
   /* Remove image link indicator */
   border: 0;
   outline: none;
   /* Safari, touch-click on image does not work if draggable */
   -webkit-user-drag: none;
   /* Safari, disable image callout on touch-hold */
   -webkit-touch-callout: none;
}
.eq-root input:disabled {
   /* Make disabled INPUT elements delegate pointer events to parent element */
   pointer-events: none;
}

/* Window */

.eq-window {
   position: absolute;
   box-sizing: border-box;
   cursor: default;
}
.eq-window:not(.eq-inline) {
   background-color: #dbdfe3;
   color: #708090;
   border-color: #dbdfe3;
}
.eq-window.eq-max {
   top: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   left: 0 !important;
}
.eq-window:not(.eq-max):not(.eq-inline) {
   border-width: 1px;
   border-style: solid;
   border-radius: 3.413px;
   box-shadow: 0 0 8px rgba(0, 0, 0, .3);
}
@keyframes popOut {
   from { transform: scale(1.001) translate3d(0,0,0); }
   to { transform: scale(1); }
}
.eq-window.eq-active:not(.eq-inline) {
   background-color: #708090;
   color: white;
   border-color: #708090;
   /* Safari, work around Window frame sometimes not rendered */
   animation: 10ms linear popOut;
}
.eq-window.eq-hidden {
   display: none;
}
/* Resize handles */
.eq-window > .eq-resize {
   position: absolute;
   z-index: 0;
   background-color: #dbdfe3;
   /* Touch-resize does not work if browser touch gestures are enabled */
   touch-action: none;
}
.eq-window.eq-active > .eq-resize {
   background-color: #708090;
}
.eq-window > .eq-resize.eq-top {
   top: 0;
   right: 10px;
   left: 10px;
   height: 5px;
   cursor: ns-resize;
}
.eq-window > .eq-resize.eq-right {
   top: 10px;
   right: 0;
   bottom: 10px;
   width: 5px;
   cursor: ew-resize;
}
.eq-window > .eq-resize.eq-bottom {
   right: 10px;
   bottom: 0;
   left: 10px;
   height: 5px;
   cursor: ns-resize;
}
.eq-window > .eq-resize.eq-left {
   top: 10px;
   bottom: 10px;
   left: 0;
   width: 5px;
   cursor: ew-resize;
}
.eq-window > .eq-resize.eq-top.eq-left {
   top: 0;
   right: auto;
   bottom: auto;
   left: 0;
   width: 10px;
   height: 10px;
   cursor: nwse-resize;
}
.eq-window > .eq-resize.eq-top.eq-right {
   top: 0;
   right: 0;
   bottom: auto;
   left: auto;
   width: 10px;
   height: 10px;
   cursor: nesw-resize;
}
.eq-window > .eq-resize.eq-bottom.eq-left {
   top: auto;
   right: auto;
   bottom: 0;
   left: 0;
   width: 10px;
   height: 10px;
   cursor: nesw-resize;
}
.eq-window > .eq-resize.eq-bottom.eq-right {
   top: auto;
   right: 0;
   bottom: 0;
   left: auto;
   width: 10px;
   height: 10px;
   cursor: nwse-resize;
}
.eq-window > .eq-pane {
   display: flex;
   flex-direction: column;
   position: relative;
   z-index: 1;
   height: 100%;
   background-color: inherit;
}
.eq-window.eq-resize:not(.eq-max) > .eq-pane {
   margin: 5px;
}
/* Caption */
.eq-window > .eq-pane > .eq-caption {
   display: flex;
   flex-direction: row;
   flex-shrink: 0;
   background-color: inherit;
   padding: 3px;
}
.eq-window.eq-resize:not(.eq-max) > .eq-pane > .eq-caption {
   padding: 0 0 3px 0;
}
/* Caption > Logo */
.eq-window > .eq-pane > .eq-caption > .eq-logo {
   flex-shrink: 0;
   align-self: center;
   width: 16px;
   height: 16px;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAABzElEQVQ4jaWQTUhUYRSGn/uXM0zhrWFQxxqN0EhGK8GyWRSGEQaJBInirkVBoC1UyFbRn2AbV7ORFoI0WBSuAoOKIYPQlRRhCSNM1xmLcUYpDGrm3haXPrp6x0Wd1fne857nfOdIgchADOji32JK/o9mgA51u2pTfRWNdSH2luksGau8mv3IkrHq8LgCvB6N0esX6Wg94tB//spzK/qMscczQpPdAL09LaJ5eGyaE10jTM98YIemcrvvPPW1lcUBft3H1e5TACwkVhgdf0HCyNB3dxLTtJAkiaHLZ4sDwjVBvB4NgPjcotDXvv1gfsEAoOXYQTRVcb9BVdAv8upKPzeutIm3otrzZFmiIlBKMp3dCtB3eUXeWBfi0IFyRz2Zztqr7va5Az6v5EQejcWJxuKbLY7YcoM/EwCaD+/fttkV8H4xRerrOgDHG6pRFduiqQqvJ/pJvrzHm4eDlO60V1V8+yI3/wYUCia59Q3OnQzjKdFoP92AZVn0X2qlKWwDB+8/5d2nZQCkQGTAcvvahTNHuXOtHb/uE1om952RB88Zn3ortKIAAFWRCVXsIVimk/qyRjKdJV8wnR7gEdDpBsgXTBJGhoSRKTbjyW/dfYcjsaDilAAAAABJRU5ErkJggg==');
   background-size: contain;
   background-repeat: no-repeat;
   margin: 0 2px;
}
/* Caption > Title */
.eq-window > .eq-pane > .eq-caption > .eq-title {
   flex-grow: 1;
   position: relative;
   font-size: 16px;
}
.eq-window > .eq-pane > .eq-caption > .eq-title > span {
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 0 1ch;
   overflow: hidden;
   white-space: pre;
   text-overflow: ellipsis;
   text-align: center;
}
.eq-window:not(.eq-max) > .eq-pane > .eq-caption > .eq-move,
.eq-window:not(.eq-max) > .eq-pane > .eq-caption > .eq-move * {
   cursor: move;
   /* Touch-move does not work if browser touch gestures are enabled */
   touch-action: none;
}
/* Caption > Maximize button */
.eq-window > .eq-pane > .eq-caption > .eq-max {
   display: none;
   flex-shrink: 0;
   align-self: center;
   position: relative;
   width: 16px;
   height: 16px;
   margin: 0 2px;
}
.eq-window.eq-resize > .eq-pane > .eq-caption > .eq-max {
   display: block;
}
.eq-window > .eq-pane > .eq-caption > .eq-max::before,
.eq-window > .eq-pane > .eq-caption > .eq-max::after {
   position: absolute;
   left: 2px;
   width: 0;
   height: 0;
   border-style: solid;
   border-color: transparent;
   content: '';
}
.eq-window > .eq-pane > .eq-caption > .eq-max::before {
   top: 4px;
   border-width: 0 6px 7px 6px;
   border-bottom-color: white;
}
.eq-window > .eq-pane > .eq-caption > .eq-max::after {
   display: none;
}
.eq-window.eq-max > .eq-pane > .eq-caption > .eq-max::before {
   left: 3px;
   top: 2px;
   border-width: 0 5px 6px 5px;
}
.eq-window.eq-max > .eq-pane > .eq-caption > .eq-max::after {
   display: block;
   left: 3px;
   top: 8px;
   border-width: 6px 5px 0 5px;
   border-top-color: white;
}
/* Caption > Close button */
.eq-window > .eq-pane > .eq-caption > .eq-close {
   display: none;
   flex-shrink: 0;
   align-self: center;
   position: relative;
   width: 14px;
   height: 14px;
   margin: 0 2px;
   background-color: white;
   border-width: 1px;
   border-color: white;
   border-style: solid;
   border-radius: 16px;
}
.eq-window.eq-active.eq-close > .eq-pane > .eq-caption > .eq-close {
   display: block;
}
.eq-window > .eq-pane > .eq-caption > .eq-close::before,
.eq-window > .eq-pane > .eq-caption > .eq-close::after {
   position: absolute;
   left: 6px;
   width: 2px;
   height: 100%;
   content: '';
   background-color: #708090;
}
.eq-window > .eq-pane > .eq-caption > .eq-close::before {
  transform: rotate(45deg);
}
.eq-window > .eq-pane > .eq-caption > .eq-close::after {
  transform: rotate(-45deg);
}
.eq-window > .eq-pane > .eq-caption > .eq-close.eq-click {
   background-color: firebrick;
   border-color: firebrick;
}
.eq-window > .eq-pane > .eq-caption > .eq-close.eq-click::before,
.eq-window > .eq-pane > .eq-caption > .eq-close.eq-click::after {
   background-color: white;
}
/* Window client area */
.eq-window > .eq-pane > :last-child {
   flex-grow: 1;
   position: relative;
   background-color: white;
   color: black;
}
/* maximized Dialog */
.eq-window.eq-max > .eq-pane > .eq-dialog > .eq-pane > .eq-view {
   width: auto !important;
   height: auto !important;
}

/* DLG container, controls */

.eq-container {
   z-index: 0;
}
.eq-container > * {
   position: absolute;
   z-index: 0;
}

/* StatusBar */

.eq-statusbar {
   box-sizing: border-box;
   border-width: 1px 0 0 0;
   border-color: #585858;
   border-style: solid;
   overflow: hidden;
}

/* ToolBar */

.eq-toolbar.eq-horz {
   display: flex;
   flex-direction: row;
}
.eq-toolbar.eq-vert {
   display: flex;
   flex-direction: column;
}
.eq-toolbar.eq-container > * {
   flex-shrink: 0;
   position: relative;
}

/* CheckBox, RadioButton */

.eq-checkbox > *,
.eq-radiobutton > * {
   display: inline-block;
   width: 100%;
   height: 100%;
   color: black;
   white-space: nowrap;
}
.eq-checkbox > * > input,
.eq-radiobutton > * > input {
   box-sizing: border-box;
   margin: 0;
   outline: none;
   padding: 0;
   vertical-align: middle;
}
.eq-checkbox > * > label,
.eq-radiobutton > * > label {
   vertical-align: middle;
   overflow: hidden;
   text-overflow: ellipsis;
}
.eq-checkbox > * > label:first-child,
.eq-radiobutton > *  > label:first-child {
   padding-right: .75ch;
}
.eq-checkbox > * > label:last-child,
.eq-radiobutton > *  > label:last-child {
   padding-left: .75ch;
}
.eq-checkbox.eq-focused > * > label,
.eq-radiobutton.eq-focused > * > label {
   text-decoration-line: underline;
   text-decoration-color: #0085cc;
   text-decoration-thickness: 2px;
}
.eq-checkbox.eq-disabled > * > label,
.eq-checkbox.eq-disabled > * > label *,
.eq-radiobutton.eq-disabled > * > label,
.eq-radiobutton.eq-disabled > * > label * {
   color: gray !important;
}

/* ComboBox, PopText */

.eq-combobox,
.eq-poptext {
   box-sizing: border-box;
   background-color: white;
   background-clip: padding-box;
   color: black;
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   overflow: hidden;
}
.eq-combobox.eq-open.eq-dn,
.eq-poptext.eq-open.eq-dn {
   border-bottom-width: 0;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
}
.eq-combobox.eq-open.eq-up,
.eq-poptext.eq-open.eq-up {
   border-top-width: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}
.eq-combobox.eq-focused,
.eq-poptext.eq-focused {
   border-color: #0085cc;
   outline: #0085cc solid 2px;
   outline-offset: -1px;
}
.eq-combobox.eq-focused.eq-open,
.eq-poptext.eq-focused.eq-open {
   border-color: transparent;
   outline-color: transparent;
}
.eq-combobox.eq-border.eq-focused.eq-open,
.eq-poptext.eq-border.eq-focused.eq-open {
   border-color: #888;
}
.eq-combobox.eq-border.eq-focused.eq-open.eq-dn,
.eq-poptext.eq-border.eq-focused.eq-open.eq-dn {
   border-bottom-color: transparent;
}
.eq-combobox.eq-border.eq-focused.eq-open.eq-up,
.eq-poptext.eq-border.eq-focused.eq-open.eq-up {
   border-top-color: transparent;
}
.eq-combobox > input,
.eq-poptext > span {
   width: 100%;
   box-sizing: border-box;
   border: 0;
   outline: none;
   padding: 0 2.6ch 0 .125ch;
}
.eq-combobox > input {
   display: block;
   min-width: 0;
   height: 100%;
   background-color: transparent;
   color: inherit;
   margin: 0;
   font-family: monospace;
   line-height: 1;
}
.eq-combobox:not(.eq-font) > input {
   font-style: normal;
   font-weight: normal;
}
.eq-poptext > span {
   display: block;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   overflow: hidden;
   font-family: monospace;
   white-space: pre;
   text-overflow: ellipsis;
   cursor: default;
}
.eq-poptext:not(.eq-font) > span {
   font-size: 80%;
   font-style: normal;
   font-weight: normal;
}
.eq-combobox > .eq-button,
.eq-poptext > .eq-button {
   position: absolute;
   top: -1px;
   right: -1px;
   bottom: -1px;
   width: 2ch;
   box-sizing: border-box;
   text-align: center;
}
.eq-combobox > .eq-button::after,
.eq-poptext > .eq-button::after {
   display: inline-block;
   position: relative;
   width: 0;
   height: 0;
   border-style: solid;
   border-color: transparent;
   vertical-align: middle;
   content: '';
}
.eq-combobox.eq-dn > .eq-button::after,
.eq-poptext.eq-dn > .eq-button::after {
   border-width: .7ch .63ch 0 .63ch;
   border-top-color: black;
}
.eq-combobox.eq-up > .eq-button::after,
.eq-poptext.eq-up > .eq-button::after {
   border-width: 0 .63ch .7ch .63ch;
   border-bottom-color: black;
}
.eq-combobox.eq-focused.eq-open > .eq-button,
.eq-poptext.eq-focused.eq-open > .eq-button {
   background-color: #0085cc;
}
.eq-combobox.eq-focused.eq-open.eq-dn > .eq-button::after,
.eq-poptext.eq-focused.eq-open.eq-dn > .eq-button::after {
   border-top-color: white;
}
.eq-combobox.eq-focused.eq-open.eq-up > .eq-button::after,
.eq-poptext.eq-focused.eq-open.eq-up > .eq-button::after {
   border-bottom-color: white;
}
.eq-combobox > .eq-button.eq-click::after,
.eq-poptext > .eq-button.eq-click::after {
   transform: translateY(30%);
}
.eq-combobox.eq-disabled,
.eq-combobox.eq-disabled > input,
.eq-poptext.eq-disabled,
.eq-poptext.eq-disabled > span,
.eq-poptext.eq-disabled > span * {
   background-color: #f0f0f0 !important;
   color: gray !important;
   cursor: default;
}
.eq-combobox.eq-readonly > input {
   background-color: #f0f0f0;
   cursor: default;
}
.eq-combobox.eq-disabled.eq-dn > .eq-button::after,
.eq-poptext.eq-disabled.eq-dn > .eq-button::after {
   border-top-color: gray;
}
.eq-combobox.eq-disabled.eq-up > .eq-button::after,
.eq-poptext.eq-disabled.eq-up > .eq-button::after {
   border-bottom-color: gray;
}
.eq-combobox.eq-empty.eq-dn > .eq-button::after,
.eq-poptext.eq-empty.eq-dn > .eq-button::after {
   border-top-color: gray !important;
}
.eq-combobox.eq-empty.eq-up > .eq-button::after,
.eq-poptext.eq-empty.eq-up > .eq-button::after {
   border-bottom-color: gray !important;
}
.eq-combobox > .eq-column,
.eq-poptext > .eq-column {
   display: none;
}
.eq-combobox.eq-column.eq-overlay,
.eq-poptext.eq-column.eq-overlay {
   display: block;
   position: absolute;
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}
.eq-combobox.eq-column.eq-overlay.eq-dn,
.eq-poptext.eq-column.eq-overlay.eq-dn {
   border-top-color: #888;
}
.eq-combobox.eq-column.eq-overlay.eq-up,
.eq-poptext.eq-column.eq-overlay.eq-up {
   border-bottom-color: #888;
}
.eq-combobox.eq-border.eq-column.eq-overlay,
.eq-poptext.eq-border.eq-column.eq-overlay {
   border-color: #888;
}
.eq-combobox.eq-border.eq-column.eq-overlay.eq-dn,
.eq-poptext.eq-border.eq-column.eq-overlay.eq-dn {
   border-radius: 0 0 2.275px 2.275px;
}
.eq-combobox.eq-border.eq-column.eq-overlay.eq-up,
.eq-poptext.eq-border.eq-column.eq-overlay.eq-up {
   border-radius: 2.275px 2.275px 0 0;
}
.eq-combobox.eq-column.eq-overlay > *,
.eq-poptext.eq-column.eq-overlay > * {
   height: 1.35em;
   padding: 0 .125ch;
   white-space: pre;
   overflow: hidden;
   text-overflow: ellipsis;
   cursor: default;
}
.eq-combobox.eq-column.eq-overlay > .eq-selected,
.eq-poptext.eq-column.eq-overlay > .eq-selected {
   background-color: #5ebbed !important;
   color: white !important;
}
/* Touch-drag ... */
.eq-combobox > .eq-button,
.eq-combobox > .eq-button::after,
.eq-poptext > .eq-button,
.eq-poptext > .eq-button::after {
   /* ... does not work if browser touch gestures are enabled */
   touch-action: none;
}

/* EditText */

.eq-edittext {
   box-sizing: border-box;
   background-color: white;
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   outline: none;
   padding: 0 .125ch;
}
.eq-edittext.eq-focused {
   border-color: #0085cc;
   outline: #0085cc solid 2px;
   outline-offset: -1px;
}
.eq-edittext > * {
   display: block;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   background-color: inherit;
   color: black;
   margin: 0;
   border: 0;
   outline: none;
   padding: 0;
}
.eq-edittext:not(.eq-font) > * {
   font-family: monospace;
   font-style: normal;
   font-weight: normal;
}
.eq-edittext > input {
   line-height: 1;
}
.eq-edittext > textarea {
   white-space: pre;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   resize: none;
}
.eq-edittext.eq-wrap > textarea {
   white-space: pre-wrap;
}
.eq-edittext.eq-wrap.eq-char > textarea {
   word-break: break-all;
}
.eq-edittext.eq-disabled {
   background-color: #f0f0f0 !important;
}
.eq-edittext.eq-disabled > * {
   color: gray !important;
   cursor: default;
}
.eq-edittext.eq-readonly {
   background-color: #f0f0f0;
}
.eq-edittext.eq-readonly > * {
   cursor: default;
}

/* GroupBox */

.eq-groupbox {
   z-index: 1;
}
.eq-groupbox > .eq-pane {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 100%;
   box-sizing: border-box;
}
.eq-groupbox.eq-scroll > .eq-pane {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}
.eq-groupbox > .eq-pane > .eq-view {
   position: relative;
   min-width: 100%;
   min-height: 100%;
   background-repeat: no-repeat;
}
.eq-groupbox.eq-scroll > .eq-pane > .eq-view {
   overflow: hidden;
}
.eq-groupbox > .eq-pane > .eq-view > .eq-container {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}
.eq-groupbox > .eq-title {
   display: none;
   color: black;
}
.eq-groupbox.eq-disabled > .eq-title,
.eq-groupbox.eq-disabled > .eq-title * {
   color: gray !important;
}
.eq-groupbox.eq-border.eq-title > .eq-title {
   display: flex;
   flex-direction: row;
   position: absolute;
   z-index: 2;
   width: 100%;
   height: 1em;
   line-height: 1;
}
.eq-groupbox.eq-border.eq-title > .eq-title > span {
   position: relative;
   top: 50%;
   height: 1em;
   transform: translateY(-50%);
   border: 0;
   padding: 0 .5ch;
   font-size: 90%;
}
.eq-groupbox.eq-border.eq-title > .eq-title > div {
   box-sizing: border-box;
   margin-top: .5em;
   border-bottom: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}
.eq-groupbox.eq-border.eq-title > .eq-title > div:first-child {
   width: 1ch;
   border-right: 0;
   border-top-right-radius: 0;
}
.eq-groupbox.eq-border.eq-title > .eq-title > div:last-child {
   flex-grow: 1;
   border-left: 0;
   border-top-left-radius: 0;
}
.eq-groupbox.eq-border.eq-title > .eq-pane {
   top: .5em;
   margin-top: 1px;
   border-top-width: 0;
}
.eq-groupbox.eq-border.eq-title > .eq-pane > .eq-view > .eq-container {
   margin-top: -.5em;
}

/* HtmlView */

.eq-htmlview {
   box-sizing: border-box;
   background-clip: padding-box;
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
}
.eq-htmlview > * {
   position: relative;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   margin: 0;
   border: 0;
   outline: none;
   padding: 0;
}
.eq-htmlview > textarea {
   background-color: white;
   color: black;
   padding: 0 .125ch;
   white-space: pre;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   resize: none;
}
.eq-htmlview:not(.eq-font) > textarea {
   font-family: inherit;
   font-size: 90%;
   font-style: normal;
   font-weight: normal;
}

/* Image */

.eq-image {
   background-repeat: no-repeat;
}
.eq-image.eq-disabled,
.eq-disabled img {
   filter: opacity(.6) grayscale(100%);
}

/* ListBox */

.eq-listbox {
   box-sizing: border-box;
   color: black;
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   outline: none;
   padding: 1px;
   overflow: hidden;
}
.eq-listbox.eq-focused {
   border-color: #0085cc;
   outline: #0085cc solid 2px;
   outline-offset: -1px;
}
.eq-listbox.eq-multi {
   display: flex;
   flex-direction: column;
}
.eq-listbox .eq-column {
   position: relative;
   overflow: visible;
}
.eq-listbox.eq-single .eq-column {
   min-width: 100%;
   float: left;
}
.eq-listbox.eq-multi .eq-column {
   display: inline-block;
   vertical-align: top;
}
.eq-listbox .eq-column:not(:empty) {
   min-height: 100%;
}
.eq-listbox .eq-column > * {
   position: relative;
   padding: 0 .5ch;
   white-space: pre;
   cursor: default;
}
.eq-listbox.eq-disabled .eq-column > *,
.eq-listbox.eq-disabled .eq-column > * * {
   color: #606060 !important;
}
.eq-listbox:not(.eq-font) .eq-column > * {
   font-family: monospace;
   font-style: normal;
   font-weight: normal;
}
.eq-listbox .eq-column.eq-bool > .eq-active:after {
   display: block;
   position: absolute;
   top: -.15em;
   left: 50%;
   width: .5em;
   height: 1em;
   transform: translateX(-50%) rotate(45deg);
   margin: 0 auto;
   border-right: .3em solid currentColor;
   border-bottom: .3em solid currentColor;
   content: '';
}
.eq-listbox .eq-column.eq-bar > * {
   background-image: linear-gradient(
   transparent, transparent 10%,
   currentColor 10%, currentColor, currentColor 90%,
   transparent 90%, transparent);
   background-repeat: no-repeat;
   background-position: left center;
}
.eq-listbox .eq-column > .eq-selected,
.eq-listbox .eq-column > .eq-selected * {
   background-color: #5ebbed !important;
   color: white !important;
}
.eq-listbox.eq-disabled .eq-column > .eq-selected,
.eq-listbox.eq-disabled .eq-column > .eq-selected * {
   background-color: gray !important;
}
.eq-listbox .eq-column > .eq-dragover,
.eq-listbox .eq-column > .eq-dragover * {
   background-color: #8c98a6 !important;
   color: white !important;
}
.eq-listbox > .eq-caption {
   display: flex;
   flex-direction: row;
   flex-shrink: 0;
   position: relative;
   box-sizing: border-box;
   background-color: #e8e8e8;
   border-width: 0 0 1px 0;
   border-color: silver;
   border-style: solid;
   white-space: nowrap;
   overflow: hidden;
}
.eq-listbox > .eq-caption * {
   /* Touch-move/resize do not work if browser touch gestures are enabled */
   touch-action: none;
}
.eq-listbox > .eq-caption > * {
   flex-shrink: 0;
   background-color: silver;
   border-width: 0 2px 0 0;
   border-color: silver;
   border-style: solid;
   padding-right: 3px;
   overflow: hidden;
   cursor: col-resize;
}
.eq-listbox > .eq-caption > :first-child {
   margin-left: 2px;
}
.eq-listbox > .eq-caption > .eq-space:first-child {
   margin-left: 0;
   margin-right: 2px;
}
.eq-listbox > .eq-caption > * > * {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   min-height: 100%;
   background-color: #e8e8e8;
   border-width: 0;
   border-color: transparent;
   border-style: solid;
   padding: 0 3px;
   white-space: pre;
   cursor: default;
}
.eq-listbox.eq-disabled > .eq-caption > * > *,
.eq-listbox.eq-disabled > .eq-caption > * > * * {
   background-color: #f0f0f0 !important;
   color: gray !important;
}
.eq-listbox > .eq-caption > .eq-space > * {
   height: 100%;
   background-color: white;
}
.eq-listbox > .eq-caption > :not(.eq-resize) > * {
   margin-right: -5px;
   border-right-width: 5px;
   border-right-color: silver;
}
.eq-listbox > .eq-caption > .eq-sort > * {
   padding-right: 1.8ch;
}
.eq-listbox > .eq-caption > .eq-sort > :after {
   display: none;
   position: absolute;
   z-index: 1;
   right: 1px;
   bottom: 1px;
   width: 0;
   height: 0;
   border-style: solid;
   border-color: currentColor;
   opacity: .2;
   content: '';
}
.eq-listbox > .eq-caption > .eq-sort.eq-up > :after {
   display: block;
   border-width: 0 5px 6px 5px;
   border-top-color: transparent;
   border-right-color: transparent;
   border-left-color: transparent;
}
.eq-listbox > .eq-caption > .eq-sort.eq-dn > :after {
   display: block;
   border-width: 6px 5px 0 5px;
   border-right-color: transparent;
   border-bottom-color: transparent;
   border-left-color: transparent;
}
.eq-listbox > .eq-caption > .eq-sort.eq-first > :after {
   opacity: .35;
}
.eq-listbox > .eq-caption > .eq-sort.eq-up.eq-first > :after {
   border-width: 0 7px 8px 7px;
}
.eq-listbox > .eq-caption > .eq-sort.eq-dn.eq-first > :after {
   border-width: 8px 7px 0 7px;
}
.eq-listbox > .eq-caption > .eq-sort.eq-second > :after {
   opacity: .35;
}
.eq-listbox > .eq-pane {
   display: inline-block;
   position: relative;
   background-color: white;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   white-space: nowrap;
}
.eq-listbox.eq-single > .eq-pane {
   width: 100%;
   height: 100%;
}
.eq-listbox.eq-multi > .eq-pane {
   flex-grow: 1;
}
.eq-listbox.eq-disabled > .eq-pane {
   background-color: #f0f0f0 !important;
}
.eq-listbox.eq-multi > .eq-pane > .eq-column {
   padding-left: 5px;
}
.eq-listbox.eq-multi > .eq-pane > .eq-column > * {
   margin-left: -5px;
   border-width: 0 1px 1px 0;
   border-color: silver;
   border-style: dotted;
   overflow: hidden;
   text-overflow: ellipsis;
}
.eq-listbox.eq-multi > .eq-pane > .eq-space > * {
   border: 0;
}
.eq-listbox.eq-multi > .eq-pane > .eq-space + .eq-column > * {
   border-left-width: 1px;
   margin-left: -6px;
}
.eq-overlay > .eq-listbox {
   display: flex;
   flex-direction: column;
   position: absolute;
   margin-left: -1px;
   border: 0;
   outline: none;
   padding: 0;
   cursor: ew-resize;
}
.eq-overlay > .eq-listbox * {
   cursor: inherit;
}
.eq-overlay > .eq-listbox > .eq-caption {
   margin: 0;
   border-width: 0 1px 1px 1px;
   border-color: silver;
   border-style: solid;
}
.eq-overlay > .eq-listbox > .eq-caption * {
   background-color: inherit;
   margin: 0;
   border: 0;
   /* Touch-move does not work if browser touch gestures are enabled */
   touch-action: none;
}
.eq-overlay > .eq-listbox > .eq-caption > * {
   padding: 0 0 0 2px;
}
.eq-overlay > .eq-listbox > .eq-pane {
   border-width: 0 1px;
   border-color: silver;
   border-style: solid;
   overflow: hidden;
}

/* Menu */

.eq-menubar {
   color: white;
   font-size: 90%;
}
.eq-menubar,
.eq-menubar ul {
   background-color: #585858;
}
.eq-menubar:not(.eq-overlay) {
   display: flex;
   flex-flow: row wrap;
   border-width: 0 0 1px 0;
   border-color: rgba(255, 255, 255, .25);
   border-style: solid;
   white-space: nowrap;
}
.eq-menubar.eq-overlay {
   display: block;
   position: absolute;
}
.eq-menubar.eq-overlay.eq-scroll {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}
.eq-menubar,
.eq-menubar ul,
.eq-menubar li {
   margin: 0;
   padding: 0;
}
.eq-menubar ul,
.eq-menubar.eq-overlay {
   box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}
.eq-menubar ul,
[dir=rtl] .eq-menubar > .eq-ltr > ul {
   display: none;
   position: absolute;
   z-index: 1;
   top: 100%;
   left: 0;
   right: auto;
}
[dir=rtl] .eq-menubar ul,
.eq-menubar > .eq-rtl > ul {
   left: auto;
   right: 0;
}
.eq-menubar.eq-overlay ul {
   top: 0;
   left: 100%;
}
[dir=rtl] .eq-menubar.eq-overlay ul {
   left: auto;
   right: 100%;
}
.eq-menubar ul ul,
.eq-menubar.eq-overlay ul {
   border-color: rgba(255, 255, 255, .25);
   border-style: solid;
}
.eq-menubar ul ul,
[dir=rtl] .eq-menubar ul .eq-ltr ul,
.eq-menubar.eq-overlay ul {
   top: -1px;
   left: 100%;
   right: auto;
   border-width: 0 0 0 1px;
}
[dir=rtl] .eq-menubar ul ul,
.eq-menubar ul .eq-rtl ul {
   top: -1px;
   left: auto;
   right: 100%;
   border-width: 0 1px 0 0;
}
.eq-menubar li {
   display: block;
   position: relative;
   z-index: auto; /* Override global eq-container>* rule */
   height: 100%;
   list-style-type: none;
}
.eq-menubar:not(.eq-overlay) > li {
   flex-shrink: 0;
}
.eq-menubar:not(.eq-overlay) > li.eq-sep {
   flex-grow: 1;
}
.eq-menubar.eq-overlay > li {
   display: block;
}
.eq-menubar ul li,
.eq-menubar.eq-overlay li {
   border-width: 1px 0 0 0;
   border-color: rgba(255, 255, 255, .25);
   border-style: solid;
}
.eq-menubar ul li.eq-sep,
.eq-menubar.eq-overlay li.eq-sep {
   height: 3px;
   background-color: rgba(255, 255, 255, .25);
   margin-bottom: -1px;
   border-width: 0;
}
.eq-menubar ul ul li:first-child,
.eq-menubar.eq-overlay li:first-child {
   border-color: transparent;
}
.eq-menubar label {
   display: flex;
   align-items: center;
   height: 100%;
   opacity: .85;
   padding: 0 1ch;
   line-height: 1.5em;
   overflow: hidden;
   white-space: pre;
   text-overflow: ellipsis;
   cursor: default;
}
.eq-menubar.eq-disabled label,
.eq-menubar .eq-disabled label {
   opacity: .425 !important;
}
.eq-menubar input ~ label {
   padding-left: 2.75ch;
}
.eq-menubar input {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   box-sizing: border-box;
   margin: 0 0 0 .5ch;
   outline: none;
   padding: 0;
}
.eq-menubar .eq-horz > label > * {
   vertical-align: middle;
}
.eq-menubar .eq-horz > label > span:first-child {
   margin-right: .5ch;
}
.eq-menubar .eq-horz > label > span:last-child {
   margin-left: .5ch;
}
.eq-menubar .eq-vert > label > * {
   display: block;
   margin: 0 auto;
   text-align: center;
}
.eq-menubar .eq-vert > label > :first-child {
   margin-top: .25em;
}
.eq-menubar .eq-vert > label > span:first-child {
   margin-bottom: .25em;
}
.eq-menubar .eq-vert > label > :last-child {
   margin-bottom: .25em;
}
.eq-menubar .eq-vert > label > span:last-child {
   margin-top: .25em;
}
.eq-menubar li.eq-open > label,
.eq-menubar li > ul li:hover > label,
.eq-menubar.eq-overlay li:hover > label {
   opacity: 1;
}
.eq-menubar li.eq-flash > label {
   opacity: 1;
   transform: scale(.98);
}
.eq-menubar ul li.eq-item {
   display: flex;
   flex-direction: row;
}
.eq-menubar ul li.eq-item > label {
   flex-grow: 1;
   flex-shrink: 0;
}
.eq-menubar ul li.eq-item > .eq-acc {
   flex-grow: 0;
   align-self: center;
   padding: 0 .5ch;
   font-size: small;
   opacity: .8;
}
.eq-menubar.eq-disabled .eq-acc,
.eq-menubar .eq-disabled .eq-acc {
   display: none;
}
.eq-menubar li > ul {
   display: none;
}
.eq-menubar li.eq-open > ul {
   display: block;
}
.eq-menubar li li.eq-menu > label,
[dir=rtl] .eq-menubar .eq-ltr li.eq-menu > label,
[dir=rtl] .eq-menubar li .eq-ltr.eq-menu > label {
   margin: 0 1ch 0 0;
}
[dir=rtl] .eq-menubar li li.eq-menu > label,
.eq-menubar .eq-rtl li.eq-menu > label,
.eq-menubar li .eq-rtl.eq-menu > label {
   margin: 0 0 0 1ch;
}
.eq-menubar li li.eq-menu::before,
[dir=rtl] .eq-menubar .eq-ltr li.eq-menu::before,
[dir=rtl] .eq-menubar li .eq-ltr.eq-menu::before,
.eq-menubar.eq-overlay > li.eq-menu::before {
   display: inline-block;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: .3ch;
   width: 0;
   height: 0;
   border-width: 5px 0 5px 6px;
   border-style: solid;
   border-color: transparent;
   border-left-color: currentColor;
   opacity: .5;
   content: '';
}
.eq-menubar li li.eq-menu.eq-open::before,
[dir=rtl] .eq-menubar .eq-ltr li.eq-menu.eq-open::before,
[dir=rtl] .eq-menubar li .eq-ltr.eq-menu.eq-open::before,
.eq-menubar.eq-overlay > li.eq-menu.eq-open::before {
   opacity: 1;
}
[dir=rtl] .eq-menubar li li.eq-menu::before,
.eq-menubar .eq-rtl li.eq-menu::before,
.eq-menubar li .eq-rtl.eq-menu::before {
   left: .3ch;
   right: auto;
   border-width: 5px 6px 5px 0;
   border-color: transparent;
   border-right-color: currentColor;
   opacity: .5;
}
[dir=rtl] .eq-menubar li li.eq-menu.eq-open::before,
.eq-menubar .eq-rtl li.eq-menu.eq-open::before,
.eq-menubar li .eq-rtl.eq-menu.eq-open::before {
   opacity: 1;
}
.eq-menubar * {
   /* Touch-drag does not work if browser touch gestures are enabled */
   touch-action: none;
}

/* ProgressBar */

.eq-progressbar {
   box-sizing: border-box;
   background-color: rgba(255, 255, 255, .65);
   background-clip: padding-box;
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   overflow: hidden;
}
.eq-progressbar > div {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   background-color: #5ebbed;
   border-radius: 2.275px;
   overflow: hidden;
}
.eq-progressbar.eq-disabled > div {
   background-color: silver !important;
}
.eq-progressbar.eq-val.eq-horz > div {
   right: auto;
}
.eq-progressbar.eq-val.eq-vert > div {
   top: auto;
}
@keyframes eq-horz {
   from { background-position: -30px 0; }
   to { background-position: 0 0; }
}
@keyframes eq-vert {
   from { background-position: 0 0; }
   to { background-position: 0 -30px; }
}
.eq-progressbar.eq-noval.eq-horz > div {
   background-image: repeating-linear-gradient(90deg,
      transparent, transparent 29px,
      #d0d0d0 29px, #d0d0d0 30px);
   background-size: 30px 100%;
   animation: 500ms linear eq-horz infinite;
}
.eq-progressbar.eq-noval.eq-vert > div {
   background-image: repeating-linear-gradient(180deg,
      transparent, transparent 29px,
      #d0d0d0 29px, #d0d0d0 30px);
   background-size: 100% 30px;
   animation: 500ms linear eq-vert infinite;
}
.eq-progressbar span {
   position: absolute;
   padding: 0 .5ch;
   white-space: nowrap;
}
.eq-progressbar.eq-horz span {
   top: 0;
   bottom: 0;
   left: 0;
}
.eq-progressbar.eq-vert span {
   right: 0;
   bottom: 0;
   left: 0;
   transform: rotate(270deg);
}
.eq-progressbar > span,
.eq-progressbar > span * {
   background-color: transparent !important;
   color: black;
}
.eq-progressbar > div > span,
.eq-progressbar > div > span * {
   background-color: transparent !important;
   color: white;
}

/* PushButton */

.eq-pushbutton > button {
   display: block;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   background-clip: padding-box;
   color: black;
   margin: 0;
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   outline: none;
   padding-top: 0;
   padding-bottom: 0;
   overflow: hidden;
   white-space: pre;
   text-overflow: ellipsis;
}
.eq-pushbutton[style*="width"] > button {
   padding-right: 0;
   padding-left: 0;
}
.eq-root-font .eq-pushbutton:not(.eq-font) > button {
   font-family: inherit;
   font-size: 80%;
   font-style: normal;
   font-weight: normal;
}
.eq-pushbutton.eq-focused > button,
.eq-pushbutton > button.eq-focused {
   border-color: #0085cc;
   outline: #0085cc solid 2px;
   outline-offset: -1px;
}
.eq-pushbutton:not(.eq-disabled) > button:active,
.eq-pushbutton:not(.eq-disabled).eq-focused > button:active {
   background-color: #5ebbed !important;
   color: white !important;
   border-color: #0085cc;
   outline: none;
}
.eq-pushbutton.eq-disabled > button,
.eq-pushbutton.eq-disabled > button * {
   background-color: #f0f0f0 !important;
   color: gray !important;
}
.eq-pushbutton.eq-horz div > * {
   vertical-align: middle;
}
.eq-pushbutton.eq-horz > button,
.eq-pushbutton.eq-vert > button {
   padding: 0;
}
.eq-pushbutton.eq-horz div > span:first-child {
   margin-right: .5ch;
}
.eq-pushbutton.eq-horz div > span:last-child {
   margin-left: .5ch;
}
.eq-pushbutton.eq-vert div > * {
   display: block;
   margin: 0 auto;
}
.eq-pushbutton.eq-vert div > span:first-child {
   margin-bottom: .25em;
}
.eq-pushbutton.eq-vert div > span:last-child {
   margin-top: .25em;
}
.eq-pushbutton div > span:empty,
.eq-pushbutton div > img.eq-active,
.eq-pushbutton > button:active > div > img:not(.eq-active) {
   display: none;
}
.eq-pushbutton.eq-horz > button:active > div > img.eq-active {
   display: inline;
}
.eq-pushbutton.eq-vert > button:active > div > img.eq-active {
   display: block;
}

/* Splitter */

.eq-splitter > :not(.eq-pane) {
   /* Splitter children initially invisible */
   display: none;
}
.eq-splitter > .eq-pane {
   display: flex;
   position: static; /* Override global eq-container>* rule */
   height: 100%;
   overflow: hidden;
}
.eq-splitter.eq-horz > .eq-pane {
   flex-direction: row;
}
.eq-splitter.eq-vert > .eq-pane {
   flex-direction: column;
}
.eq-splitter > .eq-pane > * {
   position: relative;
   min-width: 0;
   max-width: 100%;
   min-height: 0;
   max-height: 100%;
}
.eq-splitter > .eq-pane > :first-child:not(:only-child) {
   flex-shrink: 0;
}
.eq-splitter > .eq-pane > :last-child:not(:only-child) {
   flex-grow: 1;
}
.eq-splitter.eq-horz > .eq-pane > * {
   height: 100%;
}
.eq-splitter.eq-horz > .eq-pane > :first-child {
   width: 50%;
}
.eq-splitter.eq-horz > .eq-pane > :only-child {
   width: 100% !important;
}
.eq-splitter.eq-vert > .eq-pane > * {
   width: 100%;
}
.eq-splitter.eq-vert > .eq-pane > :first-child {
   height: 50%;
}
.eq-splitter.eq-vert > .eq-pane > :only-child {
   height: 100% !important;
}
.eq-splitter > .eq-pane > * > .eq-caption {
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   box-sizing: border-box;
   border-color: silver;
   border-style: solid;
}
.eq-splitter > .eq-pane > * > .eq-caption,
.eq-splitter > .eq-pane > * > .eq-caption * {
   /* Touch-move does not work if browser touch gestures are enabled */
   touch-action: none;
}
.eq-splitter.eq-disabled > .eq-pane > * > .eq-caption {
   cursor: default !important;
}
.eq-splitter > .eq-pane > :last-child > .eq-caption {
   display: none;
}
.eq-splitter.eq-horz > .eq-pane > * > .eq-caption {
   right: -5px;
   width: 10px;
   border-width: 0 1px 0 1px;
   cursor: col-resize;
}
.eq-splitter.eq-horz.eq-quick > .eq-pane > * > .eq-caption {
   right: -6px;
   width: 12px;
}
.eq-splitter.eq-horz > .eq-pane > :first-child > .eq-caption {
   left: auto;
   background-image: linear-gradient(90deg, white, gray, white);
}
.eq-splitter.eq-vert > .eq-pane > * > .eq-caption {
   bottom: -5px;
   height: 10px;
   border-width: 1px 0 1px 0;
   cursor: row-resize;
}
.eq-splitter.eq-vert.eq-quick > .eq-pane > * > .eq-caption {
   bottom: -6px;
   height: 12px;
}
.eq-splitter.eq-vert > .eq-pane > :first-child > .eq-caption {
   top: auto;
   background-image: linear-gradient(180deg, white, gray, white);
}
.eq-splitter > .eq-pane > * > :not(.eq-caption) {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border-width: 0 !important;
}
.eq-splitter.eq-horz > .eq-pane > :first-child:not(:only-child)
 > :not(.eq-caption) {
   right: 5px;
}
.eq-splitter.eq-horz > .eq-pane > :last-child:not(:only-child)
 > :not(.eq-caption) {
   left: 5px;
}
.eq-splitter.eq-vert > .eq-pane > :first-child:not(:only-child)
 > :not(.eq-caption) {
   bottom: 5px;
}
.eq-splitter.eq-vert > .eq-pane > :last-child:not(:only-child)
 > :not(.eq-caption) {
   top: 5px;
}
.eq-splitter.eq-horz.eq-quick > .eq-pane > :first-child:not(:only-child)
 > :not(.eq-caption) {
   right: 6px;
}
.eq-splitter.eq-horz.eq-quick > .eq-pane > :last-child:not(:only-child)
 > :not(.eq-caption) {
   left: 6px;
}
.eq-splitter.eq-vert.eq-quick > .eq-pane > :first-child:not(:only-child)
 > :not(.eq-caption) {
   bottom: 6px;
}
.eq-splitter.eq-vert.eq-quick > .eq-pane > :last-child:not(:only-child)
 > :not(.eq-caption) {
   top: 6px;
}
/* Quick-expand controls */
.eq-splitter.eq-quick > .eq-pane > * > .eq-caption::before,
.eq-splitter.eq-quick > .eq-pane > * > .eq-caption::after {
   display: block;
   position: absolute;
   content: '';
}
.eq-splitter.eq-disabled.eq-quick > .eq-pane > * > .eq-caption::before,
.eq-splitter.eq-disabled.eq-quick > .eq-pane > * > .eq-caption::after {
   display: none;
}
.eq-splitter.eq-horz.eq-quick > .eq-pane > * > .eq-caption::before,
.eq-splitter.eq-horz.eq-quick > .eq-pane > * > .eq-caption::after {
   width: 12px;
   height: 28px;
   background-repeat: repeat-y;
}
.eq-splitter.eq-horz.eq-quick > .eq-pane > * > .eq-caption::after {
   bottom: 0;
}
.eq-splitter.eq-horz.eq-quick > .eq-pane > * > .eq-caption::before,
.eq-splitter.eq-horz.eq-quick > .eq-pane > [style*="width: 100%"] > .eq-caption::after {
   left: -4px;
   background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjEgMSAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtb3BhY2l0eT0iLjUiIGQ9Ik05LjMzMyAyLjkxNyA0LjY2NiA3bDQuNjY3IDQuMDgzeiIvPjwvc3ZnPg==');
   cursor: w-resize;
}
.eq-splitter.eq-horz.eq-quick > .eq-pane > [style*="width: 0%"] > .eq-caption::before,
.eq-splitter.eq-horz.eq-quick > .eq-pane > * > .eq-caption::after {
   left: 1px;
   background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjEgMSAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC42NjcgMi45MTd2OC4xNjZMOS4zMzMgN1oiIGZpbGwtb3BhY2l0eT0iLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==');
   cursor: e-resize;
}
.eq-splitter.eq-vert.eq-quick > .eq-pane > * > .eq-caption::before,
.eq-splitter.eq-vert.eq-quick > .eq-pane > * > .eq-caption::after {
   width: 28px;
   height: 12px;
   background-repeat: repeat-x;
}
.eq-splitter.eq-vert.eq-quick > .eq-pane > * > .eq-caption::after {
   right: 0;
}
.eq-splitter.eq-vert.eq-quick > .eq-pane > * > .eq-caption::before,
.eq-splitter.eq-vert.eq-quick > .eq-pane > [style*="height: 100%"] > .eq-caption::after {
   top: -4px;
   background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjEgMSAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtb3BhY2l0eT0iLjUiIGQ9Im03IDQuNjY3IDQuMDgzIDQuNjY3SDIuOTE3eiIvPjwvc3ZnPg==');
   cursor: n-resize;
}
.eq-splitter.eq-vert.eq-quick > .eq-pane > [style*="height: 0%"] > .eq-caption::before,
.eq-splitter.eq-vert.eq-quick > .eq-pane > * > .eq-caption::after {
   top : 1px;
   background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjEgMSAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtb3BhY2l0eT0iLjUiIGQ9Ik0yLjkxNyA0LjY2NyA3IDkuMzM0bDQuMDgzLTQuNjY3eiIvPjwvc3ZnPg==');
   cursor: s-resize;
}

/* StaticText */

.eq-statictext {
   color: black;
   overflow: hidden;
   z-index: -1;
}
.eq-statictext.eq-disabled,
.eq-statictext.eq-disabled * {
   color: gray !important;
}
.eq-statictext > span {
   display: block;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
   overflow: hidden;
   white-space: pre;
   text-overflow: ellipsis;
}

/* TabBox */

.eq-tabbox {
   display: flex;
   flex-direction: column;
   color: black;
}
.eq-tabbox > .eq-tabs {
   display: block;
   flex-shrink: 0;
   overflow: hidden;
}
.eq-tabbox > .eq-tabs > * {
   display: inline-flex;
   align-items: center;
   padding: 0 .75ch;
   background-color: white;
   color: black;
   opacity: .65;
   border-width: 1px 0 0 1px;
   border-color: silver;
   border-style: solid;
   border-top-left-radius: .2em;
   border-top-right-radius: .2em;
   white-space: pre;
   cursor: default;
}
.eq-tabbox.eq-disabled > .eq-tabs > *,
.eq-tabbox.eq-disabled > .eq-tabs > * *,
.eq-tabbox > .eq-tabs > .eq-disabled,
.eq-tabbox > .eq-tabs > .eq-disabled * {
   color: gray !important;
}
.eq-tabbox > .eq-tabs > * > img {
   margin-right: .5ch;
   vertical-align: middle;
}
.eq-tabbox > .eq-tabs > .eq-hidden {
   display: none;
}
.eq-tabbox > .eq-tabs > .eq-selected {
   opacity: 1;
   border-width: 2px 2px 0 2px;
   border-color: #888;
}
.eq-tabbox.eq-focused > .eq-tabs > .eq-selected {
   border-color: #0085cc;
}
.eq-tabbox > .eq-tabs > *:last-child:not(.eq-selected) {
   border-right-width: 1px;
}
.eq-tabbox > .eq-tabs > .eq-flash {
   transform: scale(.98);
}
.eq-tabbox > .eq-container {
   display: block;
   flex-grow: 1;
   position: relative;
   border-width: 1px 0 0 0;
   border-color: #888;
   border-style: solid;
   overflow: hidden;
}
.eq-tabbox > .eq-container > .eq-groupbox {
   width: 100%;
   height: 100%;
   border-width: 0 !important;
}
.eq-tabbox > .eq-container > .eq-groupbox:not(.eq-selected) {
   display: none;
}

/* Tree */

.eq-tree {
   box-sizing: border-box;
   background-color: white;
   background-clip: padding-box;
   color: black;
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   outline: none;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}
.eq-tree.eq-focused {
   border-color: #0085cc;
   outline: #0085cc solid 2px;
   outline-offset: -1px;
}
.eq-tree > .eq-pane {
   position: relative;
   overflow: visible;
   padding: .125em .125ch;
}
.eq-tree:not(.eq-font) > .eq-pane {
   font-family: inherit;
   font-size: 90%;
   font-style: normal;
   font-weight: normal;
}
.eq-tree .eq-item > span {
   display: inline-flex;
   align-items: center;
   position: relative;
   height: auto;
   background-color: rgba(0, 0, 0, .05);
   margin: auto 0;
   padding: 0 .5ch;
   vertical-align: middle;
   white-space: pre;
   cursor: default;
}
.eq-tree.eq-disabled .eq-item > span,
.eq-tree.eq-disabled .eq-item > span * {
   color: gray !important;
}
.eq-tree .eq-item.eq-selected > span {
   background-color: #5ebbed !important;
   color: white !important;
}
.eq-tree.eq-disabled .eq-item.eq-selected > span,
.eq-tree.eq-disabled .eq-item.eq-selected > span * {
   background-color: gray !important;
}
.eq-tree .eq-item > span.eq-dragover,
.eq-tree .eq-item > span.eq-dragover * {
   background-color: #8c98a6 !important;
   color: white !important;
}
.eq-tree .eq-item {
   padding-top: .125em;
   white-space: nowrap;
}
.eq-tree > .eq-pane > .eq-item:first-child {
   padding-top: 0;
}
.eq-tree .eq-leaf > span,
.eq-tree .eq-node > .eq-pane {
   margin-left: 2.75ch;
}
.eq-tree .eq-button {
   display: inline-block;
   width: 2ch;
   margin-right: .75ch;
   text-align: center;
}
.eq-tree .eq-button::before {
   display: inline-block;
   width: 0;
   height: 0;
   border-width: .63ch 0 .63ch .7ch;
   border-style: solid;
   border-color: transparent;
   border-left-color: black;
   vertical-align: middle;
   content: '';
}
.eq-tree .eq-node.eq-open:not(.eq-click) > .eq-button::before {
   border-width: .7ch .63ch 0 .63ch;
   border-color: transparent;
   border-top-color: black;
}
.eq-tree .eq-node.eq-click > .eq-button::before {
   animation: 50ms forwards;
   animation-name: eq-deg0;
   -webkit-animation-name: eq-deg0; /* Opera < 52 */
   animation-timing-function: ease-in;
   -webkit-animation-timing-function: ease-in; /* Opera < 52 */
}
.eq-tree .eq-node.eq-open.eq-click > .eq-button::before {
   animation-name: eq-deg90;
   -webkit-animation-name: eq-deg90; /* Opera < 52 */
   animation-timing-function: ease-out;
   -webkit-animation-timing-function: ease-out; /* Opera < 52 */
}
.eq-tree .eq-node:not(.eq-open) > .eq-pane {
   display: none;
}

/* POPUP BOX */

.eq-popup-box {
   padding-top: 1em;
   text-align: center;
}
.eq-popup-box > p {
   display: block;
   margin: 0;
   padding: 0 .75ch;
   overflow: hidden;
   white-space: pre;
   text-overflow: ellipsis;
   text-align: left;
}
.eq-popup-box > .eq-pushbutton {
   display: inline-block;
   margin: 1em auto .5em auto;
   padding: 0 .75ch;
}
.eq-popup-box > .eq-pushbutton > * {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: auto;
   height: auto;
   margin: 0 .375ch;
   border-width: 1px;
   border-color: #888;
   border-style: solid;
   border-radius: 2.275px;
   padding: .25em .5ch;
   font-family: inherit;
   font-size: 80%;
   font-style: normal;
   font-weight: normal;
}
.eq-popup-box > .eq-pushbutton > :first-child {
   margin-left: 0;
}
.eq-popup-box > .eq-pushbutton > :last-child {
   margin-right: 0;
}

/* Tool tip */

.eq-tip {
   position: absolute;
   border-radius: 2.275px;
   border: 1px solid #708090;
   padding: .125em .5ch;
   background-color: #e2e6e9;
   color: black;
   font-size: small !important;
   cursor: default;
}
.eq-tip.eq-disabled {
   color: gray;
}

/* Message dialog */

.eq-message-dialog {
   padding: 1em 1ch .5em 1ch;
   white-space: pre;
}
.eq-message-dialog button {
   float: right;
   margin-top: 1em;
   border-width: 1px;
   border-color: #888;
   border-style: solid;
   border-radius: 2.275px;
   padding: .25em .5ch;
   font-family: inherit;
   font-size: 80%;
   font-style: normal;
   font-weight: normal;
}
.eq-message-dialog button:focus {
   border-color: #0085cc;
   outline: #0085cc solid 2px;
   outline-offset: -1px;
}

/* Login dialog */

.eq-login-dialog {
   padding: 1em 1ch .5em 1ch;
   white-space: nowrap;
}
.eq-login-dialog .eq-title {
   font-weight: bold;
   margin: .25em 0 1em 0;
}
.eq-login-dialog label {
   display: block;
   margin-top: .5em;
}
.eq-login-dialog label span {
   display: inline-block;
   margin-right: 1ch;
   vertical-align: middle;
}
.eq-login-dialog .eq-button {
   display: flex;
   flex-direction: row;
   margin-top: 1em;
}
.eq-login-dialog .eq-button > * {
   flex-shrink: 0;
}
.eq-login-dialog .eq-button > *:first-child {
   flex-grow: 1;
}
.eq-login-dialog .eq-button button {
   margin-left: 2ch;
}
.eq-login-dialog input {
   vertical-align: middle;
}
.eq-login-dialog input.eq-login,
.eq-login-dialog input.eq-password {
   width: 20ch;
   border-width: 1px;
   border-color: #888;
   border-style: solid;
   border-radius: 2.275px;
   padding: 0 .125ch;
   font-family: inherit;
   font-size: inherit;
   font-style: normal;
   font-weight: normal;
}
.eq-login-dialog .eq-save {
   margin: 0;
}
.eq-login-dialog .eq-save input {
   margin: 0 1ch 0 0;
   padding: 0;
   outline: none;
}
.eq-login-dialog button {
   border-width: 1px;
   border-color: #888;
   border-style: solid;
   border-radius: 2.275px;
   padding: .25em .5ch;
   font-family: inherit;
   font-size: 80%;
   font-style: normal;
   font-weight: normal;
}
.eq-login-dialog button.eq-ok:enabled {
   background-color: lightgreen;
}
.eq-login-dialog input.eq-login.eq-focused,
.eq-login-dialog input.eq-password.eq-focused,
.eq-login-dialog button.eq-focused {
   border-color: #0085cc;
   outline: #0085cc solid 2px;
   outline-offset: -1px;
}
.eq-login-dialog .eq-save input.eq-focused + span {
   text-decoration-line: underline;
   text-decoration-color: #0085cc;
   text-decoration-thickness: 2px;
}

/* Login dialog custom template */

#eq-login-dialog {
   display: none;
}

/* Audio */

body > #eq-beep,
body > #eq-sound {
   display: none;
}

