html
{
  height: 100%;

}

body
{
  position: relative;

  min-height: 90%;
  min-width: 1300px;
  font-family: Arial, sans-serif;

}

h2 {
  color: #343434;
  padding: 20px 0px;
  font-weight: normal;
  font-size: 2.5em;
}

h3 {
  color: #343434;
  padding: 20px 0px;
  font-weight: normal;
  font-size: 2em;
}

.content-row
{
  padding: 10px;
  width: 800px;
  margin: 0 auto;
}
.content-row table
{
  width: 100%;
}

.content-row form
{
  padding: 0;
}
#telephones
{

  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 20px;
}

#top-slider
{
  position: relative;
  height: 500px;
  overflow: hidden;
}

#top-slider .slogan
{
  position: absolute;
  z-index: 2;
  right: 30px;
  top: 30px;
  font-size: 30px;
  color: #ffffff;
}

/*Error*/
#inf-box,
#ack-box,
#error-box
{
  width: 100%;	
  font-size: 1.1em ;	
  color: #D4362D;
  padding: 10px 60px;		
  background: #FFF;
  border:1px solid #d3d4d6;
  opacity: 0.7;
}

#ack-box
{
  color: #8ABCB9;
}

#inf-box
{
  color: #ff8943;
}

.message-box .close
{
  position: absolute;
  right: 5px;
  top: 5px;

  width: 30px;
  height: 30px;

  font-size: 24px;
  cursor: pointer;
}

.message-box ul
{
  text-align: left;
  line-height: 24px;
}
.message-box ul li
{
  padding: 6px;
}
.message-box ul .icon
{
  float: left;
  font-size: 24px;
  width: 30px;
}

/*table*/

.table13 td {
  vertical-align: top;	
}
.table13 td.tz_shead{
  vertical-align: middle;	
}
.table13 td input[type="text"]{
  padding: 0px;
}

.table14 td {
  padding: 5px 0px;
}


table.te select,
table.te input{
  height: 30px;
  padding: 0px 10px;
}

table.te input[type="radio"]{
  height: auto;
}

table.tz{
  border-collapse: collapse;
  font-size: 12px;
  line-height: 12px;

}

table.tz select{
  height: 32px;
}

.showTable td.tz_shead,
td.section_head {
  line-height: 1.5em;
  vertical-align: top !important;
  font-family: Verdana, Arial, sans-serif;
  background-color: #EEE;
  font-size: 1.4em;
  border-top: 1px solid #DDD;
}

td.section_head {
  padding: 5px;
  border-top: 1px solid #DDD;
}

table.tz td
{
  border-bottom: 1px solid #dfdfdf;
}

/*
table.tz td a
{
  display: block;
  padding: 7px 0px;
}*/

table.tz td a.button
{
  display: inline;
  padding: 3px 10px;
  float: left;
  margin-right: 10px;
  position:relative;
  top:5px;
  font-size:12px;
  margin-bottom: 10px;
}

table.tz td a.button:hover
{
  background-color: #8ABCB9;
}

table.tz tbody tr.hover td,
table.tz tbody tr:hover td
{
  background-color: #dfdfdf;
}



table tr.tz_s
{
  background-color: #ffffff;
}


#table-top-box
{

  display: none;
  position: fixed;
  top: 100px;
  left: 0px;
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;

  -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.38);
  -moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.38);
  box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.38);
}
#table-top-box table
{
  padding: 0 30px;
}

/*status*/

table .fa
{
  font-size: 25px;	
}

/*Nowa szkoda*/
table .status-N:before
{
  color: #64AD33;
  content: "\f111";
}
/*W trakcie realizacji*/
table .status-P:before
{
  color: #64AD33;
  content: "\f0a9";
}

/* Brak dokumentacji */
table .status-B:before
{
  color: #FF6F3D;
  content: "\f02d";
}

/*Zrealizowane*/
table .status-F:before
{
  color: #505050;
  content: "\f023";
}
/*Ponowna realizacja*/
table .status-R:before
{
  color: #FF8943;
  content: "\f021";
}
/*Anulowana*/
table .status-C:before
{
  color: #505050;
  content: "\f057";
}

/*Klient Nieuchwytny*/
table .status-U:before
{
  color: #307AAA;
  content: "\f06a"
}
/*Wysłane do centrali*/
table .status-Z:before
{
  color: #64AD33;
  content: "\f0e0";
}
/*rozliczone*/
table .status-T:before
{
  color: #505050;
  content: "\f05d";
}

/*Przeterminowana*/
table .status-O:before
{
  color: #AA3533;
  content: "\f017";
}

/* Archiwum */
table .status-A:before
{
  color: #505050;
  content: "\f187";
}

/*status*/


.showTable td
{
  padding: 5px;
}



/*pagination*/
.pagination
{
  text-align: center;
  padding-top: 20px;
  margin-bottom: 20px;
}
.pagination a,
.pagination span
{
  min-width: 20px;
  padding: 5px;

  text-align: center;

  display: inline-block;
  border: 1px solid #dfdfdf; 


  color: #a0a0a0;
}

.pagination a.active
{
  color: #505050;

}

.pagination a.active:hover
{
  background-color: #dfdfdf;

}

.pagination .current
{
  color: #505050;
  background-color: #dfdfdf;

}


/*pagination*/



/*login page*/

.login_form
{
  margin: 0 auto;
  width: 650px;
}


.login_form h2
{
  text-align: center;
  font-size: 29px;
}

.login_form input
{
  margin-top: 10px !important;
}



/*login page*/


#footer
{
  
  padding: 15px;
  text-align: center;
  border-top: 1px solid #dfdfdf; 
  background-color: #F6F6F6;
  box-shadow: 0px -2px 5px #888888;
}


.lightbox {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, .9);;
}

.lightbox div {
  margin: 20% auto;
  padding:40px 0px;
  background-color: #FFF;
  border:1px solid #d3d4d6;
  box-shadow: 2px 2px 2px 1px #f6f6f6;
  overflow:hidden;
  opacity: 1;
  width: 300px;
}

.lightbox .status-err:before
{
  color: #BBB;
  content: "\f071";
  margin-right: 10px;
  font-family: FontAwesome;
  font-size:2em;
}

.lightbox .status-ok:before
{
  color: #BBB;
  content: "\f058";
  margin-right: 10px;
  font-family: FontAwesome;
  font-size:2em;
}




#zlec_edit_form .tz_shead{
  font-size: 1.5em;
  border-bottom: 1px solid #CCC;
  padding: 10px;
}

#zlec_edit_form td{
  padding: 5px 10px;
}

div.file_error_message {
  z-index: 99999;
  position: absolute;
  top: 75px;
  width: 100%;
  background-color: rgba(255,255,255,0.8);
  padding: 10px;
  border-bottom: 1px solid #DDD;
  box-shadow: 0px 2px 5px #888;
  left: 0px;
  color: #D4362D;
  line-height: 1.5em;

}

div.file_error_message ul{
  height: 100px;
  overflow: auto;
  margin-right: 20px;

}

div.file_error_message ul li {
  width: 17%;
  float: left;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  padding: 0 1%;

}
div.file_error_message ul li {
  border-right: 1px solid #ddd;
}

div.file_error_message ul li.uppOK{
  cursor: help;
  color:#008800;
}

div.file_error_message ul li.uppERR{
  cursor: help;
  color:#dd0000;
}

.close_file_error_message{

  clear: both;
  cursor:pointer;
  width:95%;
  text-align: right;
  color: #666;
  font-size: 13px;
  margin: 0px;
  padding: 0px;

  font-weight: bold;
}

.close_error_message{
  cursor:pointer;
  color: #666;
  font-size: 13px;
}

b.info{
  font-weight:normal;
  display:inline;
  cursor:pointer;
}

@media print {

  body
  {
    height: initial;
    min-height: initial;
    min-width: initial;
    padding-top:0px;
  }
  html{
    height: initial;
  }
  #menu-box {
    position: relative; 
  }
  h3{
    padding:5px 0px;
    font-size:15px;
  }


  #footer {
    display: none;
  }
}

table.find_stacja{
  width:500px;
}
table.find_stacja td{
  padding:5px;
}

#menu-box
{
  padding: 5px 15px;
  height: 60px;
  background-color: #ffffff;
  border-bottom: 1px solid #dfdfdf;
  position: relative;
  box-shadow: 0px 2px 5px #888888;
}

#logo {
  width: 100px;
  height: 58px;
}
#logo img {
  width: 100%; 
  height: 100%
}


#mini-top-menu
{
  position: absolute;
  top: 5px;
  right: 10px;

}
#mini-top-menu li
{
  float: left;
  padding: 0px 10px;
  border-right: 1px solid #dfdfdf;
}

#mini-top-menu li.last
{
  border: none;
}

#top-menu {
  position: absolute;
  left: 140px;
  top: 20px;
}


/* wygląd głównego elementu - ol */
#top-menu      ol {
  list-style-type:none;
  padding:0;
  margin:0;
  background-color:#FFF;
  font-size:14px;
  height:2em;
  line-height:2em;
  text-align:center;
}

/* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
#top-menu     ol a {
  display:block;
  text-decoration:none;
  color:#fff;
  padding:0 5px;
}

/* wygląd elementów - li - wszystkich dzieci elementu - ol */
#top-menu   ol > li {
  float:left;
  width:150px;
  margin-left:1px;
  background-color:#3D3C3C;
  height:2em;
}

/* wygląd elementu - li - pierwszego dziecka elementu - ol */
#top-menu   ol > li:first-child {
  margin-left:0;
}

/* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
#top-menu     ol > li:hover {
  background-color:#EEE;
}

/* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
#top-menu    ol > li:hover > a {
  color:#000;
}

/* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
#top-menu    ol > li:hover > ul {
  display:block;
}

/* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */

/* wygląd głównych rozwijanych elementów - ul */
#top-menu    ol > li > ul {
  display:none;
  list-style-type:none;
  padding:0;
  margin:0;
  width: 250px;

}

/* wygląd elementu - li - w części rozwijanej */
#top-menu    ol > li > ul > li {
  position:relative;
  background-color:#3D3C3C;
}

/* wygląd elementu - a - w części rozwijanej */
#top-menu    ol > li > ul > li > a {
  border-top:1px solid #aaa;
}

/* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
#top-menu   ol > li > ul > li:hover {
  background-color:#aaa;
}

/* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
#top-menu   ol > li > ul > li:hover > a {
  color:#fff;
}

.separator{
  margin: 5px 0px;
}