/**
 * Helper function for downsize mixin.
 */
/**
 * Downsize a CSS property using the viewport to affect calc().
 *
 * @param {string} $property: The property to be affected.
 * @param {string|list} $min: The min value / values.
 * @param {string|list} $max: The max value / values.
 * @param {string} $viewport: The biggest viewport, which the property must be calculated. NOTE: we use media-breakpoint-down here!
 * @param {boolean} $default: True if the default property must be set, regardless of the viewport size.
 * @param {list} $min-limit: A list containing the min viewport and the min value.
 */
#course-booking-page .btn-new-attendee {
  display: none;
}
@media (max-width: 1199.98px) {
  #course-booking-page .btn-login {
    display: block;
    width: 100%;
  }
  #course-booking-page .module-cards.course-card .icons {
    display: none !important;
  }
  #course-booking-page .module-cards.course-card .action-buttons:not(.inline) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #course-booking-page form .person-data .form-check:has(> input[type=checkbox]) {
    margin-top: 35px;
    margin-bottom: 0;
    height: 50px;
    display: flex;
    align-items: center;
    position: relative;
    top: -2px;
  }
  #course-booking-page form .person-data .form-check:has(> input[type=checkbox]) input[type=checkbox] {
    margin-right: 8px;
  }
}
@media (min-width: 992px) {
  #course-booking-page form .form-check:has(> input[type=checkbox]) {
    position: relative;
    bottom: 10px;
  }
}
#course-booking-progress-modal .course-booking-progress .grid {
  grid-template-columns: 1fr auto;
}
#course-booking-progress-modal .status-icons .success,
#course-booking-progress-modal .status-icons .error {
  display: none;
}
#course-booking-progress-modal .status-icons .queue,
#course-booking-progress-modal .status-icons .success,
#course-booking-progress-modal .status-icons .error {
  line-height: 1rem;
}
#course-booking-progress-modal .modal-footer {
  display: none;
}