body {
  font-size: 11px;
}

table {
  border: 1px solid black;
  text-align:center;
  font-size: 11px;
}

td {
  border: 1px solid black;
}

th {
  border: 1px solid black;
}

/* fixed-headers stolen from https://stackoverflow.com/questions/50250884/css-fixed-header-for-table-without-specify-width */
.fixed-headers {
  position: relative;
  overflow-x: scroll;
  overflow-y: scroll;
}

.fixed-headers table {
  table-layout: fixed;
}

.fixed-headers thead tr th {
  position: sticky;
  top: 0px;
  background-color: white;
}

.vertical {
  /*transform: rotate(90deg);
  transform-origin: left top 0;
  float: left;*/
  writing-mode: vertical-rl;
}

.green {
  background: #aaffaa;
}

.red {
  background: #ff0000;
}

.pink {
  background: #ffaaaa;
}

.yellow {
  background: #ffffaa;
}

.grey {
  background: #aaaaaa;
}

.cyan {
  background: cyan;
}

.magenta {
  background: magenta;
}

.bold {
  font-weight: bold;
}