@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);
@import url(//fonts.googleapis.com/icon?family=Material+Icons); 

body{ margin:0; padding:0; overflow: -moz-scrollbars-vertical; overflow-y:scroll; overflow-x:auto; }
body, select, input, td, textarea{ font-family: 'Roboto Condensed', sans-serif; }
body .ui-widget{ font-family: 'Roboto Condensed', sans-serif; }
body .ui-widget input, body .ui-widget select, body .ui-widget textarea, body .ui-widget button{ font-family: 'Roboto Condensed', sans-serif; }
select, input, textarea{ border-radius: 2px;  }
input[type=text]{ text-indent: 5px; padding:0; border:0; box-shadow: 0 0 1px #444;}
select{ padding:0; border:0; box-shadow: 0 0 1px #444;}
textarea{ padding: 5px; border:0; box-shadow: 0 0 1px #444; }
header{ height: 50px; position: fixed; left:0; top:0; right: 0; background: var(--dcolor); color:#fff; z-index:120; visibility: hidden; }
nav{ overflow:auto; overflow-x:hidden; overflow-y:auto; width: 170px; position: fixed; left:0; top:0; bottom: 0; background: #fff; margin-top: 50px; z-index:9; visibility: hidden; border-right:1px solid #e5e5e5;}
nav.minmode{ width: 0; }
nav h4 span{ display: unset; }
nav.minmode h4 span{ display: none; }

nav h4{ cursor: default; font-weight:normal; font-size:1em; height:40px; line-height:40px; margin:0; margin-top:1px; background: var(--dcolor); color: #fff;}
nav h4:hover{ background: var(--lcolor); }
nav h4 .ic{ color:#fff!important; height:40px; line-height:40px; }
nav h4 div.ic{ margin-right:5px; margin-left:2px; }
div.ic.disable{ opacity: 0.4;}
.success{ color: green; }
aside{ overflow:auto; overflow-x:hidden; overflow-y:auto; width: 30px; position: fixed; right:0; top:0; bottom: 0; margin-top: 50px; z-index:101;  }
aside > ul.rlink{ margin:0; padding:0; list-style: none; margin-top: 10px;}
aside > ul.rlink > li{ background:#eeeeee; margin: 0; text-transform: uppercase; cursor:pointer; list-style: none; -webkit-writing-mode: vertical-lr; writing-mode: vertical-rl; writing-mode: tb-lr; transform: scale(-1, -1); white-space: nowrap; line-height: 30px; font-size:0.8em; padding: 5px 0; border: 1px solid #ccc; border-left:0;  margin-top: 2px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
aside > ul.rlink > li.isOpen{ background:#f8f8f8; }
aside > ul.rmods{ margin:0; padding:0; list-style: none;}
aside > ul.rmods > li{ margin:0; padding:0; list-style: none; display:none;}
aside > ul.rmods > li > div{  box-shadow: 0 0 5px #ccc; margin-left: 30px; height: 100%; position: fixed; background: #f8f8f8; min-width: 100px; text-align: center; }
footer{ height: 0; position: fixed; left:0; bottom:0; right: 0; background: #f6f6f6;  z-index:10; box-shadow: 2px -2px 2px #E5E5E5; visibility: hidden; }
section{ margin-left: 170px; margin-top: 50px; }
section.minmode{ margin-left: 0; }
header #__domain{ float: right; padding:5px 10px; }
header #__domain select{ height: 30px; padding: 0 10px; font-size: 14px; margin-top:5px; }
header h2{ font-size: 20px; margin:0; line-height: 50px;  }
header h2 img{ margin-top:0; margin-left:25px; position:absolute; }
section  h1{ margin:0; position: fixed; height: 50px; line-height: 50px; font-size: 20px; color: #333333; top: 50px; left: 0; right: 0; background: #fff; z-index:8; text-indent: 240px; display:none; }
section  h1 a{ color: #333333; }
#__greet{ float: right; line-height: 50px; margin: 0; font-size:1em; padding-right: 10px;}
#__qr{ float: right; height: 40px; width:40px; background: #FFF; margin: 5px; border-radius: 2px; cursor:pointer; margin-right: 15px; margin-left: 10px; }
#__qr div.qrBtn{ padding:5px; text-align: center; color: #AAA; font-weight: bold; font-size: 18px; line-height:30px;}
#__qr div.qrImg{ display:none; position: absolute; width: 100px; height: 100px; background: #fff; box-shadow:0 0 5px #888; border-radius: 5px; margin-top: 10px; }
#__min{ background-color: #fff; box-shadow: 0 0 5px #ccc; position:fixed; bottom:0;left:0;z-index:120;list-style: none; margin:0; padding:0; right: 0; }
#__min li{ text-align: center; cursor: default; list-style: none; margin: 0; height: 30px; line-height: 30px; box-shadow: 0 0 5px #888; margin-right: 2px; margin-top: 2px; float: left; border-radius: 3px; background: var(--dcolor); color: #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
#__min li span{ padding:  0 10px; }
.sp0{ height:0; line-height: 0; }
.sp1{ height:1px; line-height: 1px; }
.sp5{ height:5px; line-height: 5px; }
.sp10{ height:10px; line-height: 10px; }
.pad5{ padding: 5px 5px 5px 5px; }
.pad10{ padding: 10px 10px 10px 10px; }
.tip{ padding: 10px 10px 10px 10px; font-size:0.9em; background: #eee;}
a.aBtn{ color:var(--lcolor); cursor: pointer; text-decoration: none;}
a,button,input{outline:none;}
.strike{ text-decoration:line-through; }
.htmlLink{ margin-top:-20px; margin-left: 730px; position: absolute; width: 70px; text-align: right; text-decoration: underline; height: 20px; line-height: 20px; cursor: pointer; }
.mFld{ display:none; }
.lgHT nav{ left: -200px; margin-top: 0; }
.lgHT .minner{ left: -200px; }

.lgHT header{ top: -50px; }
.lgHT footer{ bottom: -50px; }
.lgHT section{ margin-left: 0; }

.smRT { overflow-x:hidden!important; }
.fsHT nav{ left: -210px; margin-top: 0; display: none; }
.fsHT header{ top: -50px; display: none;}
.fsHT aside{  display: none;}
.fsHT section{ margin-left: 0; margin-top: 0; } 
.fsHT section h1{ top: 0; background: #FFF; }
.fsHT .minner{ left: -200px; }

.fsST nav{ left: -210px; margin-top: 0; }
.fsST section{ margin-left: 0; margin-top: 50px; border-top: 1px solid #e5e5e5;}
.fsST section h1{ top: 0; background: #FFF; }
.fsST .minner{ left: -200px; }

nav ul{ margin:0; padding:0; list-style:none;  }
nav ul li{ margin:0; padding:0; border-bottom: 1px solid #e5e5e5; }
nav ul li:first-child{ border-top: 1px solid #e5e5e5; }
nav ul li a{ display:block; height:25px; line-height:25px; padding: 0 10px 0 0; text-decoration: none; color: #404040; font-weight:normal; font-size:.85em; transition: background-color .4s, color .4s; }
nav ul li span{ display:block; height:25px; line-height:25px; padding: 0 10px 0 0; text-decoration: none; color: #404040; font-weight:normal; font-size:.85em; transition: background-color .4s, color .4s; cursor:pointer;}
nav ul li a:hover{ background-color: #888;; color: #fff; } 
nav ul li span:hover{ background-color: #888;; color: #fff; } 
nav ul li.active{ background-color:#888; } 
nav ul li.active a{ color: #fff; }  

.fold{ background-color: var(--lcolor); height: 25px; position: absolute; width: 5px; }
.fold > div{ width: 0; height: 0; border-top: 15px solid #333; border-right: 15px solid transparent; position:absolute; margin-top:50px; display:none; }

nav ul li.active .fold{ visibility: visible; display:block; opacity: 1; margin-left:165px; transition: background-color .4s; } 
nav ul li > i{ background: orange; position: absolute; width: 12px; height: 12px; color: #fff; font-size: 0.6em; text-align: center; line-height: 12px; border-radius: 6px; margin-top: -30px; margin-left: 15px; font-style: normal; }
nav ul li .fold{ margin-left:155px; display:none; visibility: hidden; opacity: 0;   } 
nav ul li:hover .fold{ visibility: visible; display:block; opacity: 1; margin-left:165px;} 
nav ul li i.gicons.gi50 {  line-height: 25px; width: 25px; font-size:14px; }
#__pBox{ position: absolute; list-style: none; margin:0; padding:0; margin-left: 190px; margin-top: 20px; }
#__pBox > li{ position: absolute; list-style: none; margin:0; padding:0; width:0; height:0;}
#__pBox > li > span{ display: block; position: fixed; height: 30px; line-height: 30px; background: #FFF; box-shadow: 0 0 5px #000; padding: 0 10px; border-radius: 15px; }
#__pBox > li > div{ position:fixed; width: 800px;  text-align:left; box-shadow: 0 0 5px #888; background: #ffffff; border-top:5px solid var(--dcolor);}
#__pBox > li > div > h1{ line-height:35px; height:35px; padding-left:10px; text-align:left; margin:0; font-size:1.2em;  border-bottom: 1px dotted #888; background: #ccc; }
#__pBox > li.active > div > h1{ background: #eee; }
#__pBox > li > div > h1 ic{ margin-right: 5px; }
#__pBox > li > div > div.pModBody{ width: 100%; height:calc(100% - 30px); overflow-y: hidden; overflow-x: hidden;}
#__sDiv{ position: absolute; z-index:999; left:0; top:0; right:0; bottom:0; }
#__sDiv .sBox{ width: 400px; background: #fff; padding: 30px 0; position: fixed; right: 15px; bottom: 10px; border: 1px solid #aeaeae;
	-webkit-box-shadow: 0 0 10px 0 #8f8c8a; -moz-box-shadow: 0 0 10px 0 #8f8c8a; box-shadow: 0 0 10px 0 #8f8c8a; }
#__sDiv .sBox img{ margin-bottom: 10px; }

input.btn{ color:#ffffff; background-color:var(--dcolor); transition: background-color .4s; text-transform:uppercase; }
input.btn:hover{ background-color:var(--lcolor); }

.mBtn,input.mBtn[type=button], input.mBtn[type=submit] {	
    border-radius: 2px;  margin-right: 5px; color:#ffffff; border: 0; border:1px solid var(--dcolor); background-color:var(--dcolor); transition: background-color .4s;
	font-size:0.95em; height:30px; line-height:30px; text-decoration:none; text-align:left; padding: 0 10px; text-indent:18px; text-transform:uppercase;
}
.mBtnActive{ background-color:var(--lcolor)!important; } 
.mBtn.active{ background-color:var(--lcolor)!important; } 
.mBtn:hover,input.mBtn[type=button]:hover, input.mBtn[type=submit]:hover{ background-color:var(--lcolor)!important; }
.pb10{ padding-bottom: 10px; }
.cboth{ clear: both; } .left{ float: left; } .right{ float: right; } .cleft{ clear: left; } .cright{ clear: right; }
.info{ color:#888888; font-style: italic; font-size:12px; }
.tcenter{ text-align: center;} .tright{ text-align: right;} .tleft{ text-align: left;} .tjustify{ text-align: justify;}
.btxt{ font-weight: bold; }
.indent{ text-indent: 20px; }
.hObj{ visibility: hidden; display: none!important; } .vObj{ visibility: visible; display: block; }

.sp40{ background:transparent; width:30px; height:30px; }

.modDiv form input[type=text]{ font-size: 0.9em; }

.errFld{ color: #ff0000; font-style: italic; background: #ffc7c8; border: 1px inset #fff; }
.err{ color: #ff0000; }

div.edit{ border: 1px solid #000; border-radius:15px; }
div.edit:hover{  color: #85C557; border: 1px solid #85C557; }


.logo{ display: block; width:170px; background:#fff;  text-align:center; float:left; height: 50px;}


.fl_captext{ width: 100%; height: 30px;  }

.vline{ background: #888; }  
.licn{ display:none; transition: display .4s; }
tr.selRow > td > div.licn{ display:block; }
tr:hover > td > .licn{ display:block; }

.fSpacer{ height: 60px; line-height: 60px;  }
.btnBar{  position: fixed; left: 0; right: 0; bottom: 0; z-index:11; text-align: right; padding: 7px 10px 7px 5px;  }
.opDiv{ position: fixed; border-top-left-radius: 10px; border-top-right-radius: 10px; bottom: 40px; background: #e3e3e3; padding: 20px; }

.modDiv{ padding: 5px 50px 50px 20px; }
.fcode{ background-color:#fefefe; }
.gridDiv > div.listBody > table{ padding: 0 0 5px 0;  }	
.gridDiv .grdseq{ white-space:nowrap; text-decoration: underline; cursor: pointer;}
.gridDiv .grdSelAll{  height: 15px; line-height: 15px; margin-left: 10px; text-indent: 30px; }
.gridDiv .grdSelAll input{ position: absolute; margin-left: -20px; margin-top: 1px; }
.gridDiv > div.hasScroll{ overflow-y: auto;  }	 
.gridDiv > div.listTitle{ display:none; position: fixed; height: 30px; overflow: hidden; top: 50px; background: #fff; }	
.gridDiv > div > table > thead > tr > th{ line-height: 18px; text-align: left; }
.gridDiv > div > table > thead > tr.spRow > th{ height: 1px; line-height: 1px; border: 0; border-bottom: 0 dotted #ccc; }
.gridDiv > div > table > tfoot > tr.spRowf > th{ height: 1px; line-height: 1px; border: 0; border-bottom: 0 dotted #ccc; }
.gridDiv > div > table > thead > tr > th > div{ padding: 0; color:#888888; font-weight:normal; font-size:0.8em;}
.gridDiv > div > table > tbody{ margin-top: 30px; }
.gridDiv > div > table > tbody > tr > td{ border-bottom: 1px dotted #aeaeae;}
.gridDiv .ui-sortable-helper { display: table; }
.gridDiv > div > table > tbody > tr.gdr > td{ padding: 2px 0; transition: background-color .4s, color .4s; }
.gridDiv > div > table > tbody > tr.gdr > td > div:first-child{text-indent:5px; }
.gridDiv > div > table > tbody > tr.gdr > td > div.colorFld > input{ width:55px;}
.gridDiv > div > table > tbody > tr.gdr > td > div{ line-height:30px; height:30px;  }
.gridDiv > div > table > tbody > tr.gdr > td > div > a{ color:var(--lcolor); cursor:pointer; }
.gridDiv > div > table > tbody > tr.gdr > td > div > span{ line-height:15px; height:15px;  }
.gridDiv > div > table > tbody > tr.gdr > td > div > span > a{ color:var(--lcolor); cursor:pointer; }
.gridDiv > div > table > tbody > tr.gdr > td > div.info{ line-height:30px!important; height:30px; padding-top:0!important; display: block!important; }
.gridDiv > div > table > tbody > tr.gdr > td > div.ic{ margin:0 auto; text-indent: 0; }
.gridDiv > div > table > tbody > tr.gdr  > td > div.tree { padding: 0; width: 20px; height: 30px;  }

.gridDiv > div > table > tfoot > tr.gdrTotal > td{ background-color: #f0f0f0; padding: 5px 0; }
.gridDiv > div > table > tfoot > tr.gdrTotal > td > div{ font-weight:bold; line-height:30px; height:30px;  }
.gridDiv > div > table > tfoot > tr.gdrTotal > td > div:first-child{text-indent:5px; }
.gridDiv > div > table > tbody > tr.selRow > td{ background-color: #BBBBBB;  }
.gridDiv > div > table > tbody > tr.selRow:hover > td{ background-color: #BBBBBB;  }

.gridDiv > div > table > tbody > tr.gdr:hover > td{ background-color: #BBBBBB; }
.gridDiv > div > table > tbody > tr.gdr > td input[type=text]{ padding:0; margin:0; background: #fff; height: 30px; line-height: 30px; border: 0; text-indent: 5px; font-size: 0.9em; }
.gridDiv > div > table > tbody > tr.gdr > td input[type=button]{ padding:0; margin:0; background: var(--dcolor); height: 30px; line-height: 30px; border: 0; font-size: 1em; width:calc(100% - 10px); text-indent: 0; text-align: center; }
.gridDiv > div > table > tbody > tr.gdr > td input[type=button]:hover{ background: var(--lcolor);  }
.gridDiv > div > table > tbody > tr.gdr > td select{ padding:0; margin:0; background: #fff; height: 28px; line-height: 28px; border: 0; width: 90%; border:1px solid #ccc; font-size: 0.9em; }

.gridDiv > div > table > tbody > tr.altRow{ background: #fafafa;  }
.gridDiv > div > table > tbody > tr > td > div.edtRow{ padding-top: 10px; padding-bottom: 10px; }
.gridDiv > div > table > tbody > tr > td > div.edtRow textarea{ min-height:100px; }
.gridDiv > div > table > tbody > tr > td > div.edtRow select{ font-size: 0.9em; }

.gridDiv > div > table > tbody > tr.gdr > td > div.ct25{ width: 25px; height: 25px;  padding: 0; cursor: move;}
.gridDiv > div > table > tbody > tr.gdr > td > div.ln25{ width: 25px; height: 25px;  padding: 0; cursor: move;}

.gridDiv > div > table > tbody > tr.gdr > td > div.treeLP,
.gridDiv > div > table > tbody > tr.gdr > td > div.treeTP{ 
	padding: 0; margin-top: 7px; margin-left: 10px; width: 0; height: 0; cursor: pointer; margin-right: 5px; 
	border-left: 10px solid #333333; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 0 solid transparent;
}
.gridDiv > div > table > tbody > tr.gdr > td > div.treeLM,
.gridDiv > div > table > tbody > tr.gdr > td > div.treeTM{ 
	padding: 0; width: 0; height: 0; margin-left: 6px; margin-top: 7px; cursor: pointer; margin-right: 5px; 
	border-left: 7px solid transparent; border-top: 10px solid #333333; border-bottom: 0 solid transparent; border-right: 7px solid transparent;
}
.gridDiv > div > table > tbody > tr.gdr > td div.imthm{ position:absolute; width: 100px; display: none; margin-top: 10px; visibility: hidden; opacity: 0;
  transition: visibility 0s, opacity 0.5s linear; }
.gridDiv > div > table > tbody > tr.gdr > td div.imthm img{ max-width: 100px; box-shadow: 0 0 5px #888; background: #fff;  }
.gridDiv > div > table > tbody > tr.lhover > td div.imthm{ display: block; visibility: visible; opacity: 1;}

.gridDiv .listData > thead > tr > th > div{ font-size:1em;}
.gridDiv .listData > thead > tr > th > div.ic{ font-size:1.5em;  }

.gridDiv .pMenu{ padding: 5px 0 0 0; color: #333333; font-style: italic; font-size:0.8em; }
.gridDiv .pMenu select{ height:18px; width:50px; font-size: 11px!important;}
.gridDiv .gridNPageI{ border-radius: 5px; cursor: pointer; width: 10px; height: 10px; text-align: center; line-height: 20px; margin-right:5px; margin-top:2px; background: #eaeaea; }
.gridDiv .gridNPageA{ border-radius: 5px; cursor: pointer; width: 10px; height: 10px; text-align: center; line-height: 20px; margin-right:5px; margin-top:2px; background: #aeaeae; }

.gridDiv .ct40,.gridDiv .ln40{ cursor: move;}

.gridDiv > div > table > tbody > tr.gdr > td > div.upDownOption{ position: absolute; margin-left: -110px; width: 150px; height: 40px; line-height: 40px; background: #e4e4e4; margin-top: -5px;}

.gridDiv .fInfo div{ height:15px; line-height:15px; font-size:12px; } 
.fl_code{ font-family: courier; font-size: 12px; width:99%; height:500px; margin:10px 0;} 
.emode{ border: 1px solid #ff2222;}

.fCatcher{ z-index:9; border: 2px dotted #333333; color:#333333; height: 150px; overflow: auto; font-style: italic; font-size: 14px; line-height: 30px; text-align:center; background: #fff; box-shadow: none; }
.gridDiv .fCatcher input[type=text]{ border:0; padding:0 5px; width: 50px; box-shadow: 0 0 1px #888; height: 20px; text-align: right; }
.gridDiv .fCatcher input[type=button]{ border:0; padding:0; width: 20px; box-shadow: 0 0 1px #888; height: 20px; border-radius: 10px; margin-left: 5px; cursor:pointer;}
.fCatcher u{ cursor:pointer;  }
.fCatcher .fctext{ line-height: 20px; padding: 5px;}
.fCatcher:before{ display: block; content:''; height:4px; width:100%; position: absolute; top:0; left:0; box-shadow: none; }
.preview{ width:100px; height: 60px; float:left; margin: 10px 10px 25px 10px; position: relative; text-align: center; }
.preview img{ width: 80px; height:50px; border:3px solid #fff; display: block; box-shadow:0 0 2px #000; }
.imageHolder{ display: inline-block; position:relative; }
.appimgcode{ font-size: 5em; line-height: 80px; position: absolute; width: 760px; opacity: 0.6;  }
.appimgcode.fullQ img{ float: left; margin-left: 230px;}
.appimgcode.halfQ img{ float: left; margin-left: 30px;}
.appimgcode img{ float: left; margin-left: 230px;}
.appimgcode span{ float: left;}
.preview.done .uploaded{ display: block; }
.progressHolder{ position: absolute; background-color:#252f38; height:8px; width:100%; left:0; bottom: 0; box-shadow:0 0 2px #000; }
.progress{ background-color:#2586d0; position: absolute; height:100%; left:0; width:0; box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset; 
	-moz-transition:0.25s; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s;}
.preview.done .progress{ width:100% !important; }

.gridDiv > div > table > tbody > tr > td > div ul li.rowBtn{ padding: 5px 0; text-indent: 5px; background:#eee; margin-bottom:10px; }
.gridDiv > div > table > tbody > tr > td > div .gridDiv > div > table > tbody > tr > td > div  ul li.rowBtn{ padding: 5px 0; text-indent: 5px;  background:#ccc; margin-bottom:10px; }
.gridDiv > div > table > tbody > tr > td > div .gridDiv > div > table > tbody > tr > td > div  .gridDiv > div > table > tbody > tr > td > div  ul li.rowBtn{ padding: 5px 0; text-indent: 5px;  background:#aaa; margin-bottom:10px;}

.gridDiv > div > table > tbody > tr.gridBlock0{ background-color: #f0f0f0!important;}
.gridDiv > div > table > tbody > tr.gridBlock1{ background-color: #ffffff!important;}

.gridDiv > div > table > tbody > tr > td > div ul li.itBtn{ border-radius: 2px; position: fixed; bottom:0; margin-bottom:0; padding: 0; text-align:right; background:#e5e5e5; z-index:250; right:0; width:50px;}
.gridDiv > div > table > tbody > tr.gdr.isBold > td{ font-weight:bold;}
.gridDiv > div > table > tbody > tr.gdr.isBolder > td{ font-weight:bold; font-size:1.2em;}
.gridDiv > div > table > tbody > tr.gdr.isSmallBolder > td{ font-weight:bold; font-size:0.8em;}
.gridDiv > div > table > tfoot > tr > th{ font-weight:bold; font-size:1.2em;}



.tool{ background: #efefde; border: 1px outset #fff; font-size: 11px;  padding: 5px 10px; text-align: right; }
.tool select{ width: auto; padding: 2px; font-size: 11px; width: 150px; }
.tool input{ width: auto; padding: 2px; font-size: 11px; width: 30px; }
.tool textarea{ font-size: 11px; font-family: courier; }

.counter{ padding-right: 20px; font-style:italic; float:right; font-size:0.9em;}
.onoffswitch { position: relative; width: 70px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; }
.onoffswitch-checkbox { display: none; }
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 20px; }
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 26px; padding: 0; line-height: 26px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.onoffswitch-inner:before { content: "ON"; padding-left: 7px; background-color: #333333; color: #FFFFFF; }
.onoffswitch-inner:after { content: "OFF"; padding-right: 7px; background-color: #EEEEEE; color: #999999; text-align: right; }
.onoffswitch-switch { display: block; width: 15px; margin: 5.5px; background: #FFFFFF; border: 2px solid #999999; border-radius: 20px; position: absolute; top: 0; bottom: 0; right: 40px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;  }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0;  }

#__body .ui-widget,#__body .ui-widget input, #__body .ui-widget select, #__body .ui-widget textarea, #__body .ui-widget button  {
    font-family: 'Roboto Condensed', sans-serif; font-size: 14px;
}
#__body .ui-widget input.code, #__body .ui-widget textarea.code {
    font-family: courier; font-size: 12px;
}
#__publisher{ display:none; }

.nice-select { display:none; }
.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 32px; line-height: 30px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; margin-top:5px; color:#333333;}
.nice-select:hover { border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; }
.nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.15s ease-in-out; width: 5px; }
.nice-select.open:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; }
.nice-select.disabled:after { border-color: #cccccc; }
.nice-select.wide { width: 100%; }
.nice-select.wide .list { left: 0 !important; right: 0 !important; }
.nice-select.right { float: right; }
.nice-select.right .list { left: auto; right: 0; }
.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; }
.nice-select.small:after { height: 4px; width: 4px; }
.nice-select.small .option { line-height: 34px; min-height: 34px; }
.nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; }
.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; }
.nice-select .option.selected { font-weight: bold; }

.impbtn { cursor:pointer; }

 .varsOptions > div > table > tbody > tr > td > div { font-size:0.8em; }
 
 .fl__stat { background-color: #0567b2; color:white; border-radius: 10px; bottom: 40px; display: none; font-size: 0.8em; height: 20px; line-height: 20px; margin-bottom: 10px; right: 20px; text-align: center; }

.btn20 { border: 0 none; margin: 0; padding: 0; }

.ui-autocomplete li div p{ margin:0; font-size:0.7em; }
.ui-autocomplete li{ border-bottom:1px dotted #ccc;}
.ui-autocomplete>li>div>p:first-child{ font-weight:bold; }

.lclose{ float:right; margin-right: 10px; padding: 0; color:#fff; background: #f00; margin-top:-20px; border:0 solid #f00; line-height:20px; width:20px;text-align:center; font-size:1em; cursor: pointer; border-radius: 10px;}

body .toolTipBox{ background: var(--dcolor); color:#fff; font-size: 11px; box-shadow: none; border: 0;}

body ul.ui-autocomplete {font-size: 1em; z-index:999;}
body ul.ui-autocomplete li { background: #fff; }
body ul.ui-autocomplete li:hover { background: #eee; border: 1px dotted #ccc; }
body ul.ui-autocomplete li.ui-menu-divider{display: none; }

body ul.ui-tabs-nav > li.ui-state-default{background: #F0F0F0; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }
body ul.ui-tabs-nav > li.ui-state-default > a{color: #333;}
body ul.ui-tabs-nav > li.ui-state-default.ui-tabs-active{background: #fff;}
body ul.ui-tabs-nav > li.ui-state-default.ui-tabs-active > a{color: #333;}

body ul.ui-tabs-nav.ui-widget-header{ border:0; border-radius: 0; border-bottom: 1px dotted #888888; background: #fff; }
body div.ui-tabs{ border:0; border-radius: 0;  }

form ul.fld{ list-style:none; padding: 20px 0; margin:0; } 
form ul.fld > li{ padding-bottom:10px; float:left; width:100%; font-size:16px;}
form ul.fld > li.hf{ width:48%; }
form ul.fld > li.qt{ width:22%; }
form ul.fld > li.of{ width:18.4%; }
form ul.fld > li.ot{ width:30%; }
form ul.fld > li.tf{ width:65%; }
form ul.fld > li.ml{ margin-left:4%; }
form ul.fld > li.ml2{ margin-left:2%; }
form ul.fld > li.ml5{ margin-left:5%; }
form ul.fld > li label{ display: block; }
form ul.fld > li input[type=text]{ width: 100%; height:30px; font-size: 0.9em; }
form ul.fld > li input[type=password]{ width: 100%; height:30px; font-size: 0.9em; }
form ul.fld > li input[type=email]{ width: 100%; height:30px; font-size: 0.9em; }
form ul.fld > li select{ width: 100%; height:30px; font-size: 0.9em;}
form ul.fld > li textarea{width: 96%; font-size:14px; font-size: 0.9em; }
form ul.fld > li textarea[name=content]{ height: 400px; }
form ul.fld > li textarea[name=bodytext],form.form__lp ul li textarea[name=bodytext1],form.form__lp ul li textarea[name=bodytext2]{ height: 300px; }
form ul.fld > li div.add{ float:right; margin-left:10px; } 
form ul.fld > li div.refresh{ float:right; margin-left:10px; } 
form ul.fld > li div.close{ float:right; margin-left:10px; }  

.stat{ font-style:italic; font-size: 0.8em;  }

.ace_editor { border: 1px solid lightgray;height: 500px;width: 100%; }

#_cropper{ border-top:5px solid var(--dcolor); background-color: #eeeeee; position:fixed; top: 100px; left:300px; overflow: hidden; position: fixed;z-index: 9; box-shadow: 0 0 5px #888; }
#im_cropper{ padding: 0 20px 10px 20px; }
#im_cropper h3{ margin: 0; padding-bottom:10px; cursor: move; height:30px; line-height:30px; }
#im_cropper .im_x{ color: #ff0000; cursor: pointer; float: right; font-weight: bold; width: 30px; height:30px; text-align: center; line-height: 30px; margin-right: -20px; }
#im_cropper .im_controller li span{ display: inline-block;  }
#im_cropper ul{ list-style:none; margin:0 auto; clear:both; margin-top: -20px; width: 580px; }
#im_cropper ul li{ list-style:none; margin:0; padding:0; float:left; height:50px; line-height: 35px; }
#im_cropper ul li span{ line-height:30px; font-size: 0.8em;}
#im_cropper ul li input[type=text]{ width:50px; height:30px;  margin:0; text-align:center; text-indent: unset; font-size: 1em;}
#im_cropper ul li button{ height:30px; margin:0;}
#im_cropper .cropit-image-zoom-input.custom{ border:0; width:230px;}
#im_cropper ul li input[type=number]{ width:50px;}
#im_cropper ul li input[type=file]{ width:170px; border:0; font-size: 0.8em;}

#im_cropper .im_wrapper_range span,input{ display: inline-block; }
#im_cropper .im_rotate_btns span{ display: inline-block; }
#im_cropper .im_wrapper_range,.im_rotate_btns,.im_export{ margin-left: 5px; display: inline-block; }
#im_cropper .im_input_fields .im_input{ display: inline-block; }
#im_cropper .image-editor{ margin: 0 auto; }

.cropit_preview{ overflow: hidden; background: #fff; }
#im_controllerBtn{ padding-top: 10px; } 

.lockon:after{ content:'lock'; width: 30px; height:30px; line-height:30px;  text-align: center; cursor: pointer;}
.lockoff:after{ content:'lock_open'; width: 30px; height:30px; line-height:30px; text-align: center;  cursor: pointer; }

body ul.ui-tabs-nav > li.ui-state-default.ui-tabs-active > a { color: #fff; }
body ul.ui-tabs-nav > li.ui-state-default.ui-tabs-active { background: var(--lcolor) none repeat scroll 0 0; border:0; border-radius: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; }
body ul.ui-tabs-nav.ui-widget-header { margin:0; padding:0; border-bottom: 5px solid var(--lcolor);}
body ul.ui-tabs-nav > li { border:0; border-radius: 0; }
body ul.ui-tabs-nav > li.ui-state-default { border:0; border-radius: 0; }

#ui-datepicker-div{ font-size: 0.8em; z-index:999;}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }


.gicons{ font-family:"Material Icons"; font-style:normal; font-weight: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; 
	white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }

header .gicons, .reLoad.gicons{ transition: background-color .4s, color .4s; }

.gicons.gi50{ line-height: 30px; width: 30px; text-align: center; float:left; display: block; font-size: 16px;}

.reLoad{width:40px;height:40px;border-radius:20px;float:right;margin-left:10px;}

.adlnk{ float:right; display:block; height:40px; line-height:40px; width:40px; margin:5px 10px 0 0; background-color:var(--dcolor); color: #FFF;
	border-radius: 20px; text-align: center; text-decoration: none; font-size: 32px; }
/*#__notlnk{float: right; display: block; height: 40px; line-height: 40px; width: 40px; margin: 5px 10px 0 0; background-color: var(--dcolor); color: #FFF; border-radius: 20px; text-align: center;text-decoration: none; font-size: 32px; cursor: pointer; padding:5px 5px}
.newAlert{ background: orange; position: relative; width: 12px; height: 12px; border-radius: 8px; z-index: 101;top:-64px;right: 0;left:12px;display: inline-block;}*/
#__notlnk{position: relative;top:-2px;float: right; display: block; height: 40px; line-height: 40px; width: 40px; margin: 5px 10px 0 0; background-color: var(--dcolor); color: #FFF; border-radius: 50%; text-align: center;text-decoration: none; font-size: 32px; cursor: pointer; padding:5px 5px}
.newAlert{position: absolute;background: orange;width: 12px; height: 12px; border-radius: 50%; z-index: 101;top:0;right: 0;left:28px;display: inline-block;}

.re{ right:10px; display:block; height:40px; line-height:40px; width:40px; top:5px; border-radius: 20px; background-color:var(--dcolor); color: #FFF;
	position:absolute;position:fixed; z-index:152; cursor: pointer; text-align: center; text-decoration: none; font-size: 32px; }
.lolnk{ float:right; display:block; height:40px; line-height:40px; width:40px; margin:5px 60px 0 0; background-color:var(--dcolor); color: #FFF;
	border-radius: 20px; text-align: center; text-decoration: none; font-size: 32px; }
.adlnk:hover{ background-color:#fff; color: #333333; } 
.re:hover{ background-color:#fff; color: #333333;  }
.lolnk:hover{ background-color:#fff; color: #333333; }
#__notlnk:hover{ background-color:#fff; color: #333333; }
.adlnk:after{ content: 'portrait';} 
.re:after{ content: 'cached'; }
.lolnk:after{ content:  'exit_to_app';}
#__notlnk > a:after{ content:  'notifications_none';}

.lg_container{ height: 1px;line-height: 1px;width: 100%;}
div.add{ float:right; margin-left: 10px; }
div.refresh{ float:right; margin-left: 10px; }
div.add,.sp25,.ic,.cl, .refresh{ 
	font-family:"Material Icons"; font-style:normal; font-weight: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; 
	white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
	height: 30px; line-height: 30px; width: 30px; color: #444444; line-height: 30px; text-align: center; font-size: 22px!important; cursor: pointer;}
div.add:hover,div.refresh:hover,.sp25:hover,.cl:hover,.ic:hover{ color: #333; }
.ic.err{ color: red; }
.ic.isOFF{ color: red; }
.ic.isON{ color: #00703C; }

div.icn{ font-family:"Material Icons"; font-style:normal; font-weight: normal; text-transform: none; letter-spacing: normal; word-wrap: normal; 
	white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
	height: 20px!important; line-height: 20px!important; width: 20px!important; color: #444444; text-align: center; font-size: 16px; background: white;
    text-align: center!important; padding: 0!important; text-indent: 0!important; border-radius: 10px;}
i.icn{ font-family:"Material Icons"; font-style:normal; font-weight: normal; text-transform: none; letter-spacing: normal; word-wrap: normal; 
		white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
		height: 20px!important; line-height: 20px!important; width: 20px!important; color: #444444; text-align: center; font-size: 16px; background: white;
		text-align: center!important; padding: 0!important; text-indent: 0!important; border-radius: 10px; display:block;}
.ic.dl:after{ content:'delete'; }
.ic.cp:after{ content:'file_copy'; }
.ic.vw:after{ content:'pageview'; }
.ic.ed:after{ content:'mode_edit'; }
.ic.ad:after{ content:'add'; }
.ic.ln:after{ content:'insert_link'; }
.ic.up:after{ content:'arrow_upward'; }
.ic.dn:after{ content:'arrow_downward'; }
.ic.rt:after{ content:'crop'; }
.ic.tx:after{ content:'text_fields'; }
.ic.sv:after{ content:'save'; }
.ic.wt:after{ content:'alarm'; }
.ic.rq:after{ content:'check_box'; }
.ic.nq:after{ content:'check_box_outline_blank'; }
.ic.lk:after{ content:'lock'; }
.ic.nk:after{ content:'lock_open'; }
.ic.fd:after{ content:'file_download'; }
.ic.zp:after{ content:'layers'; }
.ic.pr:after{ content:'print'; }
.ic.sw:after{ content:'visibility'; }
.ic.hd:after{ content:'visibility_off'; }
.ic.co:after{ content:'swap_vert'; }
.cl:after{ content:'chevron_right'; width: 20px; background: #aeaeae; }
.ic.acv:after{ content:'lens'; color: #91DC5A;  }
.ic.iav:after{ content:'lens'; color: #F33E2D; }
.ic.wrn:after{ content:'lens'; color: #f3a02d; }

div.upDownOption .cl{ width: 20px; height: 30px; line-height:30px; float:left; margin-top: 5px;  margin-right: 10px; }
div.upDownOption .up{ width: 40px; float:left; margin-top: 5px;}
div.upDownOption .dn{ width: 40px; float:left; margin-top: 5px; }
div.upDownOption .sv{ width: 40px; float:left; margin-top: 5px; }

.sp25.co25:after{ content:'swap_vert'; }
.sp25.sq25:after{ content:'open_with'; }
.sp25.dg25:after{ content:'filter_none'; cursor: move; }

div.add:after{ content:'add'; font-size: 32px; color: #333; float: right;} 
div.add.btnAddNew:after{ content:''; font-size: 32px; color: #333; float: right;} 


div.refresh:after{ content:'refresh'; font-size: 32px; color: #333; } 

div.close{  font-size: 25px; height: 30px; line-height: 30px; text-align: center; width: 30px; cursor: pointer; font-style:normal; padding:0; text-indent:0; border: 1px solid #000; border-radius: 15px; color: #000; font-weight:normal;}
div.close:hover{  color: #FFC557; border: 1px solid #FFC557; }

div.rBtn{ display: inline-block; font-family:"Material Icons"; font-style:normal; font-weight: normal; text-transform: none; letter-spacing: normal; word-wrap: normal; 
	white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
	 width: 30px; line-height: 30px; height: 30px; color: #fff; text-align: center; font-size: 20px; background: var(--dcolor);
    border-radius: 17.5px; color: #fff; box-shadow: 0 0 5px #ccc; cursor: pointer; }

div.iBtn{ display: inline-block; }
div.iBtn i{ display: inline-block; font-family:"Material Icons"; font-style:normal; font-weight: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; 
	white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
	position: relative; margin-right:-30px; z-index:1; float:left; width: 30px; line-height: 30px; height: 30px; color: #fff; text-align: center; font-size: 20px; pointer-events: none; }

div.iBtn i.src:after{ content:'search'; }
div.iBtn i.rel:after{ content:'cached'; }
div.iBtn i.sav:after{ content:'save'; }
div.iBtn i.cls:after{ content:'cancel'; }
div.iBtn i.cpy:after{ content:'file_copy'; }
div.iBtn i.viw:after{ content:'pageview'; }
div.iBtn i.img:after{ content:'image'; }
div.iBtn i.imp:after{ content:'file_download'; }
div.iBtn i.upl:after{ content:'file_upload'; }
div.iBtn i.run:after{ content:'directions_run'; }
div.iBtn i.lok:after{ content:'lock'; }
div.iBtn i.prn:after{ content:'print'; }

div.bBtn{ display: inline-block; }
div.bBtn input{ display: inline-block; font-family:"Material Icons"; font-style:normal; font-weight: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; 
	white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
	width: 50px; line-height: 50px; height: 50px; color: #777; text-align: center; font-size: 32px; cursor: pointer; }
div.bBtn input:hover{ color: #333; }

div.bBtn input.src:after{ content:'search'; }
div.bBtn input.rel:after{ content:'cached'; }
div.bBtn input.sav:after{ content:'save'; }
div.bBtn input.cls:after{ content:'cancel'; }
div.bBtn input.viw:after{ content:'pageview'; }
div.bBtn input.img:after{ content:'image'; }

#im_cropper .im_rotate-ccw{ width: 30px; line-height: 30px; height: 30px; cursor: pointer; 
	font-family:"Material Icons"; font-style:normal; font-weight: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; 
	white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
	text-align: center; font-size: 20px; }
#im_cropper .im_rotate-ccw:after{ content:'rotate_left'; }
#im_cropper .im_rotate-cw{ width: 30px; line-height: 30px; height: 30px; cursor: pointer; 
	font-family:"Material Icons"; font-style:normal; font-weight: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; 
	white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
	font-style:normal; text-align: center; font-size: 20px; }
#im_cropper .im_rotate-cw:after{ content:'rotate_right'; }
#im_cropper .im_icon_image_small{ width: 30px; line-height: 30px; height: 30px; cursor: pointer;
	font-family:"Material Icons"; font-style:normal; font-weight: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; 
	white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
	font-style:normal; text-align: center; font-size: 20px; }
#im_cropper .im_icon_image_small:after{ content:'image'; }
#im_cropper .im_icon_image_large{ width: 30px; line-height: 30px; height: 30px; cursor: pointer; 
	font-family:"Material Icons"; font-style:normal; font-weight: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; 
	white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
	font-style:normal; text-align: center; font-size: 30px; }
#im_cropper .im_icon_image_large:after{ content:'image'; }

.uploaded{ position: absolute; top:0; left:0; height:100%; width:100%; background: url('../images/done.png') no-repeat center center rgba(255,255,255,0.5); display: none; }


.iFld i{ font-family:"Material Icons"; font-style:normal; font-weight: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; 
	white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
	height: 30px; line-height: 30px; width: 30px; color: #777; text-align: center; font-size: 22px; display: block; position: absolute;}
.iFld input[type=text],.iFld input[type=password],.iFld input[type=email],.iFld select{ text-indent: 30px; }

.iFld i.usr:after{ content:'person'; }
.iFld i.pwd:after{ content:'lock'; }
.iFld i.eml:after{ content:'email'; } 
#__pBox .__form{ margin:0!important; padding:0!important; border:0!important;} 

div.tab_sec{ background-color: #fff; margin-left:2px;float:left;}
div.tab_sec > h3{ text-indent:2px; width: 100%; line-height: 30px; height:30px; border-bottom: 1px dotted #888; margin:0; padding:0;font-size: 0.9em; margin-bottom: 5px;}
div.tab_sec > ul{ list-style:none; margin:0; padding:0; min-height:25px; display: block; background-color: #fff;}
div.tab_sec > ul > li{ list-style:none; margin:0; padding:0; float:left; margin-right:8px; margin-bottom: 5px; min-height: 30px;}
div.tab_sec > ul > li:last-child{ width: 100%; line-height: 1px; height:1px;  }
div.tab_sec > ul > li div.info{ padding-top: 2px; line-height: 20px;} 
div.tab_sec > ul > li label{ display: block; line-height: 20px;font-size:0.75em;color:#888; }
div.tab_sec > ul > li label.btnLabel{ line-height: 30px; color: #000; font-size: 0.9em; font-weight: bold; border-bottom: 1px dotted #888; }
div.tab_sec > ul > li label.btnLabel .refresh{ margin-left: 10px;} 
div.tab_sec > ul > li input[type=text],
div.tab_sec > ul > li input[type=email],
div.tab_sec > ul > li input[type=number]{ width:100%; height: 30px; border:0; border-radius: 2px; box-shadow: 0 0 1px #888; font-size: 0.8em!important; padding-top: 0; padding-bottom: 0;}
div.tab_sec > ul > li select{ width:100%; height: 30px; border:0; border-radius: 2px; box-shadow: 0 0 1px #888; font-size: 0.8em; padding-top: 0; padding-bottom: 0;}
div.tab_sec > ul > li textarea{ width:100%; min-height: 150px; border:0; border-radius: 2px; box-shadow: 0 0 1px #888; font-size: 0.8em; padding-top: 5px; padding-bottom: 5px;}
div.tab_sec > ul > li.RAD div{ float:left; line-height: 20px; margin-right: 5px; }
div.tab_sec > ul > li.CHK div{ float:left; line-height: 20px; margin-right: 5px; }
div.tab_sec > ul > li.RAD div.info,
div.tab_sec > ul > li.CHK div.info{ float:none; margin-top: 0; line-height: 20px; margin-right: 0; }
div.tab_sec > ul > li.RAD label{ line-height: 20px; float:left; margin-right: 20px;}
div.tab_sec > ul > li.RAD label:first-child{margin-right: 10px; }
div.tab_sec > ul > li.CHK label{ line-height: 20px; }

.global_tab_flds{ list-style: none; margin:0; padding:0; clear: both; min-height:30px;}
.global_tab_section{ width: 100%; font-weight: bold; line-height: 25px; border-bottom: 1px dotted #888; }
.global_tab_flds li{ list-style: none; margin:0; padding:0 0 10px 0; margin-right: 10px;}
.global_tab_flds li div.info{ padding-top: 2px; line-height: 20px;}
.global_tab_flds li.tab_fld{ float:left;}

.global_tab_flds li label{ display: block; line-height: 20px;font-size:0.9em;color:#888; }
.global_tab_flds li label.btnLabel{ line-height: 30px;}
.global_tab_flds li label.btnLabel .refresh{ margin-left: 10px;}
.global_tab_flds li input[type=text],
.global_tab_flds li input[type=email],
.global_tab_flds li input[type=number]{ width:100%; height: 30px; border:0; border-radius: 2px; box-shadow: 0 0 1px #888; font-size: 0.9em!important; padding-top: 0; padding-bottom: 0;}
.global_tab_flds li select{ width:100%; height: 30px; border:0; border-radius: 2px; box-shadow: 0 0 1px #888; font-size: 0.9em; padding-top: 0; padding-bottom: 0;}
.global_tab_flds li textarea{ width:100%; min-height: 150px; border:0; border-radius: 2px; box-shadow: 0 0 1px #888; font-size: 0.9em; padding-top: 5px; padding-bottom: 5px;}
.global_tab_flds li.RAD div{ float:left; margin-top: 20px; line-height: 30px; margin-right: 5px; }
.global_tab_flds li.CHK div{ float:left; margin-top: 20px; line-height: 30px; margin-right: 5px; }
.global_tab_flds li.RAD div.info,
.global_tab_flds li.CHK div.info{ float:none; margin-top: 0; line-height: 20px; margin-right: 0; }
.global_tab_flds li.RAD label{ margin-top: 20px; line-height: 30px; float:left; margin-right: 20px;}
.global_tab_flds li.RAD label:first-child{margin-right: 10px; }
.global_tab_flds li.CHK label{ margin-top: 20px; line-height: 30px; }
.ui-tabs .tabDiv{ padding-top:10px; }  
textarea:hover, textarea:active, textarea:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .btn.active { outline:0px !important; -webkit-appearance:none; }

#__pBox .tab_fld .gridDiv{ font-size: 0.75em; }
#__pBox .tab_fld .gridDiv .edtRow{ font-size: 1em; } 
#__pBox .tab_fld .gridDiv .edtRow h3{ margin:0; padding:0; height:30px; line-height: 30px;}
#__pBox .tab_fld .gridDiv .gridDiv{ font-size: 1em; }
#__pBox .tab_fld .gridDiv .gridDiv input{ font-size: 1em!important; }
#__pBox .tab_fld .gridDiv .gridDiv select{ font-size: 1em!important; }
.filterBlock h2{ clear:none !important; }
.dateBox{ min-width:240px; float:right; display: inline-block; background:transparent; height:30px; line-height:30px; text-align:left; font-weight:normal; color:#58585A; text-indent:0; box-shadow:0 0 1px #888; font-size:0.9em;}
.dateBox p{ float:right; margin:0 5px; padding:0; line-height:32px; text-indent:0;}
.dateBox input[type=text]{ padding:0; height: 20px; line-height: 20px; margin-top:6px; float:right; width:80px; text-indent:5px; font-size:0.9em;}
.dateBox input[type=button]{ background-color:transparent;width:30px;height:30px;	}
.dateBox .dateBg{ display:inline-block; float:right; background:#e3e3e3; width:30px;height:30px; text-align: center; cursor:pointer;}
.dateBox .dateBg i{ color: #000;}

.dateOpt{ left:715px; z-index: 6; position:absolute; background:#efefef; box-shadow: 0 0 2px #aeaeae; padding-top:5px; display:none;}
.dateOpt ul{ list-style:none; padding:0; margin:0;}
.dateOpt ul li{ list-style:none; padding:0 8px 0 15px; margin:0; text-indent:0; font-size: 0.9em; font-weight:normal; color:#58585A; height:30px; line-height:30px; }
.dateOpt ul li:last-child{  height:40px; }
.dateOpt ul li:hover{ background-color:#dadada; }
.dateOpt ul li.nh:hover{ background-color:#efefef; }
.dateOpt ul li div.in20{ width:30px;height:30px; }
.dateOpt ul li span{ display:block; float:left; margin-right:5px; }
.dateOpt ul li input[type=text]{ padding:2px 0; height: 30px; line-height: 30px; float:left; width:80px; text-indent:5px; font-size:1em;}
.dateOpt ul li p{margin:0 5px; padding:0; line-height:30px; text-indent:0; float:left; }
.dateOpt ul li div i{ color: #58585A;}
.dateOpt ul li.nh div i{ color: #FFF;}
.rowBtn input[name=cancel]{ margin-right: 0;}
.rowBtn input[name=close]{ margin-right: 0;}

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1;}
::-webkit-scrollbar-thumb { background: #ddd; border-radius:5px; }
::-webkit-scrollbar-thumb:hover { background: #555;}

.croppie-container { width: 100%; height: 100%; }
.croppie-container .cr-image { z-index: -1; position: absolute; top: 0; left: 0; transform-origin: 0 0; max-height: none; max-width: none; }
.croppie-container .cr-boundary { position: relative; overflow: hidden; margin: 0 auto; z-index: 1; width: 100%; height: 100%; }
.croppie-container .cr-viewport, .croppie-container .cr-resizer { position: absolute; border: 2px solid #fff; margin: auto; top: 0; bottom: 0; right: 0; left: 0; box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5); z-index: 0; }
.croppie-container .cr-resizer { z-index: 2; box-shadow: none; pointer-events: none; }
.croppie-container .cr-resizer-vertical, .croppie-container .cr-resizer-horisontal { position: absolute; pointer-events: all; }
.croppie-container .cr-resizer-vertical::after, .croppie-container .cr-resizer-horisontal::after { display: block; position: absolute; box-sizing: border-box; border: 1px solid black; background: #fff; width: 10px; height: 10px; content: ''; }
.croppie-container .cr-resizer-vertical { bottom: -5px; cursor: row-resize; width: 100%; height: 10px; }
.croppie-container .cr-resizer-vertical::after { left: 50%; margin-left: -5px; }
.croppie-container .cr-resizer-horisontal { right: -5px; cursor: col-resize; width: 10px; height: 100%; }
.croppie-container .cr-resizer-horisontal::after { top: 50%; margin-top: -5px; }
.croppie-container .cr-original-image { display: none; }
.croppie-container .cr-vp-circle { border-radius: 50%; }
.croppie-container .cr-overlay { z-index: 1; position: absolute; cursor: move; touch-action: none; }
.croppie-container .cr-slider-wrap { width: 75%; margin: 15px auto; text-align: center; }
.croppie-result { position: relative; overflow: hidden; }
.croppie-result img { position: absolute; }
.croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.cr-slider { -webkit-appearance: none;   width: 300px;  max-width: 100%; padding-top: 8px; padding-bottom: 8px; background-color: transparent; border:0;}
.cr-slider::-webkit-slider-runnable-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; }
.cr-slider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; }
.cr-slider:focus { outline: none; }
.cr-slider::-moz-range-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; }
.cr-slider::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; }
.cr-slider:-moz-focusring { outline: 1px solid white; outline-offset: -1px; }
.cr-slider::-ms-track { width: 100%; height: 5px; background: transparent;  border-color: transparent; border-width: 6px 0; color: transparent; }
.cr-slider::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); border-radius: 10px; }
.cr-slider::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); border-radius: 10px; }
.cr-slider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top:1px; }
.cr-slider:focus::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); }
.cr-slider:focus::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); }
.cr-rotate-controls { position: absolute; bottom: 5px; left: 5px; z-index: 1; }
.cr-rotate-controls button { border: 0; background: none; }
.cr-rotate-controls i:before { display: inline-block; font-style: normal; font-weight: 900; font-size: 22px; }
.cr-rotate-l i:before { content: '↺'; }
.cr-rotate-r i:before { content: '↻'; }

.slide { width: 100%; }
.slider { -webkit-appearance: none; appearance: none; width: 100%; height: 30px; background: #d3d3d3; outline: none; opacity: 0.8; -webkit-transition: .2s; transition: opacity .2s; }
.slider:hover { opacity: 1; }
.slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 30px; height: 30px; background: green; cursor: pointer; }
.sliderG::-webkit-slider-thumb { background: green; }
.sliderR::-webkit-slider-thumb { background: red; }
.slider::-moz-range-thumb { width: 30px; height: 30px; background: green; cursor: pointer; }
.sliderR::-moz-range-thumb { width: 30px; height: 30px; background: red; cursor: pointer; }
.sliderG::-moz-range-thumb { width: 30px; height: 30px; background: green; cursor: pointer; }

.ui-datepicker select.ui-datepicker-year {float:left;}
.newer{ background: orange; position: absolute; width: 12px; height: 12px; border-radius: 8px; }
#__min .newer{ margin-top: -2px; margin-left: -18px; }

#__reminder{ list-style: none; margin:0; padding:0; position: fixed; bottom:0; right:0;}
#__reminder > li{ list-style: none; margin:0; padding:0; position: fixed; right: 20px; bottom: 0; color: #646464; position: fixed; right: 20px; bottom: 0; margin-bottom: 20px; background: #FFF; z-index: 210; width: 400px; box-shadow: 0 0 5px #888; }
#__reminder > li > h5{ margin: 0; height: 35px; line-height: 35px; padding: 0 0; font-size: 1.2em; border-bottom: 1px dotted #888; }
#__reminder > li > h5 > .ic{ margin-top:2px;}
#__reminder > li > div{ padding:10px; }
#__reminder > li > div > label{ display:block; font-weight: bold;} 
#__reminder > li > div > p{ display:block; font-style:italic; font-size:0.9em; padding-bottom: 5px;} 
#__eula{ position: fixed; left: 0; right: 0; top: 50px; bottom: 0; overflow: hidden; background: #fff; z-index: 950; padding: 0 50px 60px 50px; overflow-y: scroll;}
#__eula > div > div:nth-child(2){  position: fixed; bottom: 0; background: #fff; left: 0; right: 0; height: 60px; padding:  0 50px; box-shadow: 0 0 5px #888; }
#__eula > div > div:nth-child(2) > div:nth-child(1){ float: left; line-height: 60px; font-size: 1.2em; }
#__eula > div > div:nth-child(2) > div.iBtn{ float:right; margin-top:13px; } 
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{ padding: .5em .5em!important; }
input.ei, div.ei{  min-height: 30px; max-height: 48px; border: solid 1px #cccccc; background-color: #ffffff; padding: 5px; cursor: text; overflow: auto; width: 100%; }
span.ei_valid { letter-spacing:0.03em; border: 1px solid #bbd8fb; background-color: #f3f7fd; cursor: pointer; margin-right:5px; padding: 0 2px; border-radius:2px; }
span.ei_invalid { letter-spacing:0.03em; border: 1px solid #b55e5e; background-color: #fdf5f5; cursor: pointer; margin-right:5px; padding: 0 2px; border-radius:2px;  }
.emlFld > div > div{ box-shadow: 0 0 2px #888; background-color: #ffffff; padding: 0 3px; cursor: text; overflow: auto; width: 100%; font-size: 0.8em; border-radius: 2px; min-height: 30px; line-height: 30px; scrollbar-width: thin; }
.blinkit{ animation: blinker 1s linear infinite; }
@keyframes blinker {
	50% {
		opacity: 0;
	}
}
.minner{ position: fixed; background: #CCC; width: 10px; height: 60px; left: 170px; top: 100px; z-index: 999; line-height: 60px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor:pointer;}
.smDomainHolder{  background: #fff; width: 120px; z-index: 999; overflow: hidden; height: 30px; border-radius: 2px; font-size: 0.9em; margin-top:5px; }
.smDomainHolder .ic:hover{ background-color: #eee; }
.smDomainHolder label{ line-height: 30px; height: 30px; color: #000; display:block; text-indent: 10px; }
.smDomainHolder ul{ list-style:none; margin:0; padding:0; position: fixed; background: #fff; width: 120px; box-shadow: 0 0 5px #ccc; display:none; }
.smDomainHolder ul li{ list-style:none; margin:0; padding:0; line-height: 30px; height: 30px; color: #000; text-indent: 5px;  border-bottom: 1px solid #ccc; font-size: 0.9em; cursor: pointer;}
.smDomainHolder ul li:hover{ background-color: var(--lcolor);}

body .vtabHolder ul.ui-tabs-nav{ width:200px; border-bottom:0; height:300px; display:block; box-shadow: 1px 0 0 #ccc; }
body .vtabHolder ul.ui-tabs-nav > li { border:0; clear:both; width:calc(100% - 5px); margin-bottom:2px; border-radius:3px;}
body .vtabHolder ul.ui-tabs-nav > li.ui-state-default.ui-tabs-active { background: #ccc; margin-bottom:2px; border-radius:3px; }
body .vtabHolder ul.ui-tabs-nav > li.ui-state-default.ui-tabs-active > a { font-weight:bold; color:#000;}
body .vtabHolder ul.ui-tabs-nav.ui-widget-header { margin:0; padding:0;}
body .vtabHolder ul.ui-tabs-nav.ui-widget-header{ border-bottom:0;}

.rightClickMenu{ display:none; border-radius:2px; position: fixed; background: #F0F0F0; list-style: none; margin: 0;
    padding: 0; min-width: 150px; font-size: 0.8em; box-shadow: 0 0 5px #ccc; z-index: 11;  }
.rightClickMenu li{ list-style: none; margin: 1px; padding: 0 10px; line-height: 30px; height:30px; cusor:pointer;}
.rightClickMenu li:hover{ background-color: #ccc; }   

.makerDiv{ position: fixed; background: #FFFFFF; margin: 0; padding: 0; box-shadow: 0 0 5px #ccc; z-index: 11; width:500px!important;}
.makerDiv h2{ height:30px; line-height:30px; background-color: #ccc; margin:0; padding: 0 5px; font-size: 1em; }
.makerDiv > div{ padding:5px; font-size: 0.8em; }
.makerDiv ul{ margin:0; padding:0; list-style:none; width:100%;}
.makerDiv ul li{ margin:0; padding:0; list-style:none; float:left; margin-right:10px!important; margin-bottom:10px!important;}
.makerDiv ul li input[type=text]{ height:30px; width:100%; padding:0; margin:0; border:0; box-shadow: 0 0 1px #888; border-radius: 2px; text-indent: 5px; }
.makerDiv ul li i input[type=checkbox]{ margin-top:4px; margin-right:4px; }
.makerDiv ul li i input[type=radio]{ margin-top:4px; margin-right:4px; }
.makerDiv ul li label{ color:#888; font-size:1em; display: block; line-height: 20px;height: 20px;}
.makerDiv ul li select{ height:30px; width:100%; padding:0; margin:0; border:0; box-shadow: 0 0 1px #888; border-radius: 2px; }
.makerDiv ul li input[type=checkbox]{ margin-top:-2px;}
.makerDiv ul li.nmr{ margin-right:0!important;}
.makerDiv ul li.btnRow{ clear:both; border-top:1px dotted #888; margin-top:5px; height:40px; width:100%; margin-bottom:0!important;}
.makerDiv ul li.btnRow .iBtn{ margin-top:5px;}
.makerDiv ul li.btnRow .iBtn input{ font-size: unset;}
.makerDiv ul li.btnRow .iBtn input[name=btnCancel]{ margin-right:0;}
.makerDiv .isFldHide{ display:none;}
.makerDiv sup{ position: absolute; margin-top: -2px; margin-left:2px; font-size: 1.2em;}
#__pBox div.btnRow{ border-top: 1px dotted #888; }
#__pBox div.btnRow div.iBtn{ margin-bottom:5px; margin-top:5px; font-size:0.85em;}
#__pBox div.btnRow input[name=btnClose]{ margin-right:2px; }
.ui-tabs > ul.tabs{ list-style:none; margin:0; padding:0;font-size:0.8em;}
.ui-tabs > ul.tabs > li{ list-style: none; margin: 0; padding: 0 0; height: 30px; line-height: 30px; float: left; background: #E0E0E0; margin-right: 2px; font-weight: normal; border-top-right-radius: 3px; border-top-left-radius: 3px; cursor:default; }
.ui-tabs > ul.tabs > li.ui-state-active{ background: var(--lcolor); }
.ui-tabs > ul.tabs > li:last-child{ margin-right:0!important;}
.ui-tabs > ul.tabs > li > a{ margin: 0 0!important; padding:0 5px!important; height:30px; line-height:30px; background: #E0E0E0; border-top-right-radius: 3px; border-top-left-radius: 3px; width:100%;}
.ui-tabs > ul.tabs > li.ui-state-active > a{ background: var(--lcolor);  }
.ui-tabs .tab_data{  }  
.ui-tabs .tab_data ul.tabs{ border-bottom: 0 !important; float: left; margin-top: 3px; padding-right: 3px; box-shadow: 1px 0 0 #ccc; min-height: 400px; }
.ui-tabs .tab_data ul.tabs > li{ width:170px; float:unset;margin:0 0; margin-bottom:2px; border-radius: 3px!important;  } 
.ui-tabs .tab_data ul.tabs > li:last-child{ margin-bottom:0!important;}
.ui-tabs .tab_data ul.tabs > li.ui-state-active{ background: #888; }
.ui-tabs .tab_data ul.tabs > li > a{ margin:0 0; border-radius: 3px!important; width:100%; } 
.ui-tabs .tab_data ul.tabs > li.ui-state-active > a{ background: #888; }
.ui-tabs .tab_data .tab_data{ width:calc(100% - 180px);float:left; margin-left:3px; padding-top:0!important; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{margin: 0 0!important; padding:0 5px!important;}
.ui-tabs ul.ui-tabs-nav > li.ui-state-default{background: #E0E0E0;}
.ui-tabs .ui-tabs-panel.tab_data{ padding: 0 0 0 0!important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{ cursor: unset;}

#__pBox .gridDiv { font-size:0.8em;}
#__pBox .gridDiv .gridDiv { font-size:1em;}
#__pBox .gridDiv > div > table > thead > tr > th > div{ font-size:0.9em; }
#__pBox .gridDiv > div > table > tbody > tr.gdr > td input[type=text]{ font-size:unset!important; }
#__pBox .gridDiv > div > table > tbody > tr.gdr > td input[type=button]{ font-size:unset!important; }
#__pBox .gridDiv > div > table > tbody > tr.gdr > td select{ font-size:unset!important; }
#__pBox .gridDiv > div > table > tbody > tr > td > div.edtRow select{ font-size:unset!important; }
#__pBox .gridDiv div.edtRow h3{ margin:0; padding:0; height:30px; line-height: 30px; border-bottom:1px dotted #888; }
#__pBox .gridDiv .pMenu{ font-size:unset!important; }
#__pBox .gridDiv .pMenu select{ font-size:unset!important; }
#__pBox .gridDiv .fInfo div{ font-size:0.9em; } 
#__pBox .gridDiv > div > table > tbody > tr.gdr.isBolder > td{ font-size:1.2em;}
#__pBox .gridDiv > div > table > tbody > tr.gdr.isSmallBolder > td{ font-size:0.8em;}
#__pBox .gridDiv > div > table > tfoot > tr > th{ font-size:1.2em; }
#__pBox .btnRow{ border-top:1px dotted #888; min-height:40px; font-size:0.9em; }
#__pBox .btnRow .iBtn{ margin-top:5px; }
#__pBox .fCatcher{ height:160px!important; position: absolute; width: 644px; }
#__pBox .appimgcode{ width: 630px!important;}
#__pBox .appimgcode.fullQ img{ margin-left:170px;}
#__pBox .fbigger{ font-size:1.2em}
#__pBox .fbiggest{ font-size:1.6em}