#viz {
	background: #FFF;
  padding: 5px;
}

#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.4rem;
  letter-spacing: 1px;
  display: table-row;
}

#viz .th {
  display: table-cell;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  background-color: #0793AA;
  color: #FFF;
  font-family: "DharmaGothicE", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 1px;
  cursor: pointer;
}

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

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

#viz .th.sort-column.sort-reverse {
  background: #FF1C05;
}

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

#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) {}