body #courseBuilder #bfSummary {
  box-sizing: border-box;
}
body #courseBuilder #bfSummary select {
  display: block;
  width: 100%;
  margin: 5px 0;
  padding: 5px 11px;
}
body #courseBuilder .btn, body #courseBuilder button.cbButton {
  padding: 10px 20px;
  border-radius: 7px;
  background: #ccc;
  width: unset;
  height: unset;
  text-indent: unset;
  background: #d80010;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  color: #fff;
  font-weight: bold;
}
body #courseBuilder .btn:hover, body #courseBuilder button.cbButton:hover {
  background: #aa000b;
  color: #fff;
}
body #courseBuilder .btn:disabled, body #courseBuilder .btn:disabled:hover, body #courseBuilder button.cbButton:disabled, body #courseBuilder button.cbButton:disabled:hover {
  background: #666;
  cursor: not-allowed;
}
body #courseBuilder button.cbButton br {
  display: none;
}
body #courseBuilder button.cbButton:after {
  all: unset;
}
body #courseBuilder button.cbButton.bfAddToBasket {
  margin-top: -39px;
}
body #courseBuilder #bfDetails, body #courseBuilder #bfSummary {
  padding: 1.5em;
  background: #faf8f0;
  border: 2px solid #c4c4c4;
}
body #courseBuilder #bfDetails .detailsForm, body #courseBuilder #bfSummary .detailsForm {
  width: 100%;
}
body #courseBuilder #bfDetails .formRow, body #courseBuilder #bfSummary .formRow {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1em;
  justify-content: space-between;
}
body #courseBuilder #bfDetails .formRow .formColumn, body #courseBuilder #bfSummary .formRow .formColumn {
  flex-basis: 34%;
  flex-grow: 1;
  max-width: 100%;
  overflow: hidden;
  min-width: calc(50% - .5em);
}
body #courseBuilder #bfDetails .formRow .formColumn:last-child, body #courseBuilder #bfSummary .formRow .formColumn:last-child {
  margin-right: 0;
}
body #courseBuilder #bfDetails div.detailsForm .selectDiv, body #courseBuilder #bfSummary div.detailsForm .selectDiv {
  width: 100%;
  max-width: 100%;
  border: unset;
  background: unset;
  padding: 0;
}
body #courseBuilder #bfDetails div.detailsForm div.wide, body #courseBuilder #bfSummary div.detailsForm div.wide {
  margin-left: unset;
}
body #courseBuilder #bfDetails div.detailsForm input[type="text"], body #courseBuilder #bfDetails div.detailsForm input[type="email"], body #courseBuilder #bfDetails div.detailsForm input[type="tel"], body #courseBuilder #bfDetails div.detailsForm .selectDiv select, body #courseBuilder #bfDetails div.detailsForm textarea, body #courseBuilder #bfSummary div.detailsForm input[type="text"], body #courseBuilder #bfSummary div.detailsForm input[type="email"], body #courseBuilder #bfSummary div.detailsForm input[type="tel"], body #courseBuilder #bfSummary div.detailsForm .selectDiv select, body #courseBuilder #bfSummary div.detailsForm textarea {
  width: 100%;
  max-width: calc(100% - 1em);
  padding: 0.5em 0.75em;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #c4c4c4;
}
body #courseBuilder #bfDetails div.detailsForm input[type="text"].required, body #courseBuilder #bfDetails div.detailsForm input[type="email"].required, body #courseBuilder #bfDetails div.detailsForm input[type="tel"].required, body #courseBuilder #bfDetails div.detailsForm .selectDiv select.required, body #courseBuilder #bfDetails div.detailsForm textarea.required, body #courseBuilder #bfSummary div.detailsForm input[type="text"].required, body #courseBuilder #bfSummary div.detailsForm input[type="email"].required, body #courseBuilder #bfSummary div.detailsForm input[type="tel"].required, body #courseBuilder #bfSummary div.detailsForm .selectDiv select.required, body #courseBuilder #bfSummary div.detailsForm textarea.required {
  color: #ee7203;
  border-color: #ee7203;
}
body #courseBuilder #bfDetails div.detailsForm .addressBox input, body #courseBuilder #bfSummary div.detailsForm .addressBox input {
  border-bottom: 0;
}
body #courseBuilder #bfDetails div.detailsForm label, body #courseBuilder #bfSummary div.detailsForm label {
  width: unset;
  display: block;
  padding-left: .25em;
}
body #courseBuilder #bfDetails div.detailsForm label.emailRadio, body #courseBuilder #bfSummary div.detailsForm label.emailRadio {
  margin-top: .5em;
}
body #courseBuilder #bfDetails div.detailsForm label:has(input[type="checkbox"]), body #courseBuilder #bfDetails div.detailsForm label:has(input[type="radio"]), body #courseBuilder #bfSummary div.detailsForm label:has(input[type="checkbox"]), body #courseBuilder #bfSummary div.detailsForm label:has(input[type="radio"]) {
  margin-left: 2em;
}
body #courseBuilder #bfDetails div.detailsForm label > input[type="checkbox"], body #courseBuilder #bfDetails div.detailsForm label > input[type="radio"], body #courseBuilder #bfSummary div.detailsForm label > input[type="checkbox"], body #courseBuilder #bfSummary div.detailsForm label > input[type="radio"] {
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -1.75em;
  margin: 4px 0 0;
  accent-color: #dc0a7a;
  border: 2px solid #c4c4c4;
  appearance: none;
  background: #fff;
  border-radius: .25em;
}
body #courseBuilder #bfDetails div.detailsForm label > input[type="checkbox"]::before, body #courseBuilder #bfDetails div.detailsForm label > input[type="radio"]::before, body #courseBuilder #bfSummary div.detailsForm label > input[type="checkbox"]::before, body #courseBuilder #bfSummary div.detailsForm label > input[type="radio"]::before {
  content: "\2713";
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  transform: scale(0);
  transition: transform 0.1s ease-in-out;
  margin-top: -6px;
  position: absolute;
  margin-left: -1px;
}
body #courseBuilder #bfDetails div.detailsForm label > input[type="checkbox"]:disabled, body #courseBuilder #bfDetails div.detailsForm label > input[type="radio"]:disabled, body #courseBuilder #bfSummary div.detailsForm label > input[type="checkbox"]:disabled, body #courseBuilder #bfSummary div.detailsForm label > input[type="radio"]:disabled {
  background: #eee;
}
body #courseBuilder #bfDetails div.detailsForm label > input[type="checkbox"]:checked, body #courseBuilder #bfDetails div.detailsForm label > input[type="radio"]:checked, body #courseBuilder #bfSummary div.detailsForm label > input[type="checkbox"]:checked, body #courseBuilder #bfSummary div.detailsForm label > input[type="radio"]:checked {
  background: #dc0a7a;
}
body #courseBuilder #bfDetails div.detailsForm label > input[type="checkbox"]:checked::before, body #courseBuilder #bfDetails div.detailsForm label > input[type="radio"]:checked::before, body #courseBuilder #bfSummary div.detailsForm label > input[type="checkbox"]:checked::before, body #courseBuilder #bfSummary div.detailsForm label > input[type="radio"]:checked::before {
  transform: scale(1);
}
body #courseBuilder #bfDetails div.detailsForm label > input[type="radio"], body #courseBuilder #bfSummary div.detailsForm label > input[type="radio"] {
  border-radius: 50%;
}
body #courseBuilder #bfDetails div.detailsForm .addressBox, body #courseBuilder #bfDetails div.detailsForm #realInvoiceName, body #courseBuilder #bfSummary div.detailsForm .addressBox, body #courseBuilder #bfSummary div.detailsForm #realInvoiceName {
  margin-top: 1em;
}
body #courseBuilder #bfDetails:last-of-type {
  margin-bottom: 5.75em;
}
body #courseBuilder button#submitBooking {
  margin-right: -1em;
}
body #courseBuilder #bfDetails {
  overflow: visible;
}
body .clear-school {
  margin: -1.9em 1.7em 0 0;
}
body .schoolNameSelectorBox ul {
  box-sizing: border-box;
  border-top: none;
  border: 2px solid #c4c4c4 !important;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
}
body .schoolNameSelectorBox li {
  background: none;
}

/*# sourceMappingURL=frontend.css.map */