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

/* List */

.eq-list {
   border: 0;
   white-space: nowrap;
}
.eq-list tr:nth-child(odd) {
   background-color: rgba(21, 58, 116, .05);
}
.eq-list td {
   padding: .12em .5ch;
}
.eq-list .eq-label {
   font-weight: bold;
}
.eq-list .eq-val .eq-label {
   margin: 0 .5ch 0 2ch;
}

/* Table */

.eq-table {
   table-layout: fixed;
   border: 1px solid rgb(21, 58, 116);
   border-collapse: collapse;
   white-space: nowrap;
}
.eq-table th {
   position: relative;
   box-sizing: border-box;
   border-bottom: 1px solid rgb(21, 58, 116);
   background-clip: padding-box;
}
.eq-table th:not(:first-child) {
   padding: .25em .5ch;
   background-color: rgb(21, 58, 116);
   color: white;
   font-weight: bold;
   text-align: left;
}
.eq-table th:not(:first-child):not(:last-child) {
   border-right: 1px solid white;
}
.eq-table.eq-sort th:not(:first-child) span {
   margin-right: 1.5ch;
}
.eq-table.eq-sort th:not(:first-child)::after {
   display: block;
   position: absolute;
   top: 75%;
   transform: translateY(-50%);
   right: .35ch;
   width: 0;
   height: 0;
   border-style: solid;
   border-color: transparent;
   content: '';
}
.eq-table.eq-sort th.eq-up::after {
   border-width: 0 .63ch .7ch .63ch;
   border-bottom-color: lightgray;
}
.eq-table.eq-sort th.eq-dn::after {
   border-width: .7ch .63ch 0 .63ch;
   border-top-color: lightgray;
}
.eq-table tbody tr:nth-child(4n+3),
.eq-table tbody tr:nth-child(4n+4) {
   background-color: rgba(21, 58, 116, .05);
}
.eq-table td {
   position: relative;
   border: 1px dotted rgb(21, 58, 116);
   padding: .12em .5ch;
}
.eq-table.eq-detail tr:not(.eq-open) + tr.eq-detail {
   display: none;
}
.eq-table.eq-detail tr.eq-open td:nth-child(-n+2) {
   border-bottom: 0;
}
.eq-table.eq-detail tr.eq-open + tr.eq-detail td:nth-child(-n+2) {
   border-top: 0;
}
.eq-table.eq-detail tr:not(.eq-detail) td:nth-child(2) span {
   margin-left: 1.5ch;
}
.eq-table.eq-detail tr:not(.eq-detail) td:nth-child(2)::before {
   display: block;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: .35ch;
   width: 0;
   height: 0;
   border-width: .63ch 0 .63ch .7ch;
   border-style: solid;
   border-color: transparent;
   border-left-color: black;
   content: '';
}
.eq-table.eq-detail tr:not(.eq-detail).eq-open td:nth-child(2)::before {
   border-width: .7ch .63ch 0 .63ch;
   border-color: transparent;
   border-top-color: black;
}
.eq-table.eq-detail tr.eq-detail td {
   line-height: 1.5;
}
.eq-table.eq-detail tr.eq-detail td :not(.eq-label) {
   white-space: normal;
}
.eq-table tbody .eq-label {
   margin-right: 1ch;
   font-weight: bold;
}
.eq-table .eq-label, .eq-table .eq-click {
   cursor: default;
   /* Prevent text/element selection */
   -webkit-user-select: none; /* Chrome < 54, Safari */
   -moz-user-select: none; /* Firefox < 54 */
   -ms-user-select: none; /* IE, Edge < 79 */
   user-select: none; /* CSS3 */
}
.eq-table th:first-child {
   border-right: 1px solid rgb(21, 58, 116);
}
.eq-table td:first-child {
   padding: 0;
}
.eq-table th:first-child > button,
.eq-table td:first-child > button {
   display: block;
   border: 0;
   background-color: transparent;
}
.eq-table th:first-child:hover,
.eq-table.eq-action tr:not(.eq-detail) td:first-child:hover {
   background-color: rgba(46, 130, 255, .5);
}
.eq-table th:first-child.eq-active,
.eq-table.eq-action tr:not(.eq-detail) td:first-child.eq-active,
.eq-table th:first-child > button:active,
.eq-table td:first-child > button:active {
   background-color: rgb(46, 130, 255);
}

/* Yes/No question dialog */

.eq-yesno {
   position: absolute;
   z-index: 1;
   top: 50%;
   transform: translateY(-50%);
   left: 100%;
   margin-left: 3px;
   border-radius: 2.275px;
   border: 3px solid rgb(255, 172, 46);
   box-shadow: 0 1px 8px rgba(0, 0, 0, .5);
   padding: .5em 1ch;
   background-color: white;
   font-size: medium;
}
.eq-yesno i {
   position: absolute;
   top: 50%;
   right: 100%;
   width: 12px;
   height: 24px;
   margin-top: -12px;
   overflow: hidden;
}
.eq-yesno i::after {
   position: absolute;
   top: 50%;
   left: 0;
   width: 12px;
   height: 12px;
   transform: translate(50%, -50%) rotate(-45deg);
   background-color: rgb(255, 172, 46);
   box-shadow:0 1px 8px rgba(0, 0, 0, .5);
   content:'';
}
.eq-yesno span {
   margin-right: 1ch;
   font-weight: bold;
}
.eq-yesno button {
   margin-left: 1ch;
   border-width: 1px;
   border-color: #888;
   border-style: solid;
   border-radius: 2.275px;
   padding: .25em .5ch;
   font-family: inherit;
   font-size: inherit;
}
.eq-yesno button.eq-yes {
   background-color: lightgreen;
}
.eq-yesno button.eq-no {
   background-color: rgba(255, 0, 0, .25);
}

/* Page */

#eq-page {
   background-image : url('eq-webdlg-logo-109x64.png');
   background-position: top right;
   background-repeat: no-repeat;
   font-family: sans-serif;
}
h1 {
   margin: 0 0 .5em 0;
}

/* Title */

.eq-title {
   margin: 1em 0 .5em 0;
   font-weight: bold;
}

/* Font */

.eq-mono {
   /* https://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
   font-family: monospace, monospace;
}

/* Icons */

.eq-icon-reload {
   width: 21px;
   height: 21px;
   background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTguMDQgMTIyLjg4Ij48cGF0aCBkPSJNMTYuMDgsNTkuMjZBOCw4LDAsMCwxLDAsNTkuMjZhNTksNTksMCwwLDEsOTcuMTMtNDVWOGE4LDgsMCwxLDEsMTYuMDgsMFYzMy4zNWE4LDgsMCwwLDEtOCw4TDgwLjgyLDQzLjYyYTgsOCwwLDEsMS0xLjQ0LTE1Ljk1bDgtLjczQTQzLDQzLDAsMCwwLDE2LjA4LDU5LjI2Wm0yMi43NywxOS42YTgsOCwwLDAsMSwxLjQ0LDE2bC0xMC4wOC45MUE0Mi45NSw0Mi45NSwwLDAsMCwxMDIsNjMuODZhOCw4LDAsMCwxLDE2LjA4LDBBNTksNTksMCwwLDEsMjIuMywxMTB2NC4xOGE4LDgsMCwwLDEtMTYuMDgsMFY4OS4xNGgwYTgsOCwwLDAsMSw3LjI5LThsMjUuMzEtMi4zWiIvPjwvc3ZnPg==');
   background-position: center;
   background-size: 17px 17px;
   background-repeat: no-repeat;
}
.eq-icon-kill {
   width: 21px;
   height: 21px;
   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTIyLjg3OXB4IiBoZWlnaHQ9IjEyMi44NzlweCIgdmlld0JveD0iMCAwIDEyMi44NzkgMTIyLjg3OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIyLjg3OSAxMjIuODc5IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGNDE0MSIgZD0iTTYxLjQ0LDBjMzMuOTMzLDAsNjEuNDM5LDI3LjUwNyw2MS40MzksNjEuNDM5IHMtMjcuNTA2LDYxLjQzOS02MS40MzksNjEuNDM5QzI3LjUwNywxMjIuODc5LDAsOTUuMzcyLDAsNjEuNDM5UzI3LjUwNywwLDYxLjQ0LDBMNjEuNDQsMHogTTczLjQ1MSwzOS4xNTEgYzIuNzUtMi43OTMsNy4yMjEtMi44MDUsOS45ODYtMC4wMjdjMi43NjQsMi43NzYsMi43NzUsNy4yOTIsMC4wMjcsMTAuMDgzTDcxLjQsNjEuNDQ1bDEyLjA3NiwxMi4yNDkgYzIuNzI5LDIuNzcsMi42ODksNy4yNTctMC4wOCwxMC4wMjJjLTIuNzczLDIuNzY1LTcuMjMsMi43NTgtOS45NTUtMC4wMTNMNjEuNDQ2LDcxLjU0TDQ5LjQyOCw4My43MjggYy0yLjc1LDIuNzkzLTcuMjIsMi44MDUtOS45ODYsMC4wMjdjLTIuNzYzLTIuNzc2LTIuNzc2LTcuMjkzLTAuMDI3LTEwLjA4NEw1MS40OCw2MS40MzRMMzkuNDAzLDQ5LjE4NSBjLTIuNzI4LTIuNzY5LTIuNjg5LTcuMjU2LDAuMDgyLTEwLjAyMmMyLjc3Mi0yLjc2NSw3LjIyOS0yLjc1OCw5Ljk1MywwLjAxM2wxMS45OTcsMTIuMTY1TDczLjQ1MSwzOS4xNTFMNzMuNDUxLDM5LjE1MXoiLz48L2c+PC9zdmc+');
   background-position: center;
   background-size: 14px 14px;
   background-repeat: no-repeat;
}
