@CHARSET "UTF-8";


html,body { height: 100%; width: 100%; xmin-width: 1190px; padding: 0; margin: 0; }

#topFrame { height: 44px; padding: 3px; text-align: left; width: 100%; margin: 0; box-sizing: border-box; border-style: solid; border-width: thin; background-color: #D5D5F6; }
#topFrameContainer { width: 100%; height: 37px; padding: 0; margin: 0; box-sizing: border-box; display: flex; justify-content: space-between; font-family: sans-serif; }
#topFrameLeft { margin: 0; box-sizing: border-box; padding: 0; display: inline-block; text-align: left; }
#topFrameRight { width: 54px; height: 37px; margin: 0px 0 0 0; padding: 0; text-align: right; box-sizing: border-box; display: inline-block; overflow: hidden; }

#contentFrame { min-height: 0; height: calc(100% - 66px); border-style: none; border-width: 0; }
#bottomFrame { height: 20px; margin-top: 2px; border-style: solid; border-width: thin; background-color: #D5D5F6; font-size: 80%; padding: 2px 2px 0px 2px; box-sizing: border-box;  }
#leftFrame { border: 1px dotted grey; width: 250px; height: 100%;  }
#middleFrame { border: 1px dotted grey; min-width: 416px; height: 100%;  padding: 0px; }
#rightFrame { border: 1px dotted grey; width: 200px; height: 100%;   }
#dispLogin { height: 20px; position: absolute; left: 0px; top: 0px; }
#pagestatus { width: calc(100% - 100px); height: 20px; position: absolute; left: 100px; top: 0px; background-color: #FF000000; }
#pageprogressbar { width: 80px; height: 20px; position: relative; float: right; left: 0px; top: -4px; background-color: #FF000000; }
.positioned { position: relative; }

#rightFrameBlk { width: 54px; display: inline-block; height: 37px; line-height: 25px; overflow: hidden; }
#menuButBlk { width: 54px; display: inline-block; height: 37px; overflow:hidden; }

.boxVertik { display: flex; flex-flow: column nowrap; height: 100%; }
.boxVertikFixedHeight { flex: 0 0 auto; overflow: hidden; }
.boxVertikGrowingHeight { flex: 1 1 auto;  xmin-height: 0; }
.boxHoriz { display: flex; flex-flow: row nowrap; align-items: stretch; width: 100%; height: 100%; }
.boxHorizFixedWidth { flex: 0 0 auto; overflow-y: auto; overflow-x: hidden; min-height: 0;  }
.boxHorizGrowingWidth { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; min-height: 0;  }

.head1LineHeight { height: 20px; }
.restHead1LineHeight { height: calc(100% - 20px); }

.columndiv { display: inline-block; box-sizing: border-box; margin: 0; padding: 0; vertical-align: top; position: relative; }
.dottedborder { border: 1px dotted grey; }
.resizablecolumn { display: inline-block; box-sizing: border-box; margin: 0; padding: 0; overflow: hidden; }
.pseudolink:hover { text-decoration: underline; cursor: pointer; }

.ui-droppable-active { background-color: #ff80c0; }
.ui-droppable-hover { background-color: #D0FFD0; }
.ui-tabs .ui-tabs-panel { padding: 1em 1em 0px 1em; }

.disabledWindow {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}
.pagedListHead  { background-color: #D5D5F6; display: inline-block; margin-bottom: 4px; }
.pagedListBody { height:100%; overflow-y: auto; }

.dialogForm { background-color: #D5D5F6; }
.dialogForm label { width: 200px; display: inline-block; vertical-align: middle; }
.dialogForm .displayOnlyField { padding: 3.4px; margin: 2px; box-sizing: border-box; display: inline-block; min-height: 24.4px; vertical-align: middle; }
.dialogForm .editField { margin: 2px; box-sizing: border-box; vertical-align: middle; }
.dialogForm .editTextarea { margin: 2px; box-sizing: border-box; white-space: pre-wrap; overflow: auto; }
.allowResizeVertical { resize: vertical }
.ui-widget label { width: 250px; display: inline-block;  }
label { padding-right: 4px; }
.width100 { width: 95%; }

.head_line { margin: 1px; padding: 1px; box-sizing: border-box; display: inline-block; }
.in_box { margin: 1px; padding: 1px; box-sizing: border-box; display: inline-block; border-style: solid; border-width: thin; font-size: 75%; }
.in_box_br { margin: 1px; padding: 1px; box-sizing: border-box; display: block; border-style: solid; border-width: thin; font-size: 75%; }
.in_box_list { margin: 1px; padding: 2px; box-sizing: border-box; display: list-item; border-style: solid; border-width: thin; font-size: 75%; }
.item_list { margin: 1px; padding: 2px; box-sizing: border-box; display: list-item; font-size: 75%; }
.hint { font-size: 75%; }
.checkboxInHeader { display: inline-block; width: auto; vertical-align: middle; }
.checkboxInHeader label { display: inline-block; font-size: 60%; vertical-align: middle; }
.smallnote { font-size: 75%; }
.xxsmall-input { font-size: 9pt !important; }
.login-inputs { width: 300px; }
.itemText { font-weight: bold; display: inline; }


.autocomplete-default { max-height: 600px; max-width: 300px; overflow-y: scroll; overflow-x: hidden; }
.am-ui-menu-item { width: 200px; }
#menuPlaceholder { width: 0px; height: 0px; }
.tabSmallNav { margin: 0px !important; padding: 2px 2px 0px 2px !important;  }
.tabSmallNavAnchor { margin: 0px !important; padding: 1px 30px 1px 30px !important; font-size: 75%; }

#tabItems {  }
.tabOverflow { overflow: auto; }

.resizablewrapper { display: inline-block; box-sizing: content-box; margin: 0; padding: 0 0 2px 0; overflow: hidden; }
.wrapperInitHeight1line { height: 20px; }
.wrapperInitHeight4line { height: 80px; }
.resizablesgrip { box-sizing: border-box; bottom: 1px; left: 0px; width: 100%; height: 2px; background-color: #ffffff; border-width: 1px; border-color: #000000; border-style: none none solid none;}
.markBlk { width: 25px; height: 20px; vertical-align: top; display: inline-block; }
.draghandleBlk { width: 20px; height: 20px; display: inline-block; overflow: hidden; margin-right: 8px; }
.draghandle { text-align: center; vertical-align: top; background-color: #f0f0f0; font-weight: bold; font-size: 120% !important; }

.contentInLine > * { display: inline-block; white-space: nowrap; }
.contentInLine { white-space: nowrap; }
.gridLine { margin: 0; padding: 0; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; }
.gridCell { margin: 0; font-size: 75%; vertical-align: bottom; height: 20px; overflow: hidden; padding: 0; box-sizing: border-box; }
.xgridCell button { margin-top: -1px; }
.gridHeadCell { margin: 0px; font-size: 75%; vertical-align: bottom; height: 30px; overflow: hidden; padding: 0; box-sizing: border-box; }
.gridHead2LCell { margin: 0px; font-size: 75%; vertical-align: bottom; height: 37px; overflow: hidden; padding: 0; box-sizing: border-box; white-space: normal; }
.gridHead3LCell { margin: 0px; font-size: 75%; vertical-align: bottom; height: 44px; overflow: hidden; padding: 0; box-sizing: border-box; white-space: normal; }
.nopaddingnomargin { margin: 0; padding: 0; }

.userSessionRow { width: 1070px; }
.identityAdmRow { width: 580px; }
.techInfoRow { width: 784px; }
.evhistRow { width: 674px; }
.accessAdmRow { width: 484px; }
.devicesAdmRow  { width: 554px; }
.gridBut { width: 24px; height: 18px; margin-top: -1px; }
.gridButSymb { width: 24px; height: 18px; margin-top: 1px; padding: 0px 2px 0px 2px; text-align: center; }
.fontSymb { font-size: 80% !important; height: 18.4px; margin: 0; padding: 0; }
.devicesArea { width: 300px; margin: 1px; padding: 1px; box-sizing: border-box; display: inline-block; border: 0; }
.devicesAreaBlk { margin-top: 8px; }
.devicesArea div { width: 296px; box-sizing: border-box; display: inline-block; overflow: hidden; white-space: nowrap; }
.devicesArea label { width: 180px; box-sizing: border-box; padding-right: 0; }
.devicesAreaLabel { width: 250px; box-sizing: border-box; display: inline-block; overflow: hidden; white-space: nowrap; vertical-align: top; }

.noDialogForm { background-color: #c5fcc6; border: 0px; border-radius: 4px; margin: 4px; padding: 4px; }
.noDialogForm input[type="text"],.noDialogForm input[type="password"] { border: 0px; border-radius: 4px; margin: 4px; padding: 4px; background-color: #ffffffff; }

.col25 { width: 25px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col30 { width: 30px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col40 { width: 40px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col50 { width: 50px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col60 { width: 60px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col70 { width: 70px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col80 { width: 80px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col100 { width: 100px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col120 { width: 120px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col140 { width: 140px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col150 { width: 150px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col200 { width: 200px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col250 { width: 250px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col260 { width: 250px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col400 { width: 400px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col500 { width: 500px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.col800 { width: 800px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; }
.colCenter { text-align: center; }
.colRight { text-align: right; }
.colHeaderWrap { overflow: auto; white-space: normal; }
.hoverRow { background-color: #E0E0E0; }

.editFieldNormal { background-color: #FFFFFF; }
.editFieldError { background-color: #FFE0E0; }
.editFieldRequired { background-color: #EAEAFB; }

#homeBlk { width: 100%; }
.homeArea {}
.homeitemFull { width: calc(100% - 4px); border: 1px dotted grey; display: block; box-sizing: border-box; margin: 2px; padding: 4px; vertical-align: bottom; border-radius: 4px; }
.homeitem125x25 { width: 121px; height: 25px; border: 1px dotted grey; display: inline-block; box-sizing: border-box; margin: 2px; padding: 4px; vertical-align: bottom; border-radius: 3px; }
.homeitem250x25 { width: 246px; height: 25px; border: 1px dotted grey; display: inline-block; box-sizing: border-box; margin: 2px; padding: 4px; vertical-align: bottom; border-radius: 3px; }
.homeitem250x50 { width: 246px; height: 50px; border: 1px dotted grey; display: inline-block; box-sizing: border-box; margin: 2px; padding: 4px; vertical-align: bottom; border-radius: 3px; }
.homeitem250x75 { width: 246px; height: 75px; border: 1px dotted grey; display: inline-block; box-sizing: border-box; margin: 2px; padding: 4px; vertical-align: bottom; border-radius: 3px; }
.homeitem250x90 { width: 246px; height: 90px; border: 1px dotted grey; display: inline-block; box-sizing: border-box; margin: 2px; padding: 4px; vertical-align: bottom; border-radius: 3px; }
.highlightClickable { background-color: #E8E8F0; cursor: pointer; }
.dbClickable { cursor: pointer; }
.dblabel { font-family: sans-serif; }
.dbvalue { padding-left: 8px; font-family: sans-serif; font-weight: bold; }
.dbvaluefont { font-family: sans-serif; font-weight: bold; }
.dbvaluenormal { padding-left: 8px; font-family: sans-serif; }
.dbheader { font-family: sans-serif; font-size: 110%; font-weight: bold; }
.dbsmall { font-family: sans-serif; font-size: 80%; }
.dbvspace { padding-top: 4px; }
.dbvvspace { padding-top: 6px; }
.dbvvvspace { padding-top: 8px; display: inline-block; }
.dbvvvvspace { padding-top: 12px; }
.clickable { cursor: pointer; }

.dbROOM { background-color: #EFE4A0; }
.dbHOME { background-color: #BDF3BC; }
.dbWEATHER { background-color: #bef1f0; }
.dbSETTEMP { background-color: #DFD480; margin-bottom: 10px !important; }
.dbSETTEMP button { padding: 4px; margin: 6px; }
.dbSETTEMP select { padding: 4px; margin: 6px 0 6px 0; }
.dbSETTEMP input { padding: 4px; margin: 6px 0 6px 0; }
.labelsetTemp { font-family: sans-serif; font-weight: bold; color: #F02020; }
.plusMinusBut { min-width: 30px; }

.doctext > div { padding: 4px; border: 0px; border-radius: 4px; margin-top: 2px; }

.autocomplete-acValues { max-height: 600px; max-width: 300px; overflow-y: scroll; overflow-x: hidden; }

.tablerowcentered td { text-align:center; }
.tablerowbold td { font-weight: bold;  }
.tablerowsmallnote td { font-size: 75%; }
table.tableallborderdotted, table.tableallborderdotted td { border: 1px dotted black; border-collapse: collapse; }
.selParAC { width: calc(100% - 4px); }
.verticalscrollbar { overflow: auto; } 


.bigfont { font-size: 24px; }
/* .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 24px; } */
#menuBut { font-size: 16px; }
.bigfont input[type="text"] { height: 30px; font-size: 24px; }
.bigfont input[type="password"] { height: 30px; font-size: 24px; }
.cm-ui-menu-item { width: 300px; }
.fieldInText { font-weight: bold; display: inline; }
.errstatus { color:  #F02020; margin-top: 8px; }

.roundedblk { border: 0px; border-radius: 4px; margin: 4px; padding: 4px; } 
.loginheader { background-color: #D0D0F0; }
.infoblkh1 { font-size: 120%; margin-bottom: 20px; }
.horizcenter { text-align: center; }
.stdpl { border: 0px; border-radius: 4px; margin: 4px; padding: 4px; background-color: #F0F0F8; }
.contentbox { display: inline-block; white-space: normal; vertical-align: top; }
.headerformValue { font-weight: bold; }
.headerform { background-color: #D0D0F0;  }
.fullsize { width: 100%; height: 100%; box-sizing: border-box;  }
div[contenteditable]:empty::before { content: "Sem napiš text příspěvku"; font-size: 75%; color: gray; }

.sched { display: inline-block; border: 0; padding: 5px 0 0 0; margin: 0; height: 20px; font-size: 11px; overflow: hidden; white-space: nowrap; color: white; font-family: sans-serif; box-sizing: border-box; }
.schedbox { display: inline-block; }
.schedline { display: block; width: 384px; }
.scheddesc div { display: inline-block; box-sizing: border-box; border-color: black; border-style: dotted; border-width: 0 0 0 1px; width: 16px; height: 12px; font-size: 11px; overflow: hidden; white-space: nowrap; font-family: sans-serif; }
.scheddesc { box-sizing: content-box; border-color: black; border-style: dotted; border-width: 0 1px 0 0; }