body {
 font-family: 'Arial';
	background: #fafafa;
 }
 
 /* nagłówek strony */
.page-header h1{
    color: grey;
    font-weight: normal;
	font-size: 12px;
}
 
 /* nagłówek tabeli */
caption { 
  display: table-caption;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  padding: 5px 5px 15px 5px;
}

/* tabela */
table{
 border-collapse: collapse;
 margin: 15px auto;
 background-color: #fff;
 font-size: 12px;
  border-collapse: collapse;
  border: 1px solid #eee;
  border-bottom: 2px solid #2E8B57;
  box-shadow: 0px 0px 8px rgba(0,0,0,0.10),
     0px 2px 5px rgba(0,0,0,0.05),
     0px 5px 5px rgba(0,0,0,0.05),
     0px 8px 5px rgba(0,0,0,0.05);
 }
 
 /* wiersz tabeli */
table tr {
 height: 40px;
 }
 
 /* nazwa kolumny */
table th {
 background: #2E8B57;
 color: #fff;
 font-weight: bold;
 font-size: 13px;
}

/* kolumny, nagłowki kolumn */
table td, th {
 padding: 4px 4px 4px 12px;
 text-align:left;
 border: 1px solid grey;
 
}
 
/* CSS3 Zebra Striping */
table tr:nth-of-type(odd) {
 background: #DCDCDC;
}

.glownyButton{
  width: 50%;
  height: 40%;
}


.headerSortDown:after {
  content: ' ';
  position: relative;
  left: 2px;
  border: 8px solid transparent;
}

.headerSortDown:after {
  top: 10px;
  border-top-color: silver;
}

.headerSortDown {
  padding-right: 10px;
}
 
/* Automatic Serial Number Row */
.css-serial {
 counter-reset: serial-number; /* Set the serial number counter to 0 */
}
.css-serial td:first-child:before {
 counter-increment: serial-number; /* Increment the serial number counter */
 content: counter(serial-number); /* Display the counter */
}

/* link */
a:link, a:visited {
  background-color: #FFA500;
  color: white;
  padding: 7px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
   cursor: pointer;
}

/* link zaznaczony kursorem*/
a:hover, a:active {
  background-color: #FF8C00;
}

/* texbox */
input[type=text], input[type=password] {
  padding: 5px 8px;
  margin: 3px 0;
  box-sizing: border-box;
}

/* przycisk */
input[type=button], input[type=submit], input[type=reset] {
  background-color: #2E8B57;
  border: none;
  color: white;
  padding: 7px 15px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

.wrapper {
  width: 300px; 
  padding: 5px;
  margin-right: auto; /* 1 */
  margin-left:  auto; /* 1 */
  max-width: 960px; /* 2 */
  padding-right: 10px; /* 3 */
  padding-left:  10px; /* 3 */
}


.select-css {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    padding: .4em 1.1em .3em .5em;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
}