/*
 * Copyright (c) Cristian Andreon - cristianandreon.eu - 2021.
 */
/* N.B.: overlay: non-standard value only supported by the WebKit-browsers that does the same as auto */
html, body { height: 100% }
.liquidContainer { position: relative; display:block; }
.liquidTheme { z-index: 120; position:inherit; background-color: whitesmoke; box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
                -webkit-touch-callout: none;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.liquidGridTheme {  z-index: 120; position: relative; background-color: whitesmoke; }
.liquidWinXTheme { z-index: 120; position:inherit; background-color: whitesmoke; box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
                -webkit-touch-callout: none;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.liquidFormXTheme { z-index: 120; position:inherit; background-color: whitesmoke; box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
                -webkit-touch-callout: none;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.liquidDialogXTheme { z-index: 120; position:inherit; background-color: whitesmoke; box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
                -webkit-touch-callout: none;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.liquidPopupXTheme { z-index: 120; position:inherit; background-color: whitesmoke; box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
                -webkit-touch-callout: none;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.liquidLookupTheme { z-index: 120; position:inherit; background-color: whitesmoke; box-shadow: -2px 2px 4px rgba(0,0,0,0.2), -2px -1px 0px rgba(0,0,0,0.02);
                -webkit-touch-callout: none;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.liquidGridTheme {  z-index: 120; position: relative; background-color: whitesmoke; }
.liquidPopupCaption { height:26px; display: flow-root; overflow: hidden; cursor: move; z-index: 150; background-color: rgb(217, 230, 239); color: #fff;
                        border-bottom:1px solid white; border-top:1px solid lightgrey; border-right: 1px solid lightgrey; border-left: 1px solid lightgrey; z-index: 130; position: relative; 
                        border-top-right-radius: 5px; border-top-left-radius: 5px; -webkit-box-shadow: -1px -1px 2px #636363; }
.liquidPopupCaptionUnselected { background-color: rgb(170, 170, 170); }
.liquidPopupCaption tr td:last-child { width:2%; }
.liquidCaptionBt { float:right; z-index: 110; position: relative; cursor: pointer; }
.liquidPopupTitle { float: left; color: black; font-family: verdana; font-size: 15px; padding-left: 5px }
.liquidPopupTheme { box-shadow: rgb(99 99 99) -2px -2px 20px 0px; }
.liquidCaptionSearch { height:100%; width:125px; color: black; font-family: verdana; font-size: 11px; background-color:transparent; border: 1px solid lightgray; }
.liquidPopupBt { width:16px; height: 16px; float:right; z-index: 110; position: relative; }
.liquidNav { height:29px; overflow: hidden; position: relative; font-family: verdana; font-size: 11px; background-color: whitesmoke; border-bottom: 1px solid lightgrey; }
.liquidMultiPanelsContent { /*width:100%;*/ position: relative; font-family: verdana; font-size: 11px; background-color: whitesmoke; border:1px solid lightyellow; }
.liquidMultiPanelsTitle { width:100%; height:20px; position: relative; font-family: verdana; font-size: 10px; background-color: whitesmoke; border:1px solid lightyellow; margin:-1px; }
.liquidNavLabel { font-family: verdana; font-size: 12px; color: rgba(28, 31, 32, 0.85); }
.liquidNavInfo { margin-left: 5px; margin-top:1px; float:right; }
.liquidNavPages { margin-left: 5px; margin-right: 10px; float:right; font-size: 17px; margin-top:0px; text-align:center; }
.liquidNavPages a { text-decoration: none }
.liquidNavCurPage { width:40px; height:16px; text-align:right; border: 1px solid lightsteelblue; background-color: ghostwhite; padding-right: 3px; -webkit-box-shadow: -3px -3px 3px #dedede; top:0px; position:relative; }
.liquidNavFound { font-family: verdana; font-size: 10px; color: rgba(50, 60, 60, 0.85); }
.liquidLabel { padding-left: 5px; padding-right: 5px; font-family: verdana; font-size: 10px; color: rgba(28, 31, 32, 0.85);  }
.liquidValue { font-family: verdana; font-size: 11px; color: rgba(20, 30, 30, 1.0); }
.liquidLookup { z-index: 10; position: relative; font-family: verdana; font-size: 12px; border:1px solid gray; width:calc(100% - 2px); height:27px; }
.liquidLookupIconContainer { display:inline-block; float:right; position:absolute; z-index:100; top:0px; right:5px; zoom:0.6; filter:grayscale(0.6); }
.liquidLookupOpen { position: fixed; z-index: 99000; }
.liquidCommandBar { width:100%; height:32px; display: inline-flex; overflow: hidden; background-color: whitesmoke; z-index: 111; position: relative; font-family: verdana; font-size: 12px; color: rgba(90, 30, 30, 1.0); border-top:1px solid lightGray; border-bottom:1px solid lightGray; }
.liquidCommandBarButton  { border:1px solid transparent; }
.liquidCommandBarImg { margin-top: 2px; margin-left:5px; margin-right:7px; }
.liquidCommandBarText { display:inline-block; font-size: 10px; margin-right:25px; position: relative; top: -2px; }
.liquidCommandDisabled { pointer-events: none; opacity: 0.4; }
.liquidCommandDisabledTemporary { pointer-events: none; opacity: 0.4; }
.liquidGridContainer { width:100%; display:inline-block; overflow: auto; }
.liquidGridContainer::-webkit-scrollbar { width: 8px; height: 8px; }
.liquidGridContainer::-webkit-scrollbar-track { border-radius: 8px; }
.liquidGridContainer::-webkit-scrollbar-thumb { border-radius: 5px; background: #eeeeee; box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.liquidGridCell { background-color:rgba(245, 245, 245, 0.25); }
.LiquidGridCellTD { display: table-cell; }
.liquidGridTableContainer {  width:calc(100% - 1px); height:100%; table-layout: fixed; background-color: whitesmoke; z-index: 121; position: relative; text-decoration: none; font-family: verdana; font-size: 12px; color: rgba(90, 30, 30, 1.0); border-top:1px solid white; border-bottom:1px solid lightGray; border-left:1px solid lightgray; border-right:1px solid lightgray }
.liquidGridTables { width:100%; font-family: verdana; font-size: 12px; color: rgba(30, 30, 30, 1.0); display:block; background-color: whitesmoke; z-index: 111; position: relative;}
.liquidGridTables ul { list-style: none; margin: 0px; }
.liquidGridTablesTabs { border-bottom: 1px solid white; float:left; width:100%; text-align:center; background-color: whitesmoke; }
.liquidGridControl { height:30px; width:calc(100% - 2px); overflow:auto; padding-left: 3px; }
.liquidLayoutControl { height:30px; width:calc(100% - 2px); overflow:auto; padding-left: 3px; }
.liquidGridControl readonly {  border:0px; color:darkgray; background-color: transparent; }
.liquidGridControl::-webkit-scrollbar { width: 8px; height: 8px; }
.liquidGridControl::-webkit-scrollbar-track { border-radius: 8px; }
.liquidGridControl::-webkit-scrollbar-thumb { border-radius: 5px; background: #eeeeee; box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.liquidGridControl readonly {  border:0px; color:darkgray; background-color: transparent; }
.liquidGridControlZoomable:hover { transform: scale(2.5); font-size:4px; z-index: 90000; position: relative; background-color: whitesmoke; border: 1px solid lightsalmon; transition: all 0.3s ease-Out; }
.liquidGridControlNumber { text-align:left; }
.liquidGridControlRW { font-weight: bold; border:1px solid lightgray; background-color: white; }
.liquidGridControlRO { overflow: auto; color:darkslategrey; padding-left:5px; border: 0px; background-color: transparent; -webkit-text-stroke-width: thin; }
.liquidGridControlDel { color:red !important; text-decoration: line-through !important; background-color: transparent !important; }
.liquidGridControlMod { color:darkRed; }
.liquidGridRowOdd{ }
.liquidGridRowEven{ background-color: rgba(211, 211, 211, 0.2) }
.liquidGridLabel { color:#423e3e; font-size:90%; font-style: italic; background-color: transparent; text-align:right; right:5px; text-overflow: ellipsis; overflow: hidden; }
.liquidFilterControl { height:27px; width:calc(100% - 2px); overflow:auto; padding-left: 3px; }
.liquidFiltersTable { table-layout: fixed; width: 100%; z-index:130; position:relative; background:rgb(234, 234, 234); }
.liquidFiltersTable tr:hover { background-color:rgba(220, 241, 255, 70) !important; }
.liquidFilterTbl { table-layout: fixed; background-color: whitesmoke; z-index: 121; position: relative; text-decoration: none; font-family: verdana; font-size: 12px; color: rgba(90, 30, 30, 1.0); border-top:1px solid white; border-bottom:1px solid lightGray; width:100%; }
.liquidFilterTbl td:hover { background-color:rgba(220, 241, 255, 40) !important; }
.liquidFilterLabel { font-family: verdana; font-size: 10px; color: rgba(30, 30, 30, 1.0); text-align: right; padding-right:5px; width:25%; overflow: hidden; background-color: transparent; }
.liquidFilterInput { font-family: verdana; font-size: 12px; color: rgba(30, 30, 90, 1.0); height:23px; width: 97%; }
.liquidFilterInputTd { width:calc(70% - 20px); }
.liquidFiltersLabel { width:80px; font-family: verdana; font-size: 10px; }
.liquidFiltersSelector { width:auto; }
.liquidFiltersSpacer { width:auto; }
.liquidFilterButton { width:100px; }
.liquidFilterButtonTd { width:120px; }
.liquidFilterImg { width:20px; overflow: hidden; }
.liquidTab { float: left; text-align: center; text-decoration: none; color:darkgray;
            background-color: lightgrey; border: 1px solid gray; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;
            border-top-left-radius: 0px; border-bottom: 1px solid goldenrod; margin-left: 0; margin-top: 5px; margin-left: -1px; -webkit-box-shadow: -3px -3px 3px #dedede }
.liquidGridTab {}
.liquidLayoutTab {}
.liquidDocuemntTab {}
.liquidChartTab {}
.liquidForeignTables { width:calc(100% - 0px); font-family: verdana; font-size: 12px; color: rgba(30, 30, 30, 1.0); display: block; background-color: whitesmoke; z-index: 111; position: relative; overflow-y: auto;; }
.liquidForeignTables ul { list-style: none; margin: 0px; }
.liquidForeignTableEnabled { background-color: white; }
.liquidForeignTableDisabled { overflow: auto; color: #9c9c9c; padding-left: 5px; background-color: lightgrey; border-bottom: 1px solid lightsteelblue !important; }
.liquidTab li { float: left; border: 1px solid #bbb; border-bottom-width: 0; margin: 0; }
.liquidTab a:hover { background: #ddf; text-decoration: none; transition: all 1s ease-Out; }
.liquidTabSel { font-weight:normal; border-color:black; }
.liquidTabSel a { text-decoration: none; display: block; color: black; background: whitesmoke; border-bottom: 3px solid whitesmoke; z-index: 150; position: relative; margin-top: 3px; }
.liquidTabSel a select { text-decoration: none; display: block; color: black; font-weight: bold; color: rgba(30, 30, 90, 1.0); }
.liquidForeignTablesContent { width:100%; z-index: 110; position: relative; }
.liquidError { color: darkred; z-index: 111; position: relative; overflow: auto; height: 29px; }
.liquidShow {-webkit-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; opacity: 1; border-right: 1px solid lightgray; border-bottom: 1px solid lightgray }
.liquidHide {opacity: 0; -webkit-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear;}
.liquidActionBar { width: 100%; pointer-events: none; height: 50px; overflow: hidden; background-color: rgb(234, 234, 234); border-top:1px solid white; border-bottom:1px solid lightgrey; border-right: 1px solid lightgrey; border-left: 1px solid lightgrey; }
.liquidActionBarContent { width:100%; text-align:center; vertical-align: middle; margin-top: 3px; z-index: 112; position: relative; }
.liquidActionImg { margin-left:5px; margin-right:7px; }
.liquidActionBt { border: darkgray; width: 150px; padding: 5px; height: 37px; text-align: left; display: inline-flex; }
.liquidActionBt:hover { background-color:rgba(3, 169, 244, 0.20) !important; border:1px solid rgba(3, 169, 244, 0.75) !important; transition: all 1s ease-Out; color: white; }
.liquidActionText { font-size: 12px; color:black; font-weight:500; }
.liquidNavigatiorBar { width:100%; height:100%; overflow:hidden; background-color:rgba(251, 250, 250, 0.3); }
.liquidNavigatiorBarButton { display:flex; height:24px; border: 1px solid transparent; }
.liquidNavigatiorBarText { font-family:verdana; font-size: 12px; }
.liquidNavigatiorBarImg { display:block; height:24px; }

.liquidRichEditorContainer { width:100%; height:100%; top:0; left:0; position:fixed; display:block; background-color:rgba(220,220,220,0.6); }
.liquidRichEditor { width:74%; height:74%; top:8%; left:8%; position:absolute; display:block; background-color: transparent; }
.liquidSelect { font-size:10pt; font-family:verdana; height: 23px; background-color: #eaeaea; }    
.liquidFiltersSelect { font-size:9pt; font-family:verdana; height: 27px; background-color: #eaeaea; }
.liquidButtonHOver{ background-color:rgba(3, 169, 244, 0.20) !important; border:1px solid rgba(3, 169, 244, 0.75) !important; transition: all 1s ease-Out; box-shadow: 5px 6px 6px
rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02); }
.liquidImgHOver{ filter:grayscale(0.05) !important; transition: all 1s ease-Out; }
.liquidFormXContainer {  background-color: whitesmoke; }
.liquidDialogXContainer {  background-color: whitesmoke; }
.liquidFilterBt:hover { filter:grayscale(0.0) !important; transition: all 0.5s ease-Out; }

.ag-body-viewport::-webkit-scrollbar { width: 8px; height: 8px; }
.ag-body-viewport::-webkit-scrollbar-track { border-radius: 6px; }
.ag-body-viewport::-webkit-scrollbar-thumb { border-radius: 5px; background: #eeeeee; box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar { width:8px; height:8px; }
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track { box-shadow:inset 0 0 10px #d0d0d0; border-radius:6px; }
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb { border-radius:5px; background: #eeeeee; box-shadow:inset 0 0 6px rgba(0,0,0,0.5); }

/* FIT TO ZK */
.ag-theme-balham .ag-row-hover { background-color: rgb(241 250 255) !important; }
.ag-theme-balham .ag-row-odd { background-color:rgb(247 247 247); }
.ag-theme-balham .ag-row-even { }
.ag-theme-balham .ag-row-selected { background-color: rgb(221 240 251); border-color: #f6f6f6; }
.ag-theme-balham .ag-ltr .ag-cell-focus { border: 1px solid darkred !important;  }
.ag-theme-balham .ag-cell { font-family: arial, sans-serif !important; color: rgb(99 99 99); border-color: #f6f6f6 !important; border-left: 1px solid #f6f6f6 !important; border-right: 0px solid #f6f6f6 !important; border-top: 0px solid #f6f6f6 !important;; border-bottom: 0px solid #f6f6f6 !important; }
.ag-theme-balham .ag-row {  border-width: 0px 0 0 0 !important; }
.ag-theme-balham .ag-header-cell { font-family: arial, sans-serif !important; font-weight: bold !important; color: black !important; }
.liquidActionBt { -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: -internal-light-dark(buttontext, rgb(170, 170, 170)); letter-spacing: normal;
    word-spacing: normal;  text-transform: none;  text-indent: 0px;  text-shadow: none;  display: inline-block; text-align: center; align-items: flex-start; cursor: default;  background-color: -internal-light-dark(rgb(239, 239, 239), rgb(74, 74, 74));
    box-sizing: border-box; margin: 0em; font: 400 13.3333px Arial; padding: 1px 6px; border-width: 2px;  border-style: outset; border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195)); border-image: initial;
    }
/* No side border */
.ag-theme-balham .ag-root { border-left: 0px !important; border-right: 0px !important; }


.liquidContextMenu { position: fixed; z-index: 99000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.50); -webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition-duration: 2s; transition: background-color 1000ms linear; }
.liquidContextMenu-content { width:auto; text-decoration: none; cursor: pointer; font-family: verdana; font-size: 13px; background-image: linear-gradient(to right, #ffffff, #e5e5e5); background-color: #fefefe; padding:20px; border:1px solid #888; width:fit-content; box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02) }
.liquidContextMenu-content a { text-decoration: none; cursor: pointer; color : black; }
.liquidContextMenu-content a:hover { text-decoration: none; cursor: pointer; color : navy; }
.liquidContextMenu-item { margin:0px; padding-left:3px; padding-right:3px; padding-top:5px; padding-bottom:5px; width:200px; border:1px solid transparent; }
.liquidContextMenu-close:hover, .liquidContextMenu-close:focus { background-color:rgba(20, 20, 20, 0.2); border:1px solid cyan; color: black; text-decoration: none; cursor: pointer; }
.liquidContextMenu-item:hover { background-color:rgba(11, 164, 253, 0.34); border:1px solid blue; }
.liquidEditorDialog { position: fixed; z-index: 70000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.50); -webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition-duration: 2s; transition: background-color 1000ms linear; }
.liquidEditorDialog-content { text-decoration: none; cursor: pointer; font-family: verdana; font-size: 13px; background-image: linear-gradient(to right, #ffffff, #e5e5e5); background-color: #fefefe; padding:20px; border:1px solid #888; width:80%; box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02) }
.liquidSystemDialogInput { width:calc(100% - 50px); height:30px; }
.liquidSystemDialogTextarea { width:calc(100% - 50px); height:700px; }

.liquidWinXContainer { position: relative; overflow:auto; background-color:rgba(251, 250, 250, 0.3); }
.liquidWinXContainer::-webkit-scrollbar { width: 8px; height: 8px; }
.liquidWinXContainer::-webkit-scrollbar-track { border-radius: 8px; }
.liquidWinXContainer::-webkit-scrollbar-thumb { border-radius: 5px; background: #eeeeee; box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.customHeaderMenuButton { float: left; margin: 0 0 0 3px; font-size:8px; }
.customHeaderLabel { float: left; margin: 0 0 0 3px; }
.customSortDownLabel { float: left; margin: 0 0 0 3px;}
.customSortUpLabel { float: left; margin: 0; }
.customSortRemoveLabel { float: left; margin: 0 0 0 3px; font-size: 11px;}
.liquidOptionsMenu { font-size:10pt; font-family:verdana; }
.liquidGeneralOptionsMenu { font-size:10pt; font-family:verdana; }
.liquidOptionsButtonMenu { font-size:12pt; font-family:verdana; width:120px; height:27px; }
.liquidDocker { width:100%; display: block; /* -webkit-box-shadow: 4px 4px 8px 1px #636363; */ }
.liquidDockerChild { display: block; width: 100%; }
.liquidDockerHContainer { width: 100%; border: 0px solid red; display: block; }
.liquidDockerVContainer { height: auto; border: 0px solid blue; display: block; }
.liquidDockerVContainerLeft { border-right: 1px solid lightgray; }
.liquidDockerVContainerCenter { }
.liquidDockerVContainerRight { border-left: 1px solid lightgray; }
.liquidCombo { background-color: rgba(213, 225, 232, 0.45); }
.liquidComboClosed { border:1px solid lightGray; box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02); }
.liquidComboOpened {  }
               
.liquidMenuX { z-index:30000; font-family:verdana; font-size:13px; border:1px solid lightGray; background-color:rgba(251, 250, 250, 0.3); overflow:auto; }
.liquidMenuX::-webkit-scrollbar { width: 8px; height: 8px; }
.liquidMenuX::-webkit-scrollbar-track { border-radius: 8px; }
.liquidMenuX::-webkit-scrollbar-thumb { border-radius: 5px; background: #eeeeee; box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.liquidMenuXText { font-family:verdana; font-size:13px; }
.liquidMenuXLeft { padding-top:0px; padding-bottom: 0px;  box-shadow:1px 1px 5px 0px black; }
.liquidMenuXRight { padding-top:5px; padding-bottom: 5px; box-shadow:-1px 1px 5px 0px black; }
.liquidMenuXTop { display:inline-flex; overflow: visible !important; padding-left:0px; padding-top:2px !important; padding-bottom:2px !important; padding-right:0px; box-shadow:1px 1px 5px 0px black; width:calc(100% - 2px) !important;  }
.liquidMenuXBottom { display:inline-flex; padding-left:10px; padding-right: 10px; box-shadow:1px -1px 5px 0px black; }
.liquidMenuXButton { padding:10px; border:1px solid transparent; color:navy; }
.liquidMenuXPopup { left:25px; width: max-content; z-index:90000; padding:10px; background-color: white; border: 1px solid lightgray; box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02); position:absolute; }
    
.ui-accordion-header { color:navy !important; }
.ui-state-active { color:white !important; border: 1px solid rgb(33, 150, 243) !important; background: rgb(169, 186, 199) !important; }
.ui-state-default { color:navy !important; }
.ui-accordion-content::-webkit-scrollbar { width: 8px; height: 8px; }
.ui-accordion-content::-webkit-scrollbar-track { border-radius: 8px; }
.ui-accordion-content::-webkit-scrollbar-thumb { border-radius: 5px; background: #eeeeee; box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.ui-accordion-content { padding: 5px !important; }

.liquidMenuXIcon { background-color: transparent; border: 1px solid transparent; padding:5px; cursor: pointer; }
.liquidMenuXIcon:hover { transform:scale(1.2); transition: all .5s ease-Out; }
.liquidMenuXImg { display: block; }
.liquidMenuXbar1, .liquidMenuXbar2, .liquidMenuXbar3 { width: 15px; height:2px; background-color: #333; margin: 2px 0; transition: 0.4s; }
.liquidMenuXchange .liquidMenuXbar1 { -webkit-transform: rotate(-45deg) translate(-3px, 1px); transform: rotate(-45deg) translate(-5px, 2px); }
.liquidMenuXchange .liquidMenuXbar2 { opacity: 0; }
.liquidMenuXchange .liquidMenuXbar3 { -webkit-transform: rotate(45deg) translate(-3px, -1px); transform: rotate(45deg) translate(-3px, -1px); }
.liquidMenuXClosed { box-shadow:0px 0px 0px 0px black !important; }

.liquidLayoutContainer { width: calc(100% - 0px); display:inline-block; overflow: auto; border:0px solid transparent; border-left:0px solid lightgray; border-right:0px solid lightgray }
.liquidLayoutContainer::-webkit-scrollbar { width: 8px; height: 8px; }
.liquidLayoutContainer::-webkit-scrollbar-track { border-radius: 8px; }
.liquidLayoutContainer::-webkit-scrollbar-thumb { border-radius: 5px; background: #eeeeee; box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.liquidDocumentContainer { width:100%; display:block; overflow: auto; border:0px solid transparent; }
.liquidDocumentContainer::-webkit-scrollbar { width: 8px; height: 8px; }
.liquidDocumentContainer::-webkit-scrollbar-track { border-radius: 8px; }
.liquidDocumentContainer::-webkit-scrollbar-thumb { border-radius: 5px; background: #eeeeee; box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.liquidLayoutRowContainer::-webkit-scrollbar { width: 8px; height: 8px; }
.liquidLayoutRowContainer::-webkit-scrollbar-track { border-radius: 8px; }
.liquidLayoutRowContainer::-webkit-scrollbar-thumb { border-radius: 5px; background: #eeeeee; box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.liquidDocumentsX { font-family:verdana; font-size: 12px; width:100%; border:0px solid transparent; padding:0px; }
tr.liquidDocumentsXHeader td { height:30px; background-color: lightgray; padding:5px; border-bottom:1px solid lightgray; }
tr.liquidDocumentsXRows td { height:30px; background-color: transparent; padding:5px; border-bottom:1px solid lightgray; }
.liquidDocumentsXCmdIcon { padding:5px; }
.liquidDocumentsXDocIcon { width:20px; height:20px; }
.liquidDocumentsXTable { font-family:verdana; font-size: 12px; width:100%; table-layout: auto; }

.liquidFoundTable { table-layout:auto; width:100%; z-index:99999; position:relative; background:rgb(234, 234, 234); }
.liquidFoundTable tr:nth-child(even) { background-color: #e2dfdf; }
.liquidBadge { display:block; float:left;  min-width:14px; width:auto; height:14px; font-size:smaller; margin:2px; overflow:hidden; border:1px solid #01404c;; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#eeeeee; text-align:center; vertical-align:middle; padding-top:1px; padding-left:2px; padding-right:2px; border-collapse:separate; }
.liquidChartContainer { width:100%; display:block; overflow: auto; border:0px solid transparent; }
.liquidChartsX { width:100%; height:100%; background-color: whitesmoke; border: 0px solid transparent; padding:5px; }
.liquidloader { position:relative; margin:auto; top:calc(50% - 60px);  border:8px solid #f3f3f3; border-radius:50%;  border-top:8px solid #3498db; width:120px; height: 120px; -webkit-animation: spin 2s linear infinite; /* Safari */  animation: spin 2s linear infinite; }
@-webkit-keyframes spin {  0% { -webkit-transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); } }
@keyframes spin {  0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); } }

.ui-widget-overlay { opacity: 0.5; }
.ui-dialog { z-index: 100000 !important; }
.ui-draggable .ui-dialog-titlebar { background-color: #a9bac7 !important; }

.lds-ring {  display:inline-block; position:relative; width:0px; height:10px; right:15px; top:-3px; }
.lds-ring div {  box-sizing: border-box;  display: block;  position: absolute;  width: 14px;  height: 14px; margin: 2px;  border: 2px solid #73b3f7;  border-radius: 50%;  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;  border-color: #73b3f7 transparent transparent transparent;}
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }
@keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

span.deleteicon { position: relative; }
span.deleteicon span { position: absolute; display: block; top: 2px;  right: 4px;  width:16px; height:16px;  background: url(/images/reset.png);   background-size: contain;   cursor: pointer;   filter: opacity(0.35); }
span.deleteicon input { padding-right: 16px; box-sizing: border-box;}


/* Spinner */
.lds-ring-main { display: inline-block; position: relative; width: 24px; height: 24px;}
.lds-ring-main div { box-sizing: border-box; display: block; position: absolute; width: 24px; height: 24px; margin: 4px; border: 4px solid #fff; border-radius: 50%; animation: lds-ring-main 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #aaaaaa transparent transparent transparent;}
.lds-ring-main div:nth-child(1) { animation-delay: -0.45s;}
.lds-ring-main div:nth-child(2) { animation-delay: -0.3s;}
.lds-ring-main div:nth-child(3) { animation-delay: -0.15s;}
@keyframes lds-ring-main { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.liquidCurrency { text-align: right; padding-right: 5px; }

/* SlideShow */
/* {box-sizing:border-box} */
.slideshow-root { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.slideshow-container { width: 100%; height: 100%;; position: relative; margin: auto; }
.slideshow-prev, .slideshow-next { cursor: pointer; position: absolute; z-index: 200; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: darkgray; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; }
.slideshow-next { right: 0; border-radius: 3px 0 0 3px; color: darkgray}
.slideshow-prev:hover,.slideshow-next:hover { background-color: darkgray; color:whitesmoke }
.slideshow-text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}
.slideshow-download { cursor: pointer; position: absolute; z-index: 200; right:0px; bottom:2px; width: auto; margin-top:0px; padding:12px; color: darkgray; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 3px 0 0 3px;; user-select: none; }
.slideshow-download:hover { background-color: darkgray; color:whitesmoke }
.slideshow-numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
.slideshow-dot { cursor:pointer; height:10px; width:10px; margin: 0 2px; background-color:#e7e5e5; border-radius:50%; display:inline-block; transition:background-color 0.6s ease;}
.slideshow-dot-current { background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.slideshow-active, .slideshow-dot:hover { background-color: #717171;}
.slideshow-fade { animation-name: fade; animation-duration: 1.5s;}

.liquidShadow { box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02); }
.liquidDatalis{}
.liquidDatalistDesc::-webkit-calendar-picker-indicator {
    display: none;
}

.liquid-close-large-icon-top {
    border:1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}

.liquid-close-large-icon-top:after {
    content: "x";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: #d3d3d3;
    z-index:1;
    right: 15px;
    top: 20px;
    padding: 2px;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-weight: normal;
    font-size: 15px;
    box-shadow: 0 0 2px #838383;
    cursor: pointer;
}


@keyframes slideshow-fade { from {opacity: .4} to {opacity: 1} }