body { display: none; }
.bounding-box {
  border:              solid 1px rgb(222, 226, 230);
  border-radius:                               10px;
  padding:                                     10px;
  margin-top:                                  10px;
  height:                                      96vh;
  overflow-y:                                scroll;
  overflow-x:                                  clip;
}
.events td.dt {
  text-align: right;
  font-family: monospace;
}
.events tr:hover td {
  background: lightgrey;
}
.events td {
  border: none;
}
.selection td {
  background-color: darkgrey;
  color: white;
}
.events td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.events td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.tt {
  font-family: monospace;
}
.modal-form-background {
  background-color: white;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  opacity: 0.8;
  display: flex;
}
.modal-form {
  background-color: transparent;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.modal-form-body {
  background-color: #fff; /* optional: distinguish it */
  padding: 2rem;          /* optional: add spacing */
  border-radius: 8px;     /* optional: rounded corners */
  box-shadow: 0 0 10px rgba(0,0,0,0.2); /* optional: subtle shadow */
  opacity: 1;
  z-index: 4;
}
.tabbody {
  padding: 10px;
  border-left: solid 1px rgb(222, 226, 230);
  border-right: solid 1px rgb(222, 226, 230);
  border-bottom: solid 1px rgb(222, 226, 230);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}