.t {background-color: gray;}
.t td, .t th{background-color: white;}
.zebra th {
  font-weight: normal;
  font-size: 1.2em;
  background: #666;
  color: #DDD;
  padding: 10px 15px;
  text-align: left;
}
.zebra th a{color: white;}
.zebra th a:hover{color: #EEE;}
.zebra td {
  color: #00334e;
  border-top: 1px solid white;
  padding: 10px 15px;
  border-right: 1px solid white;
}
.zebra td:last-child {border-right: none;}
.zebra tr:nth-child(2n+1) {background: #fcfcfc;}
.zebra tr:nth-child(2n) {background: #f1fcff}
@media screen and (max-width: 600px) {
.zebra th {
  font-weight: normal;
  font-size: 80%;
  padding: 4px;
  text-align: left;
}
.zebra td {
  color: #00334e;
  border-top: 1px solid white;
  padding: 4px;
}
}

#zebra tr:hover td{color: white; background: #666;}

.table {
	width: 100%;
	margin-bottom: 20px;
	border: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 3px solid #fff;
	border-collapse: collapse; 
	outline: 3px solid #8ac8ff;
	font-size: 15px;
	background: #fff!important;
}
.table th {
	font-weight: bold;
	padding: 7px;
	background: #8ac8ff;
	border:5px solid #fff;
	text-align: left;
	font-size: 15px;
	border-top: 3px solid #8ac8ff;
	border-bottom: 3px solid #8ac8ff;
}
.table td {
	padding: 7px;
	border: 5px solid #fff;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	font-size: 15px;
}
.table tbody tr:nth-child(even){
	background: #f8f8f8!important;
}