@media print {
	.noprint {
		display: none;
	}
}
body { 
	font-size:8pt; 
	font-family:Tahoma,Verdana,Arial,Helvetica; 
}
table.dane { 
	font-size:7pt; 
	font-family:Tahoma,Verdana,Arial,Helvetica; 
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px solid black;
	table-layout: auto !important;
	width: 100% !important;
}
table.dane tr.bborder td { 
	border-top: 3px solid red !important;
}

table.dane thead {
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	background: #cccccc;	
}
table.dane th,
table.dane td {
	border: 1px solid black;
	border-collapse: collapse;
	vertical-align: middle;
}
table.dane th {
	background: #cccccc; 
	padding: 5px;
}
table.dane td {
	text-align: right;
	padding: 5px;
}
table.dane td select,
table.dane td input[type=text],
table.dane td input[type=password]
{ 
	margin: -4px;
	/*width: 100%;*/
}
table.dane table td select,
table.dane table td input[type=text],
table.dane table td input[type=password]
{
	margin: -1px;
	/*width: 100%;*/
}
.dane A {
	text-decoration: none;
	font-size: 16px;
}
table.dane TR.invalid,
table.dane TR.invalid TH,
table.dane TR.invalid TD
{
	background-color: #FFCCCC !important;
}
.dane TR.hover:hover TD,
.dane TR.hover:hover TH {
	background-color:#CCCCFF !important;
}
select.invalid, button.invalid, input.invalid, textarea.invalid{
	border-bottom: 2px solid red;
	background-color: #FF8888;
}
select.valid, button.valid, input.valid, textarea.valid{
	border-bottom: 2px solid green;
	background-color: #88FF88;
}

/*
.dane TR:hover TD {
	background-color:#CCCCFF;
}
*/
/*
input,
select,
textarea { 
	font-size:8pt; 
	font-family:courier,fixed; 
	margin: 0px;

}
*/
table.dane table {
	width: 100%;
	border-collapse: collapse;
/*	margin: -6px; */
}
table.dane table td,
table.dane table th {
	background-color: #EEEEEE;
	padding: 1px;
}
table.dane:not(.waski) td select,
table.dane:not(.waski) td input[type=text],
table.dane:not(.waski) td textarea,
table.dane:not(.waski) table td select,
table.dane:not(.waski) table td input[type=text],
table.dane:not(.waski) table td table td textarea
{
	margin: -1px;
	font-size: 7pt;
	width: 100%;
}
table.dane button {
	font-size: 1em;
}

table.waski { width: auto !important; }

.sort {
	margin: 1px !important;
	padding: 0px !important;
	font-size: 10px !important;	
}


.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; vertical-align: middle !important }

h2 { margin:0px; padding: 5px; font-weight: bold; }
h3 { margin:0px; padding: 5px; }
h4 { margin:0px; padding: 2px; }
h5 { 
	font-size: 8pt;
	border: 1px dashed;
	background: #d0f5e1;
/*	position: absolute; */
	display: block;
	clear: right;
	float: right;
	right: 10px;
	top: 10px;
	width: 250px;
	padding: 5px;
	
	text-align: center;
}
.vertical SPAN {
}
.vertical {
	white-space: nowrap;
	text-align: left;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

.form-row { display: flex; margin-bottom: 29px; }
.form-row:last-child { margin-bottom: 0px; }
.margin-top-10 { margin-top: 10px; }
.float-left { float: left; }
.float-right { float: right; }
.display-inline { display: inline; }
.display-inline-block { display: inline-block; }
.width-100 { width: 100px; }
.width-200 { width: 200px; }
.width-700 { width: 700px !important; }
.clear-both { clear: both; }
.nobr { white-space:nowrap; }

.loginform {
	border-width: 1pt;
	border-style: solid;
	border-color: #888888;
}
.light {
	background-color: #DDDDDD;
}
.alert { color: #FF0000 !important; }
.font-normal { font-weight: normal !important; }
.bold { font-weight: bold !important;}
.crossed { text-decoration: line-through !important; }

.small,
.small a:link { 
	font-size: 5pt;	
	color: #555555;
}
.small-nowrap {
	white-space: nowrap;
	font-size: 5pt;
}
.middle { font-size: 7pt !important; }
.big { font-size: 12pt !important; } 
.pusty { border-left: 0px; border-right:0px; }

.red { color: red !important; }
.green { color: green !important; }
.tblue { color: blue !important; }
.grey { color: grey !important; }
.blue, .blue input, .blue select { background-color: #CCCCFF; color: #000044; }
.pink, .pink input, .pink select { background-color: #FFAAFF; color: #440044; }
.yellow, .yellow input, .yellow select { background-color: #FFFFAA; color: #444400; }
.dark { background-color: #666666; color: #FFFFFF; }

.bpink { background-color: #FF88FF !important; }
.blpink, .K { background-color: #FFCCFF !important; }
.bvlpink { background-color: #FFDDFF !important; }
.bdpink { background-color: #FF44FF !important; }
.bred { background-color: #FF8888 !important; }
TR.blred TD, .blred, .bdred A { background-color: #FFCCCC !important; }
.bvlred { background-color: #FFDDDD !important; }
.bdred { background-color: #FF4444 !important; }
.bgrey { background-color: #AAAAAA !important; }
.blgrey { background-color: #CCCCCC !important; }
.bvlgrey { background-color: #DDDDDD !important; }
.bvvlgrey { background-color: #F8F8F8 !important; }
.bdgrey { background-color: #888888;!important;  }
.bgreen, .FV.select { background-color: #88FF88 !important; }
TR.blgreen TD, .blgreen, .FV, .bdgreen A { background-color: #CCFFCC !important; }
.bvlgreen { background-color: #DDFFDD !important; }
.bvvlgreen { background-color: #EEFFEE !important; }
.bdgreen { background-color: #44FF44 !important; }
.bblue, .PZ.select { background-color: #8888FF !important; }
.blblue, .PZ, .PZ th, .ZW, .ZW th, .bdblue A { background-color: #CCCCFF !important;}
.bvlblue { background-color: #DDDDFF !important;}
.bdblue { background-color: #4444FF !important; }
.byellow, .WZ.select { background-color: #FFFF88 !important; }
.blyellow, .WZ, .WZ th, .WW, .WW th { background-color: #FFFFAA !important; }
.bvlyellow { background-color: #FFFFCC !important; }
.bdyellow { background-color: #FFFF44 !important; }
.bviolet { background-color: #944dff !important; }
.blviolet { background-color: #d1b3ff !important; }
.bvlviolet { background-color: #f0e6ff !important; }
.bdviolet{ background-color: #6600ff;!important;  }

#autosuggest { display: none; z-index: 10000; }
.suggestion_list { background-color: #EEFFEE; border: 1px solid; padding: 0px; width: 600px; }
.suggestion_list ul { padding: 0; margin: 0; list-style-type: none; }
.suggestion_list span { position: absolute; right: 0; font-size: 9px; margin-right: 2px; color: brown; }
.suggestion_list a { text-decoration: none; padding-left: 2px; color: black; }
.suggestion_list .selected { background-color: #AAFFAA; }
.suggestion_list .selected a { color: black; }


#kon { background-color: #00ff00; color: #ffffff; font-weight:bold; }
#koff { background-color: #ddffdd; }
#lmon { background-color: #ff0000; color: #ffffff; font-weight:bold; }
#lmoff { background-color: #ffdddd; }
#mlon { background-color: #0000ff; color: #ffffff; font-weight:bold; }
#mloff { background-color: #ddddff; }
#spon { background-color: #00ffff; color: #ffffff; font-weight:bold; }
#spoff { background-color: #ddffff; }
#mon { background-color: #ffff00; color: #ffffff; font-weight:bold; }
#moff { background-color: #ffffdd; }
#on { background-color: #666666; color: #ffffff; font-weight:bold; }
#off { background-color: #eeeeee; }

table.table-header-rotated {
	border:0px;
}

.table-header-rotated th.row-header{
	width: auto;
}

.table-header-rotated td {
	width: 40px;
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	vertical-align: middle;
	white-space:nowrap;
}

.table-header-rotated th.rotate-45{
	height: 80px;
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	vertical-align: bottom;
	padding: 0;
	font-size: 12px;
	line-height: 0.8;
	border: 0px;
	background-color: #ffffff;
}

.table-header-rotated th.rotate-45 > div{
	position: relative;
	top: 0px;
	left: 40px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
	height: 100%;
	-ms-transform:skew(-45deg,0deg);
	-moz-transform:skew(-45deg,0deg);
	-webkit-transform:skew(-45deg,0deg);
	-o-transform:skew(-45deg,0deg);
	transform:skew(-45deg,0deg);
	overflow: hidden;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	border-top: 1px solid #888888;
}

.table-header-rotated th.rotate-45	span {
	-ms-transform:skew(45deg,0deg) rotate(315deg);
	-moz-transform:skew(45deg,0deg) rotate(315deg);
	-webkit-transform:skew(45deg,0deg) rotate(315deg);
	-o-transform:skew(45deg,0deg) rotate(315deg);
	transform:skew(45deg,0deg) rotate(315deg);
	position: absolute;
	bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
	left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
	display: inline-block;
	// width: 100%;
	width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
	text-align: left;
	vertical-align: middle;
	// white-space: nowrap; /*whether to display in one line or not*/

}

TH.small-wrap { 
	white-space: normal; 
	font-size: 10pt; 
}

TD.wrap {
	white-space: normal;
}

DIV.wait {
	display: none;
	position: fixed;
	z-index: 0;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .8 ) 
		url('/img/loading.gif') 
		50% 50% 
		no-repeat;
}
SPAN.wait {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba( 255, 255, 255, .8 )
		url('/img/loading.gif')
		50% 50%
		no-repeat;

}
.loading {
	display: block !important;
	z-index: 2000000 !important;
}