/* Course selection form */
.rntc-pre-register-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  --primary-color: #33aadf;
}

.rntc-pre-register-actions .scholarship-link {
  margin-top: 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #FF6600;
}

.rntc-pre-register-actions .rntc-register-button {
  width: 100%;
}

.l-masthead-header.level_3.fixed .masthead__card .rntc-pre-register-actions {
  display: inline-block;
  width: 200px;
  margin-left: auto;
}

.rntc-register-button {
  border: solid 1px var(--primary-color);
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 0.5em 0;
  font-weight: bold;
  background-color: var(--primary-color);
  color: white;
  transition: transform 0.15s;
  border-radius: 5px;
}

.rntc-register-button:focus {
  color: white;
}

.rntc-register-button:hover {
  transform: scaleY(1.12);
  color: white;
}

.rntc-pre-register-actions .ajax-progress {
  display: none;
}

/* Popup */
.rntc-pre-register-dialog {
  padding: 3rem !important;
  box-shadow: 0 0 15px rgba(48, 36, 84, 0.3);
  border-radius: 5px;
}

.rntc-pre-register-dialog .ui-dialog-titlebar {
  background: none;
  border: none !important;
  padding: 0 0 4rem 0;
  font-size: 34px;
  color: #302454;
}

.rntc-pre-register-dialog .ui-dialog-title {
  white-space: normal;
  max-width: 650px;
  font-weight: bold !important;
  line-height: 1.35;
}

.rntc-pre-register-dialog .ui-button:hover,
.rntc-pre-register-dialog .ui-button {
  top: 20px;
  transform: none !important;
  width: 21px !important;
  height: 23px !important;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 23" fill="red"><path d="M12.3495 11.1231L19.5102 3.32064C19.8238 2.97816 20 2.51366 20 2.02932C20 1.54499 19.8238 1.08049 19.5102 0.738006C19.1966 0.395528 18.7713 0.203125 18.3279 0.203125C17.8844 0.203125 17.4591 0.395528 17.1455 0.738006L10.0014 8.55866L2.8573 0.738006C2.54372 0.395528 2.11842 0.203125 1.67495 0.203125C1.23148 0.203125 0.806171 0.395528 0.49259 0.738006C0.17901 1.08049 0.00284199 1.54499 0.00284199 2.02932C0.00284198 2.51366 0.17901 2.97816 0.49259 3.32064L7.65334 11.1231L0.49259 18.9256C0.336505 19.0947 0.212617 19.2958 0.128073 19.5174C0.0435282 19.7391 0 19.9768 0 20.2169C0 20.457 0.0435282 20.6947 0.128073 20.9163C0.212617 21.138 0.336505 21.3391 0.49259 21.5082C0.647401 21.6787 0.831584 21.814 1.03451 21.9063C1.23745 21.9987 1.45511 22.0462 1.67495 22.0462C1.89479 22.0462 2.11245 21.9987 2.31538 21.9063C2.51831 21.814 2.70249 21.6787 2.8573 21.5082L10.0014 13.6876L17.1455 21.5082C17.3003 21.6787 17.4845 21.814 17.6874 21.9063C17.8904 21.9987 18.108 22.0462 18.3279 22.0462C18.5477 22.0462 18.7654 21.9987 18.9683 21.9063C19.1712 21.814 19.3554 21.6787 19.5102 21.5082C19.6663 21.3391 19.7902 21.138 19.8747 20.9163C19.9593 20.6947 20.0028 20.457 20.0028 20.2169C20.0028 19.9768 19.9593 19.7391 19.8747 19.5174C19.7902 19.2958 19.6663 19.0947 19.5102 18.9256L12.3495 11.1231Z" fill="black"/></svg>') !important;
  background-position: center !important;
}

.rntc-pre-register-dialog .ui-button:focus {
  outline: solid 2px #8181d2;
  outline-offset: 2px !important;
}

.rntc-pre-register-dialog .ui-button .ui-icon-closethick,
.rntc-pre-register-dialog .ui.button:hover .ui-icon-closethick {
  display: none;
}

.rntc-pre-register-dialog .ui-dialog-content {
  overflow-y: visible !important;
  padding: 0 !important;
  color: #302454;
}

.rntc-course-pre-register {
  max-width: 120rem;
  margin: 0 auto;
}

.rntc-course-pre-register .rntc-description {
  margin-bottom: 4rem;
  color: #4f3671
}

.rntc-course-pre-register .form-radios {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}

@media (max-width: 991px) {
  .rntc-course-pre-register .form-radios {
    grid-template-columns: 1fr;
  }
}

.rntc-course-pre-register .form-radios > .form-item-type {
  margin: 0;
}

.rntc-course-pre-register .form-radios label {
  padding: 0;
  height: 100%;
  display: block;
  background-color: #f9f6f0;
  box-shadow: 0 0 10px -5px rgba(48, 36, 84, 0.1);
  border-radius: 5px;
  border: solid 3px transparent;
}

.rntc-course-pre-register .form-radios input:checked + label {
  border-color: #ff6600;
}

.rntc-course-pre-register .form-radios input:focus-visible + label {
  outline: dotted 2px #ff6600;
  outline-offset: -7px;
}

.rntc-course-pre-register .form-radios label:before {
  display: none;
}

.rntc-registration-option {
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  box-sizing: border-box;
}

.rntc-registration-option .title {
  display: block;
  font-size: 24px;
  margin-bottom: 2rem;
}

.rntc-registration-option .content {
  display: block;
  font-weight: normal;
  max-width: 90%;
}

.rntc-registration-option .cta {
  display: block;
  color: #ff6600;
  font-size: 18px;
  margin-top: auto;
}

.rntc-course-pre-register .form-actions {
  position: static !important;
  margin-top: 4rem !important;
  display: block !important;
}

.rntc-course-pre-register .form-actions .button,
.rntc-course-pre-register .form-actions .button:hover {
  padding-left: 4em !important;
  padding-right: 4em !important;
  background-color: #33aadf;
  color: white;
}


.rntc-course-pre-register .form-actions .button:focus {
  outline: solid 2px white;
  outline-offset: -4px !important;
}