@font-face{font-family:'robo2';font-style:normal;font-weight:200;src:url(../fonts/roboto-condensed-regular.woff) format('woff');}
@font-face{font-family:'robo2';font-style:italic;font-weight:200;src:url(../fonts/roboto-condensed-italic.woff) format('woff');}
@font-face{font-family:'robo2';font-weight:bold;src:url(../fonts/roboto-condensed-bold.woff) format('woff');}
@font-face{font-family:'robo2';font-weight:bold;font-style:italic;src:url(../fonts/roboto-condensed-boldItalic.woff) format('woff');}


a,a:link,a:visited,a:active{text-decoration:none;color:#314D95;}
a:hover{text-decoration:none ;color:#004080;}


html,body{margin:0px;padding:0px;padding-right:1px;font-family:'robo2',Arial,Helvetica,sans-serif;font-weight:200;color:#000;font-size:13px;cursor:default;}

html,#detail{position:relative;min-height:100%;}
html,#detail,.left,.right{
background:#f2f2f2;/* Old browsers */
background:-moz-linear-gradient(top,#FFF 0%,#DDD 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(top,#FFF 0%,#DDD 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,#FFF 0%,#DDD 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF',endColorstr='#DDD',GradientType=0 );/* IE6-9 */

}


#detail{padding:4px;height:100%;}
#detail table{width:98%;color:#666;font-size:13.5px;}
#detail_menu{padding:3px 0px 0px 3px;}

.opac6{opacity:0.6;}
.opac{color:#AAA;}

#nav{color:#FFFFFF;width:100%;height:auto;text-align:center;line-height:30px;z-index:99999999}
div.footer{color:#444;width:100%;height:24px;position:fixed;bottom:0px;left:0%;background-color:#EFEFEF;text-align:left;line-height:21px;font-size:12px;font-family:'robo2';
border-top:solid 1px #BBB;
background:#f2f2f2;/* Old browsers */
background:-moz-linear-gradient(top,#FFF 0%,#DDD 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(top,#FFF 0%,#DDD 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,#FFF 0%,#DDD 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF',endColorstr='#DDD',GradientType=0 );/* IE6-9 */
}
#frame.main{clear:both;width:100%;
height:-moz-calc(100vh - 85px);/* Firefox */ 
height:-webkit-calc(100vh - 85px);/* Chrome,Safari */ 
height:calc(100vh - 85px);/* IE9+ and future browsers */
border:0;
overflow-y:auto;opacity:1;}

/*
@font-face{font-family:'robo';font-style:normal;font-weight:300;src:local('RobotoCondensed'),url(../fonts/RobotoCondensed-Light.woff) format('woff');}
*/

.hilight{background-color:yellow;}

.pgheader,.pgheader2{
min-width:100px;
overflow:hidden;
height:auto;padding:1px 8px;
font-size:1.1em;
border-bottom:solid 1px #BBB;
background:#f2f2f2;/* Old browsers */
background:-moz-linear-gradient(top,#FFF 0%,#DDD 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(top,#FFF 0%,#DDD 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,#FFF 0%,#DDD 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF',endColorstr='#DDD',GradientType=0 );/* IE6-9 */
}
.pgheader0{min-width:100px;
overflow:hidden;
height:auto;padding:1px 8px;
font-size:1.1em;}


.pgheader_red{
min-width:100px;
overflow:hidden;
height:auto;padding:1px 8px;
font-size:1.1em;
border-bottom:solid 1px #FF3E3A;
background:#FF3E3A;/* Old browsers */
background:-moz-linear-gradient(top,#F66751 0%,#FF3E3A 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(top,#F66751 0%,#FF3E3A 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,#F66751 0%,#FF3E3A 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F66751',endColorstr='#FF3E3A',GradientType=0 );/* IE6-9 */
}

.form-control{font-family:'robo2';
font-size:15px;
color:#003366;
padding-left:8px;
border:solid 1px #BBB;
border-radius:4px;
margin-bottom:1px;
width:95%;
/*
font-size:1.1em;
font-weight:300;
margin-right:4px;
height:18px;
*/
}


/*
select.form-control {padding-left:-4px;}
*/

/*
.form-control:focus,.form-control[readonly],.form-control[disabled]{background-color:#FFF;border-color:#FFF;font-weight:300;opacity:1;}
select .form-control{font-family:'robo2';font-size:1.0em;font-weight:400;padding:0px 0px;height:20px;}
select .form-control[disabled]{color:#000;}
select{padding:-1px -4px;}
table{font-size:14px;color:#888;}
select{color:#003366;font-family:'robo2',font-weight:300;font-size:1.0em;padding:0px 0px;height:20px;}
*/



#idn,#idn2,#d_idn,#idc,#ido,#idt{float:right;width:40px;font-family:'robo2';font-size:12px;color:#777;text-align:right;padding-right:4px;height:22px;background:none;border:none;cursor:default;}

.idn{float:right;width:auto;font-family:'robo2';font-size:10px;color:#777;text-align:right;padding-right:4px;height:auto;background:none;border:none;color:#777;cursor:default;}


.btn,.bth,.btn_green,.btn_red{min-width:26px;font-family:"robo2",Arial;font-size:13px;font-weight:500;letter-spacing:0.2px;padding:2px 5px;border:0 none;border-radius:4px;text-transform:uppercase;background-color:#FFF;border:solid 1px #AAA;margin-right:1px;cursor:pointer;color:#000;
-webkit-transition:color 0.2s ease-in-out,background 0.2s ease-in-out;
-moz-transition:color 0.2s ease-in-out,background 0.2s ease-in-out;
-ms-transition:color 0.2s ease-in-out,background 0.2s ease-in-out;
-o-transition:color 0.2s ease-in-out,background 0.2s ease-in-out;
transition:color 0.2s ease-in-out,background 0.2s ease-in-out;
}

.bth{background-color:#BEC7E1;color:#41454E;border-top-left-radius:0px;border-bottom-left-radius:0px;
float:left;min-width:16px;height:18px;padding:0px;margin:0 4px 0 -1px;
}



.btn:hover,.bth:hover,.btn_green:hover,.btn_red:hover{color:#FFF;background-color:#45596c;}
.btn:focus,.bth:focus,.btn_green:focus,.btn_red:focus{outline:0 !important;}



.btn_green{background-color:#E6F5AE;}
.btn_red{background-color:#EB7B60;}


#a_title,#b_title,#c_title,#d_title,#e_title{float:left;font-size:1.0em;margin-top:-1px;margin-right:4px;}

#cnt,#cnt1,#cnt2,#cnt3,#cnt4,.cnt{float:left;margin:0px 2px;color:#FFF;background-color:#888;border-radius:4px;min-width:6px;padding:0px 6px;font-size:13px;}
.cnt0{margin:0px 2px;color:#FFF;background-color:#888;border-radius:4px;min-width:6px;padding:0px 6px;font-size:13px;}

.ctt{float:right;margin:0px 2px;color:#FFF;background-color:#888;border-radius:4px;min-width:6px;padding:0px 6px;font-size:13px;}

.counter,.counter0,.counter2{font-family:'robo2';float:left;margin:0px 2px;color:#FFF;background-color:#888;border-radius:4px;min-width:6px;padding:0px 6px;font-size:14px;}
.counter0{float:right;font-size:13px;margin:0px;margin-top:1px;margin-left:4px;background:none;}
.counter2{float:right;font-size:13px;margin:0px;margin-top:1px;margin-left:4px;}

/*
#counter{float:left;font-family:'robo2';font-weight:normal;font-size:13px;margin:1px 6px;color:#FFF;background-color:#888;border-radius:4px;min-width:6px;padding:0px 6px;}
*/
#tab_title,.tab_title{float:left;margin-right:4px;}
#tab_main{float:left;margin-left:6px;}


/* splitter */
.container{display:flex;flex-direction:row;border:none;overflow:hidden;xtouch-action:none;}
.left{flex: 0 0 auto;padding:0px;width:70%;min-height:200px;min-width:150px;white-space:nowrap;color:#000;}
.splitter{flex:0 0 auto;width:8px;background:url(../img/vsizegrip.png) center center no-repeat #AAA;min-height:200px;cursor:col-resize;}
.splitter:hover{background:url(../img/vsizegrip.png) center center no-repeat #45596c;cursor:col-resize;}
.splitter-horizontal{flex:0 0 auto;height:8px;background: url(../img/hsizegrip.png) center center no-repeat #AAA;cursor:row-resize;}
.right{flex:1 1 auto;padding:0px;width:100%;min-height:200px;min-width:200px;}
/* vertical panel */
.container-vertical{display:flex;flex-direction: column;height:500px;border:1px solid silver;overflow:hidden;}
.top{flex:0 0 auto;padding:10px;height:150px;width:100%;white-space:nowrap;background:#FFF;color:#000;}
.bottom{flex:1 1 auto;padding:10px;min-height:200px;background:#FFF;}


/* tabulator */
.header{float:left;width:100%;height:auto;padding:4px 0px;cursor:default;background:#666;color:#FFF;}
.header .title{float:left;margin-left:8px;margin-top:-1px;font-size:1.4em;}

#grid1, .tabulator{max-height:100%;padding:0;margin:0;}

.header .buttons{float:right;margin-top:-1px;margin-right:8px;}
/*
#reload,#download-xlsx,#download-csv,#download-pdf {float:right;cursor:pointer;background:#FFF;color:#000;}
#reload:hover,#download-xlsx:hover,#download-csv:hover,#download-pdf:hover{background:#4A596A;color:#FFF;border:solid 1px #666;}
*/

#reload{margin-right:6px;}


.icon::before{font-family:"FontAwesome";display:inline-block;min-height:16px;min-width:16px;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;}
.plus::before {font-family:"FontAwesome";font-weight:500;font-size:1.1em;content:"\f067";}
.reload::before {font-family:"FontAwesome";font-weight:500;font-size:1.1em;content:"\f2f1";}
.upload::before {font-family:"FontAwesome";font-weight:500;font-size:1.1em;content:"\f093";}

#dl_excel::before {font-family:"FontAwesome";font-weight:500;font-size:1.1em;content:"\f093";}


.ui-datepicker,.ui-datepicker select{position:relative;z-index:99999999999999 !important;font-family:'robo2';}



.collapsible,.p_collapsible,.o_collapsible,.t_collapsible{margin:0;padding:1px 6px;height:22px;border-top:#f0f0f0 1px solid;background:#cccccc;text-decoration:none;color:#000;font-size:15px;cursor:pointer;}
.collapse-close:hover, .collapse-open:hover{background:#1f516b; color: #fff;}
.collapse-open{background:#666; color: #fff;}
.collapse-open span{/*display:block; float:right; padding:10px;*/}
.collapse-open span{/*background:url(../lib/img/minus.png) center center no-repeat;*/}
.collapse-close span{/*display:block; float:right; background:url(../lib/img/plus.png) center center no-repeat; padding:10px;*/}


/*
.cb0:before,.cb1:before:before{font-family:"Font Awesome 5 Pro";font-size:13px;font-style:normal;font-weight:normal;display:inline-block;padding-right:0px;text-decoration:inherit;}
.cb0:before{content:"\f0c8";font-size:16px;font-weight:100;color:#BBB;}
.cb1:before{content:"\f14a";font-size: 16px;}
*/

.cbs{cursor:pointer;-webkit-appearance:none;background-color:#C73023;border:1px solid #cacece;margin-left:0px;margin:0px;padding:9px;border-radius:4px;display:inline-block;position:relative;-webkit-transition:color 0.2s ease-in-out,background 0.2s ease-in-out;-moz-transition:color 0.2s ease-in-out,background 0.2s ease-in-out;-ms-transition:color 0.2s ease-in-out,background 0.2s ease-in-out;-o-transition:color 0.2s ease-in-out,background 0.2s ease-in-out;transition:color 0.2s ease-in-out,background 0.2s ease-in-out;}
.cbs:checked{background-color:#4BAF50;border:1px solid #adb8c0;}
.cbs:checked:after{content:'\2714';font-size:14px;position:absolute;top:0px;left:3px;color:#FFF;}
.cbs:after{content:'\2718';font-size:14px;position:absolute;top:0px;left:4px;color:#FFF;}
.cbs:focus{outline:0;}
.cbs:checked:disabled{background-color:#888;}
.cbs:disabled{background-color:#FFF;}


.overlay{position:relative;display:block;text-align:center;color:#fff;font-size:14px;line-height:16px;opacity:0.8;background:#1f4163;border:solid 3px #1f4163;border-radius:4px;box-shadow:2px 2px 10px #333;text-shadow:1px 1px 1px #666;padding:0 4px;z-index:999999999;}

.overlay_arrow{left:50%;margin-left:-16px;width:0;height:0;position:absolute;}
.overlay_arrow.above{bottom:-15px;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid #336699;}
.overlay_arrow.below{top:65px;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid #336699;}

.stat{width:15px;height:15px;border-radius:4px;margin:1px auto;}