.menu-trainerCourseStatusSelect[data-status="unknown"] .option-unknown,
.menu-trainerCourseStatusSelect[data-status="unknown"] .option-signedoff
{
  display: none;
  pointer-events: none;
  font-style: italic;
  color: #d7d7d7;
  text-indent: 20px;
}

.menu-trainerCourseStatusSelect[data-status="available"] .option-available,
.menu-trainerCourseStatusSelect[data-status="available"] .option-signedoff
{
  display: none;
  pointer-events: none;
  font-style: italic;
  color: #d7d7d7;
  text-indent: 20px;
}

.menu-trainerCourseStatusSelect[data-status="invited"] .option-invited,
.menu-trainerCourseStatusSelect[data-status="invited"] .option-signedoff
{
  display: none;
  pointer-events: none;
  font-style: italic;
  color: #d7d7d7;
  text-indent: 20px;
}

.menu-trainerCourseStatusSelect[data-status="unavailable"] .option-unavailable,
.menu-trainerCourseStatusSelect[data-status="unavailable"] .option-signedoff
{
  display: none;
  pointer-events: none;
  font-style: italic;
  color: #d7d7d7;
  text-indent: 20px;
}

.menu-trainerCourseStatusSelect[data-status="signedoff"] .option-invited,
.menu-trainerCourseStatusSelect[data-status="signedoff"] .option-signedoff,
.menu-trainerCourseStatusSelect[data-status="signedoff"] .option-unavailable,
.menu-trainerCourseStatusSelect[data-status="signedoff"] .option-backup
{
  display: none;
  pointer-events: none;
  font-style: italic;
  color: #d7d7d7;
  text-indent: 20px;
}

.menu-trainerCourseStatusSelect[data-status="planned"] .option-signedoff,
.menu-trainerCourseStatusSelect[data-status="planned"] .option-invited,
.menu-trainerCourseStatusSelect[data-status="planned"] .option-planned
{
  display: none;
  pointer-events: none;
  font-style: italic;
  color: #d7d7d7;
  text-indent: 20px;
}

.menu-trainerCourseStatusSelect[data-status="backup"] .option-backup,
.menu-trainerCourseStatusSelect[data-status="backup"] .option-signedoff
{
  display: none;
  pointer-events: none;
  font-style: italic;
  color: #d7d7d7;
  text-indent: 20px;
}

.modalES {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.menu-wrapper-planning-overplanned .btn-trainer, .menu-wrapper-planning-overplanned .btn-trainer:hover {
  background: #a8f4a8 !important;
}

.weekoverplanned {
  background: #a8f4a8 !important;
}

.weekshortage {
  color: #fff;
  background: #ff0000;
}