html {
  width: 100%;
  height: 100%;
  overflow: auto;
}
body {
  font-size: 9px;
  font-family: 'PT sans narrow', sans-serif;
}
@media all and (min-width: 320px) {
  body {
    font-size: calc(9px + 9 * ((100vw - 320px) / 960));
  }
}
@media all and (min-width: 1280px) {
  body {
    font-size: 18px;
  }
}
table.dataTable {
  max-height: 70vh;
}
table tr th {
  background: #337ab7;
  color: #fff;
  text-align: left;
  vertical-align: center;
  text-align: center;
}
td:first-child,
td text-align right {
  margin-right: 0.5em;
  font-size: 0.8em;
  width: 10px;
}
td:nth-child(2),
td:nth-child(5) {
  text-align: left !important;
  font-weight: bold;
}
td:nth-child(3) {
  font-size: 0.8em;
  text-align: center !important;
  font-size: 0.8em;
  width: 10px !important;
}
td:last-child {
  font-size: 0.8em;
  text-align: center;
}
h2 {
  text-align: center;
}