/* Make the entire checkbox form item inline */
/* Make the checkbox form item behave like a normal inline field */
.form-item-cb-online {
  display: flex !important;
  align-items: center;
  gap: .5rem;
  width: auto !important;
  white-space: nowrap;
}

/* Restore checkbox appearance */
.form-item-cb-online .form-checkbox {
  appearance: auto !important;
  opacity: 1 !important;
  height: 30px !important;
  width: 30px !important;
}

/* Two-column layout for the form fields */
#tuition-calc-grid {
  display: grid;
  grid-template-columns: 300px 300px;
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  align-items: center;
}