#viz {
	background: #FFF;
	margin: 20px 0;
}

#viz p.legend {
  padding: 5px;
}

#viz .table {
  display: table;
  width: 100%;
  border-spacing: 3px;
  position: relative;
  height: 100%;
}

#viz .thead {
  background-color: #3B9CAC;
  color: #FFF;
  font-family: "DharmaGothicE", sans-serif;
  font-size: 1.2rem;
  letter-spacing: 1px;
  display: table-row;
}
@media screen and (min-width:768px) {
	#viz .thead {
		font-size: 1.4rem;
	}
}

#viz .th {
  display: table-cell;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  background-color: #0793AA;
  cursor: pointer;
}

#viz div.td:nth-child(1) {
	width: 50%;
}

#viz .table {
	table-layout: fixed;
}

#viz div.th:nth-child(1)
{
	width: 33%;
}

#viz .th:hover {
  background: #444;
}

#viz .th.sort-column {
  background: #7EB200;
}

#viz .th.sort-column.sort-inverse {
  background: #E51521;
}

#viz .tr {
  display: table-row;
  position: relative;
  height: 100%;
}

#viz .tr.bold {
	font-weight: 600;
}

#viz .tr:nth-of-type(even){
  background: #eee;
}

#viz .td {
  font-family: "epocapro", sans-serif;
  font-size: 0.8rem;
  text-align: left;
  min-width: 80px;

  display: table-cell;
  height: 20px;
  vertical-align: middle;
  width: 100%;

  padding: 0 5px
}

#viz .td:nth-child(2),
#viz .td:nth-child(3),
#viz .td:nth-child(4),
#viz .td:nth-child(5){
  text-align: right;
}

#viz .td.mini-bar-chart {
  padding: 0;
}

#viz .td.mini-bar-chart svg {
  display: block;
  height: 100%;
}

@media screen and (min-width:768px) {}