#calendar_table {
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  border-collapse: collapse;
}

#calendar_table tbody {

}

#calendar_table td {
  border: 2px solid #888;
  padding: 10px;
}

#calendar_table tr:nth-child(even){background-color: #f2f2f2;}

#calendar_table tbody tr:hover {background-color: #ddd;}



#calendar_table thead {
  background:indianred;
  position: sticky; top: 0; 
  z-index: 1; 
  padding: 2px;
}

#calendar_table thead td{
  text-align: center;
  padding: 16px;
}

#calendar_table tfoot {
  background:cornflowerblue;
  position: sticky; bottom: 0; 
  z-index: 1; 
  padding: 2px;
}

#calendar_table tfoot td{
  text-align: center;
  padding: 16px;
}

.calendar { 
  overflow: auto; 
  height: 95vh;
}