@charset "utf-8";

@page {
  size: A4;
  margin: 0;
}

@media print {
    
    body * { visibility: hidden; display: none;}
/*    .prn { visibility: visible; margin: 0; padding: 0; }*/

/*    html, body {
        margin: 0;
        padding: 0;
        width: 210mm;
        height: 297mm;
    }*/
}

@media screen {
    .prn { display: none; }
}
    
html {height: 100%;}
body {
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	padding: 0;
	margin: 0;
}
.body_ref {
	background-color:#786767;
	background-image:url(/img/bg/fill45blue.png);
	background-repeat:repeat;
	background-size:auto;	
}

.body_np {
	background-color:#767F9A;
	background-image:url(/img/bg/fill45blue.png);
	background-repeat:repeat;
	background-size:auto;	
}

a {text-decoration: none; color:inherit;}


h1,h2,h3,h4 {
 font-family: Arial, Helvetica, sans-serif;
 line-height: normal;
 padding:0;
 margin:0;
}

button {border-width: 1px; cursor: pointer; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; }
button:focus {outline:0 !important; border-color: red !important;}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.flt_hue_210 { filter: hue-rotate(210deg); -webkit-filter: hue-rotate(210deg); }




.dis { filter: grayscale(100%);	opacity:0.25; cursor: default; pointer-events: none;}

.t_tab {display: table;}
.t_row_g {display: table-row-group;}
.t_col_g {display:table-column-group;}

.t_row {display: table-row;}
.t_col {display: table-column;}
.t_cell {display: table-cell;}

.t_vam {vertical-align: middle;}
.t_vat {vertical-align:top;}
.t_vab {vertical-align:bottom;}

.t_fix {table-layout: fixed;}

.dd_row {cursor: pointer; background-color: white;}
.dd_row:hover {cursor: pointer; background-color:linen;}

.t_hover:hover {background-color:linen;}



.no {display:none;}

.m0 {margin:0px;}
.m1 {margin:1px;}
.m2 {margin:2px;}
.m3 {margin:3px;}
.m4 {margin:4px;}
.m5 {margin:5px;}
.m10 {margin:10px;}
.m15 {margin:15px;}

.p0 {padding:0px;}
.p1 {padding:1px;}
.p2 {padding:2px;}
.p3 {padding:3px;}
.p4 {padding:4px;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}

.blur2 {filter: blur(2px);}
.blur5 {filter: blur(5px);}
.blur10 {filter: blur(10px);}
.blur50 {filter: blur(50px);}



.tr15 {
	opacity:0.15;
	filter:alpha(opacity=15);
}

.tr25 {
	opacity:0.25;
	filter:alpha(opacity=25);
}
.tr50 {
	opacity:0.5;
	filter:alpha(opacity=50);
}
.tr75 {
	opacity:0.75;
	filter:alpha(opacity=75);
}
.tr80 {
	opacity:0.8;
	filter:alpha(opacity=80);
}



.tr0 {
	opacity:0;
	filter:alpha(opacity=0);
}

.trh25 {
	opacity:0.25;
	filter:alpha(opacity=25);
}
.trh25:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

.trh50 {
	opacity:0.5;
	filter:alpha(opacity=50);
}

.trh50:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

.trh75 {
	opacity:0.75;
	filter:alpha(opacity=75);
}
.trh75:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

.trh80 {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.trh80:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

.trh85 {
	opacity:0.85;
	filter:alpha(opacity=85);
}
.trh85:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

.trh90 {
	opacity:0.9;
	filter:alpha(opacity=90);
}
.trh85:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

.d_b {display: block;}
.d_ib {display: inline-block;}
.d_no {display: none;}

.cr {position:relative; float:right; }
.cm {position:relative; float:left; }
.ca {position:absolute; }
.cf {position:fixed;float:left;}

.po {cursor:pointer;}

.bd {border:1px solid #CCF;}
.bdt {border-top:1px solid #CCF;}
.bdr {border-right:1px solid #CCF;}
.bdb {border-bottom:1px solid #CCF;}
.bdl {border-left:1px solid #CCF;}

.bd_da {border:1px dashed #CCF;}
.bdt_da {border-top:1px dashed #CCF;}
.bdr_da {border-right:1px dashed #CCF;}
.bdb_da {border-bottom:1px dashed #CCF;}
.bdl_da {border-left:1px dashed #CCF;}

.bd_do {border:1px dotted #CCF;}
.bdt_do {border-top:1px dotted #CCF;}
.bdr_do {border-right:1px dotted #CCF;}
.bdb_do {border-bottom:1px dotted #CCF;}
.bdl_do {border-left:1px dotted #CCF;}



.bd_red {border:1px solid #c30;}
.bdt_red {border-top:1px solid #c30;}
.bdr_red {border-right:1px solid #c30;}
.bdb_red {border-bottom:1px solid #c30;}
.bdl_red {border-left:1px solid #c30;}

.bd_blue {border:1px solid #2A7FAA;}

.bd_white {border:1px solid white;}
.bdt_white {border-top:1px solid white;}
.bdr_white {border-right:1px solid white;}
.bdb_white {border-bottom:1px solid white;}
.bdl_white{border-left:1px solid white;}

.bd_black {border:1px solid black;}
.bdt_black {border-top:1px solid black;}
.bdr_black {border-right:1px solid black;}
.bdb_black {border-bottom:1px solid black;}
.bdl_black{border-left:1px solid black;}

.bd_lgray {border:1px solid lightgray;}
.bdt_lgray {border-top:1px solid lightgray;}
.bdr_lgray {border-right:1px solid lightgray;}
.bdb_lgray {border-bottom:1px solid lightgray;}
.bdl_lgray {border-left:1px solid lightgray;}

.bdn {border:none;}

.nobd {border:none;}
.nobdt {border-top:none;}
.nobdr {border-right:none;}
.nobdb {border-bottom:none;}
.nobdl {border-left:none;}


.ra {
	-moz-border-radius:5px; 
	-khtml-border-radius:6px;
	border-radius:6px; 
}

.ra_1 {
	-moz-border-radius:1px; 
	-khtml-border-radius:1px;
	border-radius:1px; 
}

.ra_2 {
	-moz-border-radius:2px; 
	-khtml-border-radius:2px;
	border-radius:2px; 
}

.ra_3 {
	-moz-border-radius:3px; 
	-khtml-border-radius:3px;
	border-radius:3px; 
}

.ra_4 {
	-moz-border-radius:4px; 
	-khtml-border-radius:4px;
	border-radius:4px; 
}

.ra_5 {
	-moz-border-radius:5px; 
	-khtml-border-radius:5px;
	border-radius:5px; 
}


.ra1 {
	-moz-border-radius:5px 0px 0px 0px; 
	-khtml-border-radius:6px 0px 0px 0px;
	border-radius:6px 0px 0px 0px;  

}

.ra12 {
	-moz-border-radius:5px 5px 0px 0px; 
	-khtml-border-radius:6px 6px 0px 0px;
	border-radius:6px 6px 0px 0px;  

}

.ra13 {
	-moz-border-radius:5px 0px 5px 0px; 
	-khtml-border-radius:6px 0px 6px 0px;
	border-radius:6px 0px 6px 0px;  

}

.ra14 {
	-moz-border-radius:5px 0px 0px 5px; 
	-khtml-border-radius:5px 0px 0px 5px;
	border-radius:5px 0px 0px 5px;  

}


.ra2 {
	-moz-border-radius:0px 5px 0px 0px; 
	-khtml-border-radius:0px 6px 0px 0px;
	border-radius:0px 6px 0px 0px;  
}

.ra24 {
	-moz-border-radius:0px 5px 0px 5px; 
	-khtml-border-radius:0px 6px 0px 6px;
	border-radius:0px 6px 0px 6px;  
}


.ra3 {
	-moz-border-radius:0px 0px 5px 0px; 
	-khtml-border-radius:0px 0px 6px 0px;
	border-radius:0px 0px 6px 0px;  
}

.ra34 {
	-moz-border-radius:0px 0px 5px 5px; 
	-khtml-border-radius:0px 0px 6px 6px;
	border-radius:0px 0px 6px 6px;  
}

.ra4 {
	-moz-border-radius:0px 0px 0px 5px; 
	-khtml-border-radius:0px 0px 0px 6px;
	border-radius:0px 0px 0px 6px;  
}





.bgbluesky {background-color: DeepSkyBlue; color: white;}


.bgblue {
	background-color:#E6E6FA;
	color:#000;
}

.bgbluea {
	background-color:#00C;
	color:#FFF;
}

.bgblueb {
	background-color:#036;
	color:#FFF;
}

.bgbluec {
	background-color:#0CF;
	color:#FFF;
}

.bgblued {
	background-color:#2A7FAA;
	color:#FFF;
}

.bgblued1 {
	background-color:#8AC4E2;
	color:#FFF;
}

.bgblued2 {
	background-color:#C1E0EF;
	color:#000;
}

.bgblued2_hover {
	background-color:#C1E0EF;
	color:#000;
}

.bgblued2_hover:hover {
	background-color:#2A7FAA;
	color:#FFFFFF;
}

.bgblued3 {
	background-color:#E9F4F9;
}

.bgblued4 {
	background-color:#F2F8FB;
}

.bgred {
	background-color:#C30;
	color:#FFF;
}

.bgredc {
	background-color:#F90;
	color:#FFF;
}
.bgyellow {background-color:#FC0;color:#FFF;}
.bggreen {background-color:#090;color:#FFF;}
.bggreena {background-color:#0F0;color:#FFF;}
.bggreenb {background-color:#060;color:#FFF;}


.bgblack {background-color:#000;color:#FFF;}
.bgwhite {background-color:#FFF;color:#000;}
.bggray {background-color:lightgray; color:#000;}
.bglgray {background-color:#F7F7F7; color:#000;}
.bgdarkgray {background-color:darkgray; color:#000;}

.tnw {white-space: nowrap;}
.nw {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.oh {overflow: hidden;}
.ci {border-radius: 50%;}

.s-2text {font-size:8px;}
.s-1text {font-size:10px;}
.xxstext {font-size:8px;}
.xstext {font-size:10px;}
.stext {font-size:12px;}
.ntext {font-size:14px;}
.mtext {font-size:16px;}
.m1text {font-size:17px;}


.btext {font-size:18px;}
.b1text {font-size:22px;}
.b2text {font-size:26px;}
.b3text {font-size:30px;}
.b4text {font-size:34px;}
.b5text {font-size:48px;}

.lt {text-align:left;}
.ct {text-align:center;}
.rt {text-align:right;}
.fn {font-weight:normal;}

.fb {font-weight:bold;}
.fi {font-style:italic;}
.fu { text-decoration:underline;}

.f_black {color:black;}
.f_red {color:#D60003;}
.f_dred {color:darkred;}
.f_white {color: white;}
.f_blue {color:blue;}
.f_dblue {color:darkblue;}
.f_blue_alt {color:#2A7FAA;}
.f_green {color:green;}
.f_gray {color:gray;}
.f_lgray {color:lightgray;}

.f_uc {text-transform: uppercase;}

.f_stroke_gray {text-shadow: -1px -1px 1px gray, 1px -1px 1px gray, -1px 1px 1px gray, 1px 1px 1px gray;}
.f_stroke_black {text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;}
.f_stroke_white {text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;}
.f_stroke_white2 {text-shadow: -2px -2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, 2px 2px 2px #fff;}
.f_stroke_white3 {text-shadow: -3px -3px 3px #fff, 3px -3px 3px #fff, -3px 3px 3px #fff, 3px 3px 3px #fff;}
.f_stroke_white4 {text-shadow: -4px -4px 4px #fff, 4px -4px 4px #fff, -4px 4px 4px #fff, 4px 4px 4px #fff;}

.f_stroke_red {text-shadow: -1px -1px 1px darkred, 1px -1px 1px darkred, -1px 1px 1px darkred, 1px 1px 1px darkred;}
.f_stroke_dblue {text-shadow: -1px -1px 1px darkblue, 1px -1px 1px darkblue, -1px 1px 1px darkblue, 1px 1px 1px darkblue;}


.inp_blank {color:lightgray;}


.lnk {
	text-decoration:none;
	cursor: pointer;
}

.lnk:hover {
	text-decoration:underline;
}



	

.sh {
	-webkit-box-shadow: 2px 3px 5px 0px #808080;
	-moz-box-shadow: 2px 3px 5px 0px #808080;
	box-shadow: 2px 3px 5px 0px #808080;
} 
   
.sh1 {
	-webkit-box-shadow: 2px 2px 3px 0px #808080;
	-moz-box-shadow: 2px 2px 3px 0px #808080;
	box-shadow: 2px 2px 3px 0px #808080;
} 
   
.sh2 {
	-webkit-box-shadow: 2px 2px 2px 0px #808080;
	-moz-box-shadow: 2px 2px 2px 0px #808080;
	box-shadow: 2px 2px 2px 0px #808080;
}  
   
.sh3 {
	-webkit-box-shadow: 1px 1px 1px 0px #808080;
	-moz-box-shadow: 1px 1px 1px 0px #808080;
	box-shadow: 1px 1px 1px 0px #808080;
}  
   
     
   
.shb {
	-webkit-box-shadow: 0px 1px 3px 0px #808080;
	-moz-box-shadow: 0px 1px 3px 0px #808080;
	box-shadow: 0px 1px 3px 0px #808080;
} 
   
     
.min25 {min-width:25px;}
.min35 {min-width:35px;}
.min45 {min-width:45px;}
.min50 {min-width:50px;}
.min75 {min-width:75px;}
.min100 {min-width:100px;}
.min120 {min-width:120px;}
.min150 {min-width:150px;}
.min180 {min-width:180px;}
.min200 {min-width:200px;}
.min250 {min-width:250px;}
.min300 {min-width:300px;}
.min350 {min-width:350px;}
.min400 {min-width:400px;}
.min450 {min-width:450px;}
.min500 {min-width:500px;}
.min550 {min-width:550px;}
.min600 {min-width:600px;}
.min650 {min-width:650px;}
.min700 {min-width:700px;}


.wm {width:100%;}
.hm {height:100%;}



.co-checked-full {
	background-image:url(/img/small/checked64.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

.co-unchecked-full {
	background-image:url(/img/small/unchecked64.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

.co-checked {
	padding: 2px 2px 2px 25px;
	background-image:url(/img/small/checked64.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:20px 20px;
}

.co-unchecked {
	padding: 2px 2px 2px 25px;
	background-image:url(/img/small/unchecked64.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:20px 20px;
}
.co-checked-green {
	background-image:url(/img/small/checked64green.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

.co-checked-greena {
	background-image:url(/img/small/checked64greena.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}





.bg-img-center {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

.bgi {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

.bgi_c {
	background-repeat:no-repeat;
	background-position:center center;
}

.bgi_lc {
	background-repeat:no-repeat;
	background-position: left center;
}

.bgi_rc {
	background-repeat:no-repeat;
	background-position: right center;
}

.bgi_sc {background-size: contain;}
.bgi_sco {background-size: cover;}

.bgi_12 {background-size: 12px;}
.bgi_14 {background-size: 14px;}
.bgi_16 {background-size: 16px;}
.bgi_18 {background-size: 18px;}
.bgi_22 {background-size: 22px;}
.bgi_24 {background-size: 24px;}
.bgi_26 {background-size: 26px;}
.bgi_28 {background-size: 28px;}
.bgi_32 {background-size: 32px;}
.bgi_36 {background-size: 36px;}
.bgi_40 {background-size: 40px;}
.bgi_44 {background-size: 44px;}
.bgi_48 {background-size: 48px;}

.vh4 {width:4px; height: 4px;}
.vh6 {width:6px; height: 6px;}
.vh8 {width:8px; height: 8px;}
.vh10 {width:10px; height: 10px;}
.vh12 {width:12px; height: 12px;}
.vh14 {width:14px; height: 14px;}
.vh16 {width:16px; height: 16px;}
.vh18 {width:18px; height: 18px;}
.vh20 {width:20px; height: 20px;}
.vh22 {width:22px; height: 22px;}
.vh24 {width:24px; height: 24px;}
.vh26 {width:26px; height: 26px;}
.vh28 {width:28px; height: 28px;}
.vh32 {width:32px; height: 32px;}
.vh36 {width:36px; height: 36px;}
.vh40 {width:40px; height: 40px;}
.vh44 {width:44px; height: 44px;}
.vh48 {width:48px; height: 48px;}
.vh64 {width:64px; height: 64px;}
.vh100 {width:100px; height: 100px;}
.vh200 {width:200px; height: 200px;}
.vh300 {width:300px; height: 300px;}

.arr_l10_white {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid white; 
}

.arr_l10_gray {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid lightgray; 
}

.arr_l10_bd_lgray {
	content: '';
	display: block; position: relative;
  	width: 0; 
  	height: 0; 
	border: 10px solid transparent;
	border-right-color: lightgray;
}

.arr_l10_bd_lgray:after {
	margin-left: -9px;
	margin-top: -10px;
	content: '';
	display: block; position: relative;
  	width: 0; 
  	height: 0; 
	border: 10px solid transparent;
	border-right-color: white; 
}


.arr_r10_bd_lgray {
	content: '';
	display: block; position: relative;
  	width: 0; 
  	height: 0; 
	border: 10px solid transparent;
	border-left-color: lightgray;
}

.arr_r10_bd_lgray:after {
	margin-left: -11px;
	margin-top: -10px;
	content: '';
	display: block; position: relative;
  	width: 0; 
  	height: 0; 
	border: 10px solid transparent;
	border-left-color: white; 
}


.arr_r10_bd_lgray_green {
	content: '';
	display: block; position: relative;
  	width: 0; 
  	height: 0; 
	border: 10px solid transparent;
	border-left-color: lightgray;
}

.arr_r10_bd_lgray_green:after {
	margin-left: -11px;
	margin-top: -10px;
	content: '';
	display: block; position: relative;
  	width: 0; 
  	height: 0; 
	border: 10px solid transparent;
	border-left-color: #E8FFED; 
}



.arr_l10_bd_lgray_blue {
	content: '';
	display: block; position: relative;
  	width: 0; 
  	height: 0; 
	border: 10px solid transparent;
	border-right-color: lightgray;
}

.arr_l10_bd_lgray_blue:after {
	margin-left: -9px;
	margin-top: -10px;
	content: '';
	display: block; position: relative;
  	width: 0; 
  	height: 0; 
	border: 10px solid transparent;
	border-right-color: #F2F8FB; 
}






.bsize_bb {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.o_no {outline: none;}



.rot22 {
    -ms-transform: rotate(-22deg); /* IE 9 */
    -webkit-transform: rotate(-22deg); /* Chrome, Safari, Opera */
    transform: rotate(-22deg);
}


.rot45 {
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}

.rot45r {
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.rot90 {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

.bg-blue-1 {background-color:aliceblue; color:#000;}
.bg-blue-2 {background-color:#3111FF; color:#FFF;}
.bg-blue-3 {background-color:#13008E; color:#FFF;}

.bglgreen {background-color:#E8FFED; color:#000;}
.bg-green-1 {background-color:#C8FFD5; color:#000;}
.bg-green-2 {background-color:#00E830; color:#FFF;}
.bg-green-3 {background-color:#008E1D; color:#FFF;}

.bg-red-1 {background-color:#FFF4F4; color:#000;}
.bg-red-2 {background-color:#FF8A8C; color:#FFF;}
.bg-red-3 {background-color:#D60003; color:#FFF;}

.bg-yl-1 {background-color:lightyellow; color:#000;}
.bg-yl-2 {background-color:#FFF730; color:#000;}
.bg-yl-3 {background-color:#CEC600; color:#FFF;}


.blink {
	animation: blink 1s step-start 0s infinite;
	-webkit-animation: blink 1s step-start 0s infinite;
}

@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}


/* DD MENU ITEM */
.dd_item { cursor: pointer; background-color: white; padding: 5px;}
.dd_item > div { display: table-cell; vertical-align: middle; width: 24px; height: 24px; padding-left: 28px; white-space: nowrap; background-repeat: no-repeat; background-position: left center; background-size: 24px;}
.dd_item:hover {cursor: pointer; background-color:linen;}





