thead > tr > th {
  position: sticky;
  z-index: 2;
  top: 0px;
}

.column-header{
  position: sticky;
  left: 0;
  z-index: 1;
}

.table-responsive {
  max-width: 100%;
  max-height: 100vh;
}

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

.width-control {
  width: 80px;
  min-width:80px;
  max-width:80px;
}
.table-hover > tbody:hover > tr {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}
.height-control {
  height: 0;
  min-height:0;
  max-height:0;
  padding:0 !important;
}

.no-borders {
  border-collapse: collapse;
  border-style: hidden;
}

.event-block {
  background-color: lightgray;
  border-radius: 8px;
  padding-left: 4px;
  padding-right: 4px;
  overflow-wrap: break-word;
}

.event-body {
  background-color: lightgray;
  border-radius: 8px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  margin-bottom: 4px;
  overflow-wrap: break-word;
}

.Blauw {
  border-bottom: solid 2px #0d6efd;
}

.Buiten {
  border-bottom: solid 2px #6610f2;
}

.Geel {
  border-bottom: solid 2px #ffc107;
}

.Grijs {
  border-bottom: solid 2px #343a40;
}

.Groen {
  border-bottom: solid 2px #198754;
}

.Rood {
  border-bottom: solid 2px #dc3545;
}

body {
  font-size: 0.8rem;
}