table {
  min-width: 100%;
}

thead th {
  background: #8a97a0;
  color: #FFF;
}

thead th .active {
background: #456d89;
}

thead tr, thead tr .hide {
  background:none;
}

tr {
  background: #f4f7f8;
  border-bottom: 1px solid #FFF;
  margin-bottom: 5px;
}

tr th span { border-top: 1px dashed white;}

tr:nth-child(even) {
  background: #e8eeef;
}

th, td {
  text-align: center;
  padding: 20px;
  font-weight: 300;
}

tfoot tr {
  background: none;
}

tfoot td {
  padding: 10px 2px;
  font-size: 0.8em;
  font-style: italic;
  color: #8a97a0;
}
td > img {width: 100px;}

.tariff { color: #008fd9;font-weight:bold;font-size:18px; }
.no_tariff { color: #e20000;font-weight:bold;font-size:18px; }

@media only screen and (max-width: 767px) {
	.no_visible{
		display: none;
	}
	
	td > img {width: 25px;}
	
	th, td {
    text-align: center;
    padding: 0px;
    font-weight: 300;
	}
}