body{--bgColorBrowser:#000;--bgColorContent:#2b2b2b;--colorShadowBox:#737373;--fontColor:#076b71;--fontColorH1:#b9dbf0;--bgErrorColor:#ff0431;--fontErrorColor:#fff;--colorShadowError:#b9dbf0;--bgColorInput:#076b71;--fontColorInput:#b9dbf0;--colorShadowInput:#0eabb2;--bgColorButton:#076b71;--fontColorButton:#b9dbf0;--colorShadowButton:#0eabb2;--bgColorHeader:#076b71;--fontColorHeader:#b9dbf0;--bgColorForm:#076b71;--fontColorForm:#b9dbf0;--colorShadowForm:#0eabb2;--fontColorHref:#b9dbf0;--fontColorHrefHover:#0eabb2;font-family:sans-serif,Georgia;line-height:1.6;margin:0 auto;color:var(--fontColor);background-color:var(--bgColorBrowser)}
ul{margin:0;padding:0}
h1{color:var(--fontColorH1);font-size:1.2em;text-align:center;margin:0}
a{font-weight:bold;text-decoration:none;color:var(--fontColorHref)}
a:hover{color:var(--fontColorHrefHover)}
.neviditelne{display:none}
.right{text-align:right}
.contentPageBox{display:flex;flex-direction:column;margin:0 auto;overflow:auto;padding:.4em;background-color:var(--bgColorContent);box-shadow:inset 0 0.5px 11.5px -1.5px var(--colorShadowBox);border-radius:4px}
.headerBox{display:flex;flex-flow:column}
.headerIconBox{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-direction:row}
.headerIconLeft,
.headerIconRight{cursor:pointer}
.headerIcon{height:20px;cursor:pointer}
.headerText{font-size:1em;font-weight:bold}
.headerMenuBox{display:flex;flex-direction:row;justify-content:space-between;column-gap:0.8em;margin-top:0.3em;overflow-y:auto}
.menuIconBox{display:flex;flex-direction:column;align-items:center;border-radius:10px;width:20%;min-width:60px;padding-top:0.2em;background-color:var(--fontColorButton);border:3px solid var(--bgColorInput)}
.headerMenuBox>a,
.headerMenuBox>a:hover,
.headerMenuBox>a:active{text-decoration:none;color:var(--fontColor);text-align:center;cursor:pointer}
.headerMenuBox>a:active{border:3px solid var(--bgColorContent)}
.menuIconImg>img{height:30px;width:30px}
.menuIconText{font-size:0.8em}
.contentBox{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;padding-top:1em;flex-wrap:wrap}
.floatingBox{display:none;position:absolute;float:right;top:45px;right:53px;width:max-content;max-width:94vw;padding:.3em;border:2px solid var(--colorShadowForm);background-color:var(--bgColorForm);border-radius:10px;color:var(--fontColorForm);z-index:999}
.menuLi{display:block;margin-top:8px}
.btHelp{display:block;float:right;cursor:pointer;vertical-align:middle;height:25px;width:25px;margin:5px 5px}
.helpBox{display:none;position:absolute;float:right;top:0px;width:200px;border:2px solid var(--colorShadowForm);background-color:var(--bgColorForm);color:var(--fontColorForm);border-radius:10px;padding:5px;z-index:999}
.flash,
.error,
.errors>li{color:var(--fontColorForm);background:var(--bgColorForm);padding:0.2em;padding-left:0.3em;padding-right:0.3em;margin:0 auto;margin-bottom:5px;border-radius:10px;text-align:center;font-weight:bold;width:fit-content}
.errors>li,
.error{display:block;background-color:var(--bgErrorColor)}
input,
input[type="number"],
select{background:var(--bgColorInput);color:var(--fontColorInput);border-radius:8px;border-bottom:1px solid var(--colorShadowInput);border-right:1px solid var(--colorShadowInput);padding:0.3em}
select{height:1.8em}
input[type="number"]{width:8em}
input[type="time"]{width:5em}
input[type="file"]{width:16em}
input[type="range"]{-webkit-appearance:none;outline:none;height:12px;width:100%;cursor:pointer;max-width:none;background:var(--bgColorButton)}
input[type=range]::-webkit-slider-thumb{border:1px solid var(--colorShadowButton);height:18px;width:18px;border-radius:18px;background:var(--fontColorForm);cursor:pointer;-webkit-appearance:none}
.checkbox{display:block;position:relative;padding-left:25px;cursor:pointer;color:var(--fontColorForm);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:4px;left:0;height:15px;width:15px;background-color:var(--bgColorInput);border-radius:3px;border-bottom:1px solid var(--colorShadowInput);border-right:1px solid var(--colorShadowInput)}
.checkbox:hover input~.checkmark{background-color:var(--bgColorInput)}
.checkbox input:checked~.checkmark{background-color:var(--bgColorInput)}
.checkmark:after{content:"";position:absolute;display:none}
.checkbox input:checked~.checkmark:after{display:block}
.checkbox .checkmark:after{left:4px;top:0;width:5px;height:10px;border:solid var(--fontColorForm);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.checkbox>img{margin-top:0}
.button,
input[type="submit"]{background:var(--bgColorButton);color:var(--fontColorButton);font-weight:bold;text-decoration:none;border-radius:8px;cursor:pointer;border-top:1px solid var(--colorShadowButton);border-left:1px solid var(--colorShadowButton);margin:.3em;padding:0.5em}
fieldset{border:none}
legend,
label{color:var(--fontColorInput);font-weight:normal}
.btCirc{vertical-align:middle;height:25px;width:25px;margin:5px 5px;cursor:pointer}
.red{color:var(--bgErrorColor)}
.formBox{display:flex;flex-direction:column;max-width:max-content;align-items:center;justify-content:center;flex-wrap:wrap}
form{display:block;width:100%}
.measuringBox{display:flex;flex-direction:column;min-width:100%;align-items:center;justify-content:center;flex-wrap:wrap}
.textBox{display:grid;gap:2px;grid-template-columns:1fr 2fr;align-items:center;color:var(--fontColorForm);padding-left:0.4em;padding-right:0.4em}
.textBox>span>form>table{border-spacing:0}
.textBox>.text{text-align:end}
.textBox>.value{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}
.gaugeBox,
.temperatureBox{height:180px;width:250px;text-align:center;overflow:hidden}
.temperatureBox{display:none;height:300px;width:100px;margin-top:5px}
.fluidInfoBox{display:none;flex-direction:row;align-items:center}
.fluidInfoText{display:block;color:var(--fontColorForm);background-color:var(--bgColorForm);border:1px solid var(--colorShadowForm);font-weight:bold;border-radius:6px;padding:.3em}
.graphBox{align-items:center;overflow:hidden;width:inherit}
.sliderBox{display:flex;flex-direction:column;align-items:center;justify-items:center;overflow:hidden;width:inherit;min-height:50px;padding-bottom:12px;color:var(--fontColorForm)}
.ui-slider{text-align:center}
.ui-slider .ui-slider-handle{height:18px;width:18px}
.ui-widget.ui-widget-content{border:1px solid var(--colorShadowForm);background-color:var(--bgColorForm);height:18px;width:98%}
.ui-slider-horizontal .ui-slider-handle{top:0}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br{border-radius:18px;background-color:var(--fontColorButton)}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{background:var(--colorShadowForm)}
.apexcharts-canvas{}
.apexcharts-zoom-icon,
.apexcharts-reset-icon,
.apexcharts-menu-icon{transform:scale(1.2);margin-left:5px}
.alarmNumSignalize{display:inline-block;width:20px;color:var(--bgErrorColor)}
.alarmBox{display:block;width:max-content;max-width:94vw;border-radius:7px;padding:5px;background-color:var(--bgErrorColor);color:var(--fontErrorColor);border:1px solid var(--colorShadowError)}
.filesBox{display:inline-block;min-width:20em;border:2px solid var(--bgColorButton);border-radius:10px;padding:15px;text-align:left;overflow:auto}
.filesBox>ul{list-style-type:none}
.filesBox>ul>li{padding-bottom:.8em}
.filesIcon{display:inline-block;cursor:pointer;position:relative;margin-right:5px;height:20px;width:20px}
.datagrid{border-radius:10px}
.datagrid-toolbar{background-color:#000;text-align:left}
table.table{background-color:white;color:black;border:2px solid var(--colorShadowForm);border-collapse:collapse}
a.dg-button{display:block;font-size:1em;font-weight:bold;background-color:var(--bgColorButton);color:white;width:max-content;margin:2px;padding:4px;border-radius:5px;text-decoration:none;text-align:center}
th.dg-cell,
th.col-action,
td.dg-cell,
td.col-action{border:1px solid var(--colorShadowForm);text-align:center;padding:5px;width:10%;color:white}
th.dg-cell,
th.col-action{background-color:var(--bgColorForm);font-weight:bold;color:white}
td.dg-cell,
td.col-action{background-color:black}
td.row-grid-bottom{text-align:center;background-color:var(--bgColorForm)}
.row-grid-bottom{padding:0 5px 0 5px;background-color:var(--bgColorForm)}
td.red_text{color:#DD0000}
.col-items{display:inline-block;float:left;text-align:left}
.col-pagination{display:inline-block}
.col-per-page{display:inline-block;float:right;margin-top:-8px}
a.btn,
a.disabled,
a.active{display:inline-block;font-size:1em;font-weight:bold;background-color:var(--bgColorButton);color:white;margin:2px;padding:4px;border-radius:5px;text-decoration:none}
a.disabled{background-color:#cad0e0}
a.active{background-color:#cad0e0}
.datagrid table tbody tr td[data-datagrid-editable-url].editing textarea{padding:3px;margin-top:3px;width:99%;height:100%;color:var(--fontColorButton);background-color:var(--bgColorInput)}
.input-sm{max-width:150px}
.lineFormBox{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center}
@media (min-width:640px){.measuringBox{flex-direction:row}
}