.raport1,.raport2
{
  color:#ccc;  
  border-bottom:solid 1px #000;
  height:20px;
  padding-top:3px;
}

.raport1{  background-color: #333;}
.raport2{  background-color: #444;}

.raport1:hover{ padding-top:2px; background-color: #666; border-top:solid 1px #fff; border-bottom:solid 1px #fff;}
.raport2:hover{ padding-top:2px; background-color: #666; border-top:solid 1px #fff; border-bottom:solid 1px #fff;}


input { border-radius: 0; }

html, body {
background: #000000;
color: #c0c0c0;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
}
a
{
text-decoration: none;
color:#c0c0c0;
}
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  color: #a0a0a0;
  text-decoration: none;
  text-align: left;
  filter:alpha(opacity=75); /* IE's opacity*/
  -moz-opacity:.75;
  opacity:.75;
  border: 1px solid;
  border-color: #606060;

}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #101010;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 0;
  height: 0;
  border-bottom: 1px solid;
  border-color: #606060;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: 606060;
  top: 3px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 3px 3px;
  border-bottom: 1px solid;
  border-color:#606060;
  cursor: pointer;
  user-select: none;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #303030;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.same-as-selected {
  background-color: #171913;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover {
  background-color: #171913;
  color:#ff2020;
}

a:hover {color:#ff1010;}
img {border:none; margin:0px; padding:0px;}
.select
  {
  vertical-align:middle;
  margin:3px;
  padding:3px;
  resize:none;
  border:solid 1px #606060;
  background:#101010;
  color:c0c0c0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  }


 #blueline
  {
   border-top:solid 1px #0080ff;
   margin:10px;
   width:98%;
  }
  #koment
  {
  overflow-y: scroll;
  height:80px;
  border:solid 1px #303030;
  background:#101010;
  margin:5px;
  padding:5px;
}

 #hard {display:block;}
 #vessele{display:block;}

 #info_alert,#info,#info_urzadzenia,#info_naczynia,#info_klienci,#info_konku,#info_zlecenia{height:16px;}

 #info_h {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color:#ffffff;
}

 #info_zlecenia,#info_alert,#info_adm,#alert,#info_konku,#ankieta,#info2,#info,#vess_edit,#klient_widok,#klient_detale,#klient_edit,#kontakty,#hrd,#info,#info_klienci,#info_naczynia,#info_urzadzenia,#menu,#panel,#hrd_add,#info_raport
 {display:table; width:97%;
  clear:both;
  border:solid 1px #404040;
  background:#202020;
  margin:10px;
  padding:3px;
  color:c0c0c0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  }
  
  #bar{ background-image:url("./images/back.jpg");}
  #bar2{   background:#C00000;}
  #bar,#bar2 {
  color:#ffffff;
  border:none;
  margin:1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  font-weight: normal;
}
  #info_zlecenia{color:#ffffff; background:#055708;  border:solid 1px #1DAF09;}
  #info_konku{color:#ffffff; background:#000000;  border:solid 1px #A0A0A0;}
  #info_klienci{color:#ffffff; background:#402020;  border:solid 1px #A08080;}
  #info_urzadzenia{color:#ffffff; background:#202040;  border:solid 1px #8080A0;}
  #info_naczynia{color:#ffffff; background:#404020;  border:solid 1px #A0A080;}
  #info_adm{color:#ffffff; background:#101060;  border:solid 1px #8080A0;}
  #info_alert{color:#ffffff; background:#501050;  border:solid 1px #A080A0;}
  #info_raport{color:#ffffff; background:#131313;  border:solid 1px #888;}
  #bt1 {border:solid 1px #A08080;background:#402020;}
  #bt2 {border:solid 1px #8080A0;background:#202040;}
  #bt3 {border:solid 1px #A0A080;background:#404020;}
  #bt4 {border:solid 1px #A0A0A0;background:#000000;}
  #bt5 {border:solid 1px #1DAF09;background:#055708;}

  #lewa,#lewa2
  { width:19%; float:left; border:0px; margin:0px; padding:0px;display:table-cell;}
  #lewa { text-align:right;}
  #lewa2{ text-align:left;}

  #prawa,#prawa2
  { width:81%; float:right;border:0px; margin:0px; padding:0px; display:table-cell;}
  #prawa2{color:#ff4040; }
  #lewa2 img {margin-top:3px;}

 #uni3{color:#ff4040;}
 #uni2{color:#ffffff;}
 
 #uni,#uni2,#uni3,#mala,#mala2,#uni4
  {
  overflow:hidden;
  border:solid 1px #606060;
  background:#101010;
  margin:5px;
  padding:5px;
  }

 #mala, #mala2 {float:left; width:22%; margin:4px; display:inline;}
 #mala2{color:#808080;}

  #pusta
  { margin:6px; padding:5px; }
  
  #forma button:hover{color:ff2020;}
  #forma input,#forma button
  {
  margin-left:5px;
  float:left;
  color:#c0c0c0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  height:18pt;}
  
  #forma input[type=text]
  {
  border:solid 1px #808080;
  background:#101010;
  width:98%; }
  
  #formb button:hover{color:ff2020;}
  #formb input[type=text] {width:15%;}

  #formb button,#spec,#spec2, #formb input,#formb input
  {height:24px;}
  #formb textarea,#formb button,#spec,#spec2, #formb input,#formb input
  {
  vertical-align:middle;
  margin:5px;
  padding:3px;
  resize:none;
  border:solid 1px #606060;
  background:#101010;
  color:c0c0c0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  }
  #formb textarea[readonly],#formb input[readonly] {color:#808080; border:solid 1px #000000;}
  
//  #formbtextarea{white-space:pre-wrap;}
#spec{height:24px;width:88%; display:inline;}
#spec2{height:24px;width:25%; display:inline;}
#spec3{height:77px; width:88%; display:inline;}
#spec4{height:24px;width:39%; display:inline;}
 #panel1{width:30%;}
 #panel2{width:65%;}
 
 #panel1,#panel2
  {
  float:left;
  height:450px;
  border:solid 1px #303030;
  background:#000000;
  margin:5px;
  padding:5px;
  color:c0c0c0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
}

.anylink{
position:absolute;
border-top:1px solid #606060;
line-height:20px;
z-index:100;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
font-color:#ff2020;
filter:alpha(opacity=90); /* IE's opacity*/
-moz-opacity:.90;
opacity:.90;
}

.anylink a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #606060;
background-color:#303030;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 1px 0;
}

.anylink a:hover{ /*hover background color*/
background-color:#171913;
font-color:#ff2020;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index:50;
}

.thumbnail span{
width: 130px;
padding: 5px;
background-color: #171913 ;
border: 1px solid #303030;
color: #a0a0a0;
text-decoration: none;
text-align: left;
font-size:9pt;
filter:alpha(opacity=75); /* IE's opacity*/
-moz-opacity:.75;
opacity:.75;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;

}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
margin-top: 50px;
left: -10px; /*position where enlarged image should offset horizontally */
}

#log1,#log10{ width:11%;border-left: 1px solid #606060; }
#log2,#log20{ width:13%; }
#log3,#log30{ width:6%; }
#log4,#log40{ width:11%; }
#log5,#log50{ width:16%; }
#log6,#log60{ width:14%; font-size:7pt;}
#log7,#log70{ width:10%; font-size:7pt; }
#log8,#log80{ width:13%; font-size:7pt; }

#log0,#log00{ width:99%; }

#log0,#log00,#log1,#log2,#log3,#log4,#log5,#log6,#log7,#log8,#log10,#log20,#log30,#log40,#log50,#log60,#log70,#log80
{ height:12pt;
float:left; margin:0px; padding:1px;display:table-cell;
border-right: 1px solid #606060;
}
#log0,#log1,#log2,#log3,#log4,#log5,#log6,#log7,#log8
{background-color: #000000 ;}
#log00,#log10,#log20,#log30,#log40,#log50,#log60,#log70,#log80
{background-color: #181818;}