/* This is required to make the table full-width */
.container {
  display: block;
  max-width: 100%;
}

/* This will make the table scrollable when it gets too small */
.tableWrap {
  display: block;
  max-width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}

table {
  /* Make sure the inner table is always as wide as needed */
  width: 100%;
  border-spacing: 0;
}

tr:first-child > td:not(:first-child) {
  border-top: 2px solid black;
}

tr:not(:first-child) > td {
  border-top: 1px solid black;
}

tr.subrow {
  color: #777;
  font-style: italic;
}

tr.subrow > td {
  border-top: 0 !important;
  padding-top: 0;
}

tr.subrow > td:first-child {
  padding-left: 16px;
}

:last-child > td {
  border-bottom: 0;
}

th,
td {
  margin: 0;
  padding: 0;
  width: 1%;
}

th.field,
td.field {
  white-space: pre;
  width: 0.001%;
}

th:last-child,
td:last-child {
  border-right: 0;
}

td.field {
  text-align: right;
}

span.moe {
  cursor: help;
  color: #0123ff;
}
