tbody tr.hoverCol:hover { /* change the background color of the row hovering the mouse to coral */
   background-color:  #94FFDD;
}

tbody tr:nth-child(4n-2), tr:nth-child(4n-1), tr:nth-child(4n) {
  background-color: #FFFDD0;
}
tbody tr:nth-child(8n-7) {
  background-color: #DFEFEF;
}

table thead {
  text-align: center;
  position: sticky;
  top: 0;
  background-color: #DDD;
}

.dates {
   white-space: nowrap;
}