@charset "UTF-8";

@media print {
	.notprintable { display: none; }
}

@media screen {
	.boxVertikScr { display: flex; flex-flow: column nowrap; height: 100%; }
	.boxVertikFixedHeightScr { flex: 0 0 auto; overflow: hidden; }
	.boxVertikGrowingHeightScr { flex: 1 1 auto;  min-height: 0; }
}
.boxVertik { display: flex; flex-flow: column nowrap; height: 100%; }
.boxVertikFixedHeight { flex: 0 0 auto; overflow: hidden; }
.boxVertikGrowingHeight { flex: 1 1 auto;  min-height: 0; }
.boxHoriz { display: flex; flex-flow: row nowrap; align-items: stretch; width: 100%; height: 100%; }
.boxHorizWrapCenter { display: flex; flex-flow: row wrap; align-items: center; 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;  }

.contentInLine > div:first-of-type { display: inline-block; white-space: nowrap; }
.contentInLine { white-space: nowrap; }
.markBlk { width: 25px; height: 20px; vertical-align: top; display: inline-block; white-space: nowrap; }

.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; color: blue; }

.disabledWindow {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

.allowResizeVertical { resize: vertical }
.verticalscrollbar { overflow: auto; } 

.col10 { width: 10px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col20 { width: 20px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col25 { width: 25px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col30 { width: 30px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col40 { width: 40px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col50 { width: 50px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col60 { width: 60px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col70 { width: 70px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col80 { width: 80px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col90 { width: 90px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col100 { width: 100px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col120 { width: 120px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col140 { width: 140px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col150 { width: 150px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col160 { width: 160px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col170 { width: 170px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col180 { width: 180px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col200 { width: 200px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col250 { width: 250px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col300 { width: 300px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col350 { width: 300px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col400 { width: 400px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col450 { width: 400px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col500 { width: 500px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col600 { width: 600px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col700 { width: 700px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.col800 { width: 800px; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
.colCenter { text-align: center; }
.colRight { text-align: right; }
.colBlock { overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; }

.clickable { cursor: pointer; }
.withMargImgs img { margin: 2px; padding: 2px; max-width: calc(100% - 8px); display: block; }
.fullwidthImgs img { margin: 2px; padding: 2px; max-width: calc(100% - 8px); display: block; width:100%; }
.htmleditor { }
.htmlbox { margin: 4px; padding: 4px; box-sizing: border-box; background-color: #E0E0E0; color:  #202020; }
.yseditor-content { background-color: #FFFFFF;  }
.cpOneColor { display: inline-block; box-sizing: border-box; margin: 1px; width: 18px; height: 18px; border: 0; }
.colorpickerbox { display: inline-block; box-sizing: border-box; margin: 1px; width: 18px; height: 18px; border: 1px dotted black; cursor: pointer; }
.colordisplaybox { display: inline-block; box-sizing: border-box; margin: 1px; width: 18px; height: 18px; border: 1px dotted black; }
.textcolorbut { display: inline-block; box-sizing: border-box; color:  #2020FF; }
.backcolorbut { display: inline-block; box-sizing: border-box; background-color: #FFFF00; }
.plrowactions-selectmenu-text { display: none; }
.plrowactions-button { padding: 1px 2px; }
.actionButArea { text-align: right; }
.collapsibleSubTreeMarkerAsList { position:relative; left: -18px; top:-20px; height: 0px; width: 0px; display: list-item; margin-bottom: -1px; overflow: visible; }
.collapsibleSubTreeMarkerInline { width: 20px; display: inline-block; }
.collapsibleSubTreeMarkerCont { font-size: 75%; }
.collapsibleSubTreeBlk { margin: 0; padding: 0px 0px 0px 30px; display: block; }
.collapsibleSubTreeBlkAsList { list-style-type: none; list-style: none; margin: 0; padding: 0px 0px 0px 16px; }
.dialogStatus { display: block; width: 100%; font-size: 100%; color: red; padding: 4px; margin: 0; font-weight: bold; box-sizing: border-box;  }
.avatarImg { border: 0px; border-radius: 4px; padding: 0px; box-sizing: border-box; overflow: hidden; background-image: url(images/blank-profile-picture-973460_640.png);
	 background-repeat: no-repeat; background-size: 100% 100%; background-color: #bbbbee; }
.avatar100 { width: 100px; height: 100px; margin: 4px; }
.avatar40 { width: 40px; height: 40px; margin: 4px; }
.fixedWidth { }


.searchWdg { display: inline-block; text-align: left; width: 296px; }
.searchWdg .searchBut { width: 29px; height:25px; vertical-align: top; box-sizing: border-box; border-radius: 3px; border-width: 1px; background-color: #f6f6f6; border-color: #dddddd; margin-right: 2px; display: none; }
.searchWdg .searchLbl { width: 29px; height:25px; vertical-align: top; box-sizing: border-box;  margin-right: 2px; display: inline-block; }
.searchComplex .searchBut { display: inline-block; }
.searchComplex .searchLbl { display: none; }
.searchWdg .searchInp { box-sizing: border-box; height: 25px; vertical-align: top; border-radius: 3px; border-width: 1px; background-color: #f6f6f6; border-color: #dddddd; margin-right: 2px; padding: 1px 4px; display: inline-block; overflow: hidden; white-space: nowrap; }
.searchWdg .searchText { width: 240px; }
.searchWdg #srchinf { display: none; }
.searchWdg .searchRemoveButBox button { width: 23px; height:25px; vertical-align: top; box-sizing: border-box; border-radius: 3px; border-width: 1px; background-color: #f6f6f6; border-color: #dddddd; display:none; }
.searchWdg .searchRemoveButBox { width: 23px; height: 25px; line-height: 25px; box-sizing: border-box; display: inline-block; overflow: hidden; }
.searchActive .searchRemoveButBox button { display:inline-block; }
.searchInfoActive .hideIfSrchInf { display: none; }
.searchInfoActive #srchinf { display: inline-block; }