@charset "utf-8";
/* CSS Document */


.show {
  
  max-width: 90%; /* for responsiveness */
  margin: 0 auto; /* addition / for horizontal centering */
  outline:10px solid lightgrey;
  outline-offset: 10px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Segoe Ui";
  font-size: 14px;

 
}

.show thead {
  display: table;	 /* for displaying purposes */
  width: 100%; 		/* table width incl scroll-bar width */
  background:#ff6;
  line-height:1.6em;

}

.show tbody {
  display: block; /* enables vertical scrolling */
  max-height: 80vh; /* adjust to your needs */
  overflow-y: auto; /* scrolling / always visible, even if there's not enough data to enable scrolling */
  background:#CCC;
}

.show tr { /* for displaying purposes */
  display: table;
  width: 100%;
}

.show thead tr {
  table-layout: fixed; /* for displaying purposes */
}

.show td {
  text-align: center; /* addition */
  padding: 10px 10px;
}


.show tbody tr:nth-child(odd) td {
			background-color: #ede5e4;
}

.show tbody tr:nth-child(even) td {
			background-color: #ebe8de;
		}

.show tbody td:nth-child(4),
.show tbody td:first-child,
.show tbody td:last-child {
	text-align: right;
}

.show tbody tr:last-child td {
	border: 0;
}

.show tbody tr:hover td {
	background-color: #f7f7f7;
	border-color: #ffff0f;
	color: #000;
	transition: all .2s;
	font-size: 14px;
}

.title{
	font-family: "Open Sans", sans-serif;
	font-size:22px;
	line-height: 40px;
	font-size:35px;
    color:#e56038;
	text-align: center;
	text-shadow: 4px 4px 4px #aaa;
	margin-bottom: 30px;
}