@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');}
*/



.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;}


.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,#idv,#d_idn{float:right;width:40px;font-family:'robo2';font-size:12px;color:#DDD;text-align:right;padding-right:4px;height:22px;background:none;border:none;color:#777;cursor:default;}


.btn{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:#EEE;border:solid 1px #AAA;margin-right:1px;cursor:pointer;color:#000;

background:#f2f2f2;
background:-moz-linear-gradient(top,#FFF 0%,#DDD 100%);
background:-webkit-linear-gradient(top,#FFF 0%,#DDD 100%);
background:linear-gradient(to bottom,#FFF 0%,#DDD 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF',endColorstr='#DDD',GradientType=0 );

-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;
}

.btn:hover{color:#FFF;background-color:#45596c;
	background:#45596c;
background:-moz-linear-gradient(top,#6A7E94 0%,#45596c 100%);
background:-webkit-linear-gradient(top,#6A7E94 0%,#45596c 100%);
background:linear-gradient(to bottom,#6A7E94 0%,#45596c 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A7E94',endColorstr='#45596c',GradientType=0 );
}
.btn:focus{outline:0 !important;}


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

#cnt,#cnt1,#cnt2,#cnt3,.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;}

.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{font-family:'robo2';}

/*
.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;}


.docTyp1,.docTyp2,.docTyp3,.docTyp4,.docTyp5{float:left;margin-right:4px;width:20px;height:16px;text-align:center;font-size:15px;line-height:17px;font-weight:bold;border-radius:3px;color:#000;}

.docTyp1{border:solid 1px #db5cd7;
background:#ef9bec;
background:-moz-linear-gradient(top,#ef9bec 10%,#e250dc 66%,#d406cd 100%);
background:-webkit-linear-gradient(top,#ef9bec 10%,#e250dc 66%,#d406cd 100%);
background:linear-gradient(to bottom,#ef9bec 10%,#e250dc 66%,#d406cd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef9bec',endColorstr='#d406cd',GradientType=0);}

.docTyp2{border:solid 1px #96ba32;
background:#cae967;
background:-moz-linear-gradient(top,#cae967 0%,#a2be3e 68%,#86a022 100%);
background:-webkit-linear-gradient(top,#cae967 0%,#a2be3e 68%,#86a022 100%);
background:linear-gradient(to bottom,#cae967 0%,#a2be3e 68%,#86a022 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae967',endColorstr='#86a022',GradientType=0);}

.docTyp3{border:solid 1px #fbb92f;
background:#fff356;
background:-moz-linear-gradient(top,#fff356 10%,#ffd63e 66%,#ffc02c 100%);
background:-webkit-linear-gradient(top,#fff356 10%,#ffd63e 66%,#ffc02c 100%);
background:linear-gradient(to bottom,#fff356 10%,#ffd63e 66%,#ffc02c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff356',endColorstr='#ffc02c',GradientType=0);}

.docTyp4{border:solid 1px #e9a11d;
background:#f7c942;
background:-moz-linear-gradient(top,#f7c942 10%,#e6ad1a 66%,#e0a20d 100%);
background:-webkit-linear-gradient(top,#f7c942 10%,#e6ad1a 66%,#e0a20d 100%);
background:linear-gradient(to bottom,#f7c942 10%,#e6ad1a 66%,#e0a20d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7c942',endColorstr='#e0a20d',GradientType=0);}

.docTyp5{border:solid 1px #1651a4;
background:#1b5cad;
background:-moz-linear-gradient(top,#1b5cad 39%, #19339e 99%);
background:-webkit-linear-gradient(top,#1b5cad 39%,#19339e 99%);
background:linear-gradient(to bottom,#1b5cad 39%,#19339e 99%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b5cad',endColorstr='#19339e',GradientType=0);color:#FFF;}

.docTyp1::before{content:'C';}
.docTyp2::before{content:'F';}
.docTyp3::before{content:'W';}
.docTyp4::before{content:'O';}
.docTyp5::before{content:'S';}



.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;}