body {
	background: #eee;
	color: #111;
}
header {
	padding: 5px 15px;
	font-size: 1.5rem;
}
p {
	padding: 0 15px;
}
#infotab {
	padding: 5px 0;
}
.tab {
	overflow: hidden;
	background: #eee;
}
.tab button {
	background: #ccc;
	border-radius: 15px 15px 0 0; 
	float: left;
	border: none;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	outline: none;
	font-size: 1.5rem;
	cursor: pointer;
	padding: 5px 15px;
	padding-top: 10px;
	padding-bottom: 2px;
	transition: 0.3s;
}
.tab button:hover {
	background: #e8e8e8;
	border-color: #e8e8e8;
}
.tab button.active {
	background: #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-top: 7px;
	padding-bottom: 5px;
} 
.tabcontainer {
	background: #ddd;
}

h2 {
	margin-top: 0;
	padding: 15px;
}
table.dataTable tbody td {
	padding: 0.5% 1% !important;
}
table.dataTable {
	margin-right: 0 !important;
}
th {
	width: auto !important;
}

td {
	background: #FFF;
	border: 0px solid #000;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	transition: background 0.5s;
}
tr:nth-child(even) td{
	background: #eee;
}
tr:hover td{
        background: #aaa;
}
td:hover {
        font-weight:bold;
}
table tr td:nth-child(7){
	background: #ffbe00;
}
table tr td:nth-child(8){
        background: #fd7c00;
}
table tr td:nth-child(9){
        background: #ff5d47;
}
table tr td:nth-child(10){
        background: #ff577e;
}
table tr td:nth-child(11){
        background: #ff47b3;
}
table tr td:nth-child(12){
	background: #aaa;
}