#CoursesTable {
  margin-bottom: 24px;
}

#CoursesTable tr.course {
  cursor: pointer;
}

#CoursesTable td.duur > div {
  width: 50px;
}

#CoursesTable td.prijs {
  text-align: right;
  width: 55px;
  padding-right: 4px;
}

table.course {
  width: 650px;
  margin-top: 6px;
}

table.course td {
  height: 24px;
}

table.course tr.save input {
  margin-top: 20px;
  margin-left: 0px;
}

table.course td.label {
  width: 150px;
  vertical-align: text-top;
}

table.course input[type=text], select {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 14px;
}

table.course input[type=text] {
  width: 474px;
  height: 14px;
  margin-left: 0px;
}

table.course select {
  width: 480px;
  margin-top: 0px;
  margin-bottom: 0px;
}

input.avail_places {
  width: 50px;
}

textarea.voorwaarden {
  width: 100%;
  height: 350px;
}

div.selected {
  background-color: #e4efff;
}

#datums {
  margin-bottom: 80px; /*some extra space so that datepicker is always completely visible*/
}

input.date {
  width: 100%;
  padding: 2px 4px;
}

input.from,
input.till {
  padding: 2px 4px;
}

#CourseDataTable .form-control.date,
#CourseDataTable .form-control.from,
#CourseDataTable .form-control.till {
  border: 1px solid transparent;
  box-shadow: none;
  background-color: transparent;
}

#CourseDataTable .form-control.date:hover,
#CourseDataTable .form-control.from:hover,
#CourseDataTable .form-control.till:hover {
  cursor: pointer;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#CourseDataTable td {
  padding: 2px 1px;
}

table.course td {
  height: 24px;
}

img.delete {
  cursor: pointer;
  margin-top: 10px;
}

input.from, input.till {
  width: 60px;
}