body { 
	font-size:8pt; 
	font-family:Tahoma,Verdana,Arial,Helvetica; 
}
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
table.dane {
        font-size:7pt;
        font-family:Tahoma,Verdana,Arial,Helvetica;
        border-collapse: collapse;
        border: 1px solid black;
        table-layout: auto !important;
        width: 100% !important;
}
table.dane th,
table.dane td {
        border: 1px solid black;
        border-collapse: collapse;
        vertical-align: middle;
        padding: 5px;
}
table.dane th {
        background: #cccccc;
        font-weight: bold;
        text-align: center;
}
table.dane td {
        text-align: right;
}
table.dane td select,
table.dane td input,
table.dane td textarea,
table.dane table td select,
table.dane table td input,
table.dane table td table td textarea
{
        margin: -1px;
        font-size: 7pt;
        width: 100%;
}
table.dane td input[type=checkbox] {
	width: auto !important;
}
.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;
}
table.dane table {
        width: 100%;
        border-collapse: collapse;
/*      margin: -6px; */
}
table.dane table td {
        background-color: #EEEEEE;
        padding: 1px;
}
table.dane table th {
        padding: 1px;
}
table.dane table button.ui-button {
	font-size: 1.6em;
}
table.waski { width: auto !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 {
	transform: rotate(-90deg);
	width: 100px;
	height: 100px;
	white-space:nowrap;


}
.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-200 { width: 200px; }
.clear-both { clear: both; }
.nobr { white-space:nowrap; }
.hidden { visibility: hidden; }
TR.hidden { visibility: collapse; }

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

.small,
.small a:link { 
	font-size: 5pt;  
	color: #555555;
}
.middle { font-size: 7pt; }
.pusty { border-left: 0px; border-right:0px; }

.red { color: red !important; }
.green { color: green !important; }
.blue { color: blue !important; }
.pink { color: #440044 !important; }
.yellow { color: #444400 !important; }
.dark { background-color: #666666; color: #FFFFFF; }
.bred { background-color: #FF8888; }
.bdred { background-color: #FF4444; }
.bdgreen { background-color: #44FF44; }
.blred { background-color: #FFCCCC; }
.bvlred { background-color: #FFEEEE; }
.bdyellow { background-color: #FFFF44; }
.bgreen { background-color: #88FF88; }
.blgreen { background-color: #CCFFCC; }
.bvlgreen { background-color: #EEFFEE; }
.bblue { background-color: #8888FF; }
.blblue { background-color: #CCCCFF; }
.bvlblue { background-color: #EEEEFF; }
.byellow { background-color: #FFFF88; }
.blyellow { background-color: #FFFFCC; }
.bgrey { background-color: #AAAAAA !important; }
.blgrey { background-color: #CCCCCC !important; }
.bvlgrey { background-color: #DDDDDD !important; }
.bdgrey { background-color: #888888;!important;  }
.bpink { background-color: #FF88FF !important; }
.blpink, .K { background-color: #FFCCFF !important; }
.bvlpink { background-color: #FFDDFF !important; }
.bdpink { background-color: #FF44FF !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;
}