body {
    font-family: arial, sans-serif;
    font-size: 14px;
    margin: 25px;
  }

td {
    padding: 5px;
    background-color: #DDDDDD;
    font-family: arial, sans-serif;
    font-size: 14px;
}

td.header {
  padding: 5px;
  background-color: #666666;
  color: #FFFFFF;
  text-align: center;
}

.hidden-table {
  display: none;
}


.cell-overlay {
  position: relative;
}

.cell-overlay::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(128,128,128,0.5);
  pointer-events: none;
  z-index: 2;
}

.green-overlay {
  position: relative;
}

.green-overlay::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,255,0,0.1);
  pointer-events: none;
  z-index: 2;
}