body{font-family:Arial,Verdana,"Geneva CE",sans-serif;font-size:15px;line-height:1.6;margin:0 auto;color:white;background-color:rgb(32,32,32);background-image:linear-gradient(45deg,black 25%,transparent 25%,transparent 75%,black 75%,black),linear-gradient(45deg,black 25%,transparent 25%,transparent 75%,black 75%,black),linear-gradient(to bottom,rgb(8,8,8),rgb(32,32,32));background-size:10px 10px,10px 10px,10px 5px;background-position:0px 0px,5px 5px,0px 0px}
.header{display:block;width:99%;margin:0 auto;margin-top:10px;background:radial-gradient(transparent,rgba(178,179,179,.38));border-radius:10px}
.logo{display:inline-block;float:left;width:108px;height:30px;margin:2px 0 0 4px}
.iconUser{display:block;position:relative;float:right;margin:5px 8px 0 0}
.imgUser{width:30px;height:30px;cursor:pointer}
.boxUserMenu{display:none;position:absolute;float:right;top:45px;right:53px;border:2px solid #03A7E0;background-color:black;border-radius:10px;color:white;z-index:999}
.userUl{margin:16px;padding:0}
.userLi{display:block;margin-top:8px}
.langVlajka{display:block;position:relative;float:right;margin:8px 8px 0 0}
.imgVlajka{width:30px;height:20px;cursor:pointer;border:1px ridge #aaaaaa}
.langUl{margin:0;padding:0}
.langLi{display:block;margin-top:8px}
.langBoxVlajek{display:none;position:absolute;float:right;top:39px;right:10px;padding:5px;width:max-content;border:2px solid #03A7E0;background-color:black;border-radius:10px;color:white;z-index:999}
.btMenuBox{display:inline-block;position:relative;min-width:30px;text-align:center;margin-left:13%}
.tlacitkoMenu{background:rgba(0,0,0,.1);border:0;color:#03A7E0;font-size:30px;cursor:pointer}
.tlacitkoMenu:hover,
.tlacitkoMenu:focus{}
.menu{display:none;position:relative;width:90%;margin:0 auto}
.menu ul li{width:100%;text-align:center}
.menu ul{list-style-type:none;margin:0;padding:0}
.menu a{display:block;padding:0 15px;color:white;line-height:2em;text-decoration:none;font-family:sans-serif;font-size:16px}
.menu a:hover{background-color:#03A7E0;opacity:1;color:white}
.blikatkoOn,
.blikatkoOff{display:block;float:right;margin:11px 15px 0 0}
.blikatkoOff{display:none}
.blikatkoLeftOn,
.blikatkoLeftOff{display:block;float:left;margin-left:15px}
.blikatkoLeftOff{display:none}
.homePageBox{display:block;position:relative;width:100%;height:87vh;overflow:auto}
.ukazky{display:block;position:relative;margin:5px auto;border:2px solid #03A7E0;border-radius:10px;overflow:auto}
.login{display:block;position:relative;margin:5px auto;border:2px solid #03A7E0;border-radius:10px;text-align:center;overflow:auto}
.content{display:block;width:99%;margin:0 auto;padding:0.5%;height:100%}
h1{color:#03A7E0;font-size:1.5em;text-align:center;font-weight:bold}
#ajax-spinner{position:fixed;z-index:999;height:5em;width:10em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0;background:url('../images/communication.gif') no-repeat 50% 50%}
div.flash,
div.error{color:black;background:lightskyblue;padding:2px;margin:0 auto;margin-bottom:5px;border-radius:10px;text-align:center;font-weight:bold}
div.error{color:red;font-weight:bold}
a[href^="#error:"]{background:red;color:white}
form table,
form tbody{margin:0 auto;min-width:10px}
.asGrid{display:grid;justify-items:start}
form th,
form td,
.formText{vertical-align:middle;text-align:left;font-weight:normal}
form th{text-align:right}
form label{vertical-align:middle}
form .required label{font-weight:bold}
form .error{color:#D00;font-weight:bold;text-align:center;list-style-type:none}
form input,
form select,
form input[type="checkbox"],
input,
select,
textarea{border-radius:5px;min-height:25px;padding:5px;border-width:0px;background-color:lightskyblue}
form input[type="checkbox"]{vertical-align:middle;background-position:0 -24px}
form input[type="submit"],
input[type="button"],
input.button,
.button{font-size:1.1em;font-weight:bold;background-color:#03A7E0;color:white;margin-top:10px;margin-right:20px;padding:6px;border-width:2px}
.button{border-radius:5px}
#frm-newForm-kod1,
#frm-newForm-kod2,
#frm-newForm-kod3{width:40px}
#frm-registerForm-kod{width:40px}
#frm-zmenaSNForm-kod1,
#frm-zmenaSNForm-kod2,
#frm-zmenaSNForm-kod3{width:40px}
.left,
td.left{text-align:left}
.right,
td.right{text-align:right}
.center,
td.center{text-align:center}
.neviditelne{display:none}
table.register,
td.register{text-align:center}
.translate{text-align:center}
.transText{text-align:right}
.transPreklad{text-align:left}
a{font-weight:bold;color:white}
a:hover{color:lightskyblue}
.paticka{text-align:center}
fieldset{background-color:black;border:2px solid #03A7E0;font-weight:bold;border-radius:10px;margin:10px auto;text-align:center}
fieldset.formular{background-color:black;border:2px solid #03A7E0;font-weight:bold;border-radius:10px;margin:10px auto;text-align:left}
legend{background-color:#03A7E0;color:#fff;font-weight:bold;border-radius:7px;padding:0 10px 0 10px;text-align:center}
.buttonBox{display:grid;gap:var(--spacesGrid);grid-template-columns:1fr;align-items:center;margin-top:var(--spacesGrid);width:fit-content;margin:auto;cursor:pointer}
#frm-editAlarmForm>table>tbody>tr>td>textarea{height:65px;width:100%}
#frm-editAlarmForm>table{width:80%}
#frm-editAlarmForm>table>tbody>tr>td{width:70%}
#frm-editAlarmForm>table>tbody>tr>th{width:30%}
#frm-editAlarmForm>table>tbody>tr:last-child>td{padding-left:20%}
.btHelp,
.btHelpAlarm{display:block;float:right;vertical-align:middle;height:25px;width:25px;margin:5px 5px}
.btHelpAlarm{display:inline;float:none}
.helpBox{display:none;position:absolute;float:right;top:0px;width:200px;border:2px solid #03A7E0;background-color:black;border-radius:10px;padding:5px;z-index:999}
.podkladCelku{display:block;width:90%;margin:0 auto;padding:5px 10px;border-radius:10px}
.podkladPrvku{display:block;background-color:rgba(3,167,224,.5);width:99%;margin:3px auto;padding:3px;border-radius:5px}
.poolViewDesk{display:block;background-color:rgba(0,0,0,1);width:98%;min-height:100px;border-radius:4px;border-color:#03A7E0;border-style:solid;border-width:.5px;margin:3px auto;overflow:auto}
.poolViewLogo{display:block;float:left;text-align:left;opacity:1;width:60px;height:80px;margin:10px 5px 10px 10px}
.poolViewLogoIkona{display:block;float:left;height:60px;width:60px}
.poolCommIkony{display:block;float:left;margin:5px 0 0 10px}
.poolViewNazvy{display:block;float:left;min-width:23%;max-width:35%;min-height:100px}
.poolViewNazvyVnitrek{color:white;font-weight:bold;text-align:center;margin:25px 0}
.detailNazev{display:block;position:relative;float:left;min-height:100px;min-width:10%;text-align:center}
.detailNadpis{display:inline-block;position:relative;font-size:1.2em;font-weight:bold;text-align:center;color:#03A7E0;margin-top:5px}
.detailNazevVnitrek{display:block;position:relative;color:white;font-weight:bold;text-align:center;margin:10px 0}
.poolViewData{display:block;float:right;height:100%;margin-top:15px;margin-right:20px}
.atrakce{display:none}
.svetla{display:none}
.davkovani{display:none}
.filtrace{display:none}
.ikona{display:inline-block;cursor:pointer;float:right;position:relative;margin:5px}
.poolViewDataIkona{display:block;float:right;height:40px;width:40px}
.poolViewDataText{display:block;font-size:14px;color:white;margin-top:60px;text-align:center}
a.poolDetail,
a.poolDetail:hover{text-decoration:none}
a.poolDetail:hover{color:#03A7E0}
.ikonBox{display:flex;position:relative;float:right;margin:5px}
.poolParamDesk,
.poolFormDesk,
.poolParamItemDesk{display:block;background-color:rgba(0,0,0,1);border:2px solid #00b1ed;width:98%;min-height:40px;overflow:hidden;border-radius:10px;margin:15px auto;margin-top:15px}
.poolFormDesk{padding-top:10px;padding-bottom:10px;text-align:center}
.poolParamItemDesk{width:85%;float:right;margin-top:0}
.poolParamLogoIkona{display:block;float:left;height:60px;width:60px}
.poolParamIkona{display:block;float:left;height:30px;width:30px;margin:3px 5px}
.poolParamNazev,
.poolParamValue,
.poolParamValueLine,
.poolPumpValue{display:block;float:left;color:white;font-weight:bold;font-size:0.9em;text-align:right;margin:8px 0 0 10px}
.poolParamValue{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:flex-end;float:right;margin-right:10px}
.poolParamValueLine{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-end;float:right;margin-right:10px}
.poolPumpValue{position:relative;float:none;font-size:0.9em;height:23px;width:max-content;margin-top:37px;left:calc(100% - 140px)}
.valueAdd,
.valuePumpsAdd{display:block;position:relative;float:none;color:white;font-weight:bold;font-size:14px;height:23px;margin-top:0}
.pumpsSpeedValueInput{width:40px;height:23px}
.poolPoznamka{display:block;float:left;clear:left;font-weight:bold;font-size:14px;margin:0 0 5px 10px}
.poolParamEditForm,
.poolParamEdit,
.zobrazitEdit,
.poolParamItemEdit{display:none;width:98%;border-radius:10px;margin:30px auto;margin-top:5px}
.poolParamEdit{text-align:center}
.zobrazitEdit{display:block}
.poolParamItemEdit{width:85%;margin-top:0;margin-left:50px;text-align:center}
.commIkony{display:contents;float:left;margin:4px 0 0 10px}
.cIkon{display:block;float:left;height:15px;margin:0 5px}
.cIkonBox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
.poolDetailInput,
.poolDetailInputMiddle,
.poolDetailInputLong,
.poolDetailInputNumber{width:25px;border:0;color:white;background-color:rgba(19,46,43,.2);font-weight:bold;text-align:right}
.poolDetailInputMiddle{width:30px}
.poolDetailInputLong{width:40px}
.poolDetailInputNumber{background-color:#03A7E0;border-radius:3px;width:55px}
.slider{width:80%;margin:0 auto}
input[type="time"]{width:100px}
.offLineText{color:#999999}
.showColorBox{display:inline-block;height:20px;width:80px;background-color:#000;border-radius:5px;border:1.5px solid #fff}
.demoBazenBox{position:relative;max-width:100%;text-align:center}
.svgBazen{position:relative;display:block;margin-left:0.1em}
.textBold{font-weight:bold}
.datagrid{border-radius:10px}
.datagrid-toolbar{background-color:#000;text-align:left}
table.table{background-color:white;color:black;border:2px solid #03A7E0;border-collapse:collapse}
a.dg-button{display:block;font-size:1em;font-weight:bold;background-color:#03A7E0;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 #cad0e0;text-align:center;padding:5px;width:10%;color:white}
th.dg-cell,
th.col-action{background-color:#03A7E0;font-weight:bold;color:white}
td.dg-cell,
td.col-action{background-color:black}
td.row-grid-bottom{text-align:center;background-color:#03A7E0}
.row-grid-bottom{padding:0 5px 0 5px;background-color:#03A7E0}
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:#03A7E0;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%;background-color:#03A7E0}
.input-sm{max-width:150px}
.radioBoxFiltrace{}
.radioItemFiltrace{display:block;text-align:left;margin-left:10%;margin-bottom:10px;cursor:pointer}
.radioTextFiltrace{display:contents}
.imgButton{display:block;position:relative;left:38%}
.tdTimeFormLeft{text-align:right}
.tdTimeFormRight{text-align:left}
.formText{text-align:center}
.infoText{display:inline-block;border:#03A7E0 2px solid;padding:2px 5px 2px 5px;border-radius:10px;color:white;font-weight:bold}
.radioItemTeplota{margin-left:30px;cursor:pointer}
table.davkovaniTable{margin-left:auto;margin-right:auto;text-align:left}
.alarm{color:#fdca28}
.stop{color:#e94b6d}
.okText{color:#00ff00}
td.alarmMail{font-size:1em;font-weight:bold;border:2px solid #03A7E0;color:white;margin:2px;padding:4px;border-radius:5px;text-decoration:none}
a.alarmButton{display:inline-block;font-size:1em;font-weight:bold;background-color:#03A7E0;color:white;margin:4px;padding:4px;border-radius:5px;text-decoration:none}
.treeContainer{display:inline-block;width:21em}
.checktree,
.checktree *{list-style-type:none;margin:0;padding:0}
.checktree ul{margin-top:5px;margin-bottom:5px}
.checktree li{float:left;padding:3px 0;width:100%}
.checktree li label{vertical-align:middle;cursor:pointer;padding:4px 0 2px 0;font-size:12px;line-height:15px;float:left;margin-top:11px}
.checktree li .arrow{width:18px;height:18px;margin-right:8px;margin-top:12px;cursor:pointer;float:left}
.checktree li .collapsed{background:url(../images/plus.svg) no-repeat;background-size:18px}
.checktree li .expanded{background:url(../images/minus.svg) no-repeat;background-size:18px}
.checktree li .checkbox{width:18px;height:18px;cursor:pointer;float:left;background:url(../images/checkbox_no_check.svg) no-repeat;background-size:18px;margin-right:7px}
.checktree li .checkboxSms{width:18px;height:18px;cursor:pointer;float:left;background:url(../images/checkbox_no_check.svg) no-repeat;background-size:18px;margin-right:7px}
.checktree li .checkboxBlack{width:18px;height:18px;float:left;background-size:18px;margin-right:7px}
.checktree li .checked{background:url(../images/checkbox_check.svg) no-repeat;background-size:18px}
.checktree li .half_checked{background:url(../images/checkbox_half_check.svg) no-repeat;background-size:18px}
.checktree li li .arrow{margin-left:calc(24px + 24px)}
.checktree li li li .arrow{margin-left:calc(48px + 24px)}
.checktree li li li li .arrow{margin-left:calc(72px + 24px)}
.checktree li li li li li .arrow{margin-left:calc(96px + 24px)}
.checkboxBox{display:inline-block;float:left;width:18px;margin-right:7px}
.checkboxHeader{display:block;font-size:8px}
.btHelpAlarmTree{display:inline-block;float:right;vertical-align:middle;height:25px;width:25px;background:url(../images/help.svg) no-repeat;background-size:25px;cursor:pointer;margin-top:6px}
.filtersContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:10px}
.checkListBox{display:flex;flex-direction:column;align-items:flex-start;border:2px solid #03A7E0;border-radius:5px;width:max-content;margin-top:5px}
.checkListHeader{display:block;background-color:#03A7E0;width:calc(100% - 8px);padding:2px 4px;text-align:center}
.checkListItem{display:flex;flex-direction:row;align-items:baseline;width:97%;cursor:pointer;margin:5px 5px 0 5px}
.checkListItem>input[type="checkbox"]{appearance:none;-webkit-appearance:none;display:flex;min-width:8px;min-height:8px;border:2px solid #03A7E0;border-radius:4px;background-color:#000;cursor:pointer}
.checkListItem>input[type="checkbox"]::before{content:"";min-width:8px;min-height:8px;clip-path:polygon(21% 39%,9% 49%,37% 91%,87% 26%,75% 17%,39% 64%);transform:scale(0);background-color:#03A7E0;border:2px solid #03A7E0}
.checkListItem>input[type="checkbox"]:checked::before{transform:scale(1)}
.checkListSelectedText{color:#03A7E0}
.mailsContainer{display:block;width:80%;min-height:10em;max-height:20em;border-radius:6px;background-color:#000;border:2px solid #03A7E0;margin:auto;margin-top:20px}
.mailsContainerHeader{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;background-color:#03A7E0;padding:2px 4px}
.mailsContainerHeader>img{height:20px;cursor:pointer}
.mailsList{display:block;max-height:17em;padding:5px;overflow-y:auto}
.chart{display:block;border-radius:10px;width:100%;overflow:hidden;color:#ffffff;font-size:11px}
.chartPaper{display:block}
.chartLegend{display:block;text-align:center}
.apexcharts-tooltip{background:#f3f3f3;color:black}
.chartSlider{margin:5px 15px 0 15px}
.viewDateRange{text-align:center}
input.dateRange{border:none;width:65px;Color:#666;Font-Family:'Helvetica Neue',Helvetica,Arial,sans-serif;Font-Size:11px;Font-Style:normal}
.left{text-align:right}
.right{text-align:left}
.radioGroup{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;width:100%}
.radioItem{border:2px solid #00b1ed;border-radius:5px;margin:10px}
.radioInput{margin-left:10px}
.radioText{margin-left:5px;margin-right:10px;vertical-align:text-bottom}
.radioItemRezim{margin-left:30px;cursor:pointer}
.manualBox{display:block;width:100%;text-align:center}
.manualsList{display:inline-block;width:auto;border:2px solid #03A7E0;border-radius:10px;padding-right:20px;text-align:left;overflow:auto}
.manualsUl{list-style-type:none}
li .manualsIkona,
li .manualsIkonaFolder{display:inline-block;cursor:pointer;position:relative;margin-right:5px}
li .manualsIkonaFolder{vertical-align:bottom}
.ui-widget.ui-widget-content{border:1px solid #87cefa}
.ui-progressbar{display:none;position:relative;background:#87cefa;margin:10px 0 10px 0}
.ui-widget-header{background:#03a7e0}
.progress-label{position:absolute;left:45%;top:4px;font-weight:bold;color:#000}
.dipswitch,
.switches,
.switch,
.base,
.head{margin:0;padding:0}
.dipswitch{position:relative;display:inline-block;margin-right:10px;height:60px;width:170px;background:#03A7E0;color:white}
.switches{position:absolute;height:40px;top:20px;list-style:decimal}
.switch{position:relative;display:inline-block;left:10px;height:40px;width:10px;margin-right:6px}
.base{height:20px;width:10px;background:gray}
.head{position:relative;top:10px;height:10px;width:10px;background:white}
.on{top:0}
.number{position:relative;bottom:0;height:20px;width:10px;background:#03A7E0}
.modalBackground{display:none;position:fixed;z-index:1024;left:0;top:0;color:#fff;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.7)}
.modalWindow{display:block;position:relative;border:2px solid #03A7E0;border-radius:5px;width:max-content;background-color:#000;margin:auto;top:calc((100% / 2) - 50px);z-index:1025}
.modalWindowHeader{display:block;background-color:#03A7E0;font-weight:bold;width:calc(100% - 8px);padding:2px 4px;text-align:right;cursor:pointer}
.modalWindowText{font-weight:bold;padding:20px}
.spinner{display:block;position:relative;width:100px;height:100px;left:calc((100% / 2) - 50px);top:15%}
.noModal{z-index:1025}
@media (min-width:340px){.filtrace{display:block}
.btMenuBox{margin-left:20%}
.svgBazen{margin-left:0.3em}
}
@media (min-width:420px){.svetla{display:block}
.btMenuBox{margin-left:24%}
}
@media (min-width:500px){.atrakce{display:block}
.btMenuBox{margin-left:30%}
}
@media (min-width:580px){.davkovani{display:block}
.btMenuBox{margin-left:32%}
}
@media (min-width:650px){.logo{display:block;width:145px;height:40px;margin:3px 0 0 3px}
.langVlajka{margin:14px 8px 0 0}
.langBoxVlajek{top:47px;right:15px}
.iconUser{margin:8px 8px 0 0}
.btMenuBox{display:none}
.tlacitkoMenu{display:none}
.menu{display:block;position:relative;width:75%}
.menu ul{list-style-type:none;margin:0;padding:0;width:100%;text-align:center}
.menu ul li{width:auto;display:inline-block}
.menu a{display:block;padding:0 15px;color:white;line-height:2em;text-decoration:none;font-family:sans-serif;font-size:16px;line-height:50px;position:relative}
.menu a:hover::after{content:"";display:block;width:100%;height:3px;background:rgba(0,0,0,0.15);bottom:0;left:0;position:absolute}
.podkladCelku{width:40%;min-width:570px}
.poolViewDataIkona{height:45px;width:45px}
.poolParamNazev,
.poolParamValue,
.poolParamValueLine{font-size:1.4em;margin:5px 0 0 10px}
.poolParamValue,
.poolParamValueLine{margin-right:20px}
.poolParamItemEdit{margin-left:100px}
.showColorBox{margin-top:5px}
fieldset{width:80%}
.radioItemFiltrace{margin-left:45%}
.boxUserMenu{top:53px}
.ukazky{max-width:40%}
.login{max-width:40%}
.svgBazen{margin-left:0.5em}
}