/* 202306
 * helemaal herzien naar een div-systeem ipv een tabel
 */
.divTable {
  display: table;
}
#divtFTB .divTableRow {
  display: table-row;
}
#divtFTB .divTableHeading {
  background-color: var(--MFBlauwMiddel);
  color: white;
  font-weight: 900;
}
#divtFTB .divTableCell,
.divTableHeading {
  display: table-cell;
  padding: 3px 10px;
  border: 1px solid var(--MFBlauwMiddel);
}
#divtFTB .divTableBody {
  display: table-row-group;
}
#divtFTB .divTableCell .divTCCenter {
  text-align: center;
}
#divtFTB .divTCSmall {
  width: 3em;
}
#divtFTB .divTCMedium {
  width: 6em;
}
#divtFTB .divFBTInfo {
  min-width: 24px;
  padding-left: 5px;
  padding-right: 5px;
  height: 24px;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  padding-top: 2px;
  text-align: center;
  color: white;
  font-size: 19px;
  font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
  font-weight: 800;
  display: inline-block;
}
#divtFTB .divFBTInfoGoed {
  background-color: var(--questionGoed);
}
#divtFTB .divFBTInfoFout {
  background-color: var(--questionFout);
}
#divtFTB .divFBTTime {
  display: none;
}
/* dit zijn de kleurtjes voor in de grafieken voor CA */
.divFBTTimeGood {
  fill: var(--curveGreen);
  /* deze is voor in de SVG */
  vandegrafiekenbackground-color: var(--curveGreen);
}
.divFBTTimeMedium {
  fill: var(--curveOrange);
  background-color: var(--curveOrange);
}
.divFBTTimeSlow {
  fill: var(--curveRed);
  background-color: var(--curveRed);
}