/**
 * common styles for calendar functionalities
 */
.arjang-calendar-hidden {
  display: none !important;
}
.arjang-calendar-hidden-for-brand {
  display: none !important;
}
.arjang-calendar-hidden-for-topic {
  display: none !important;
}
.arjang-calendar-hidden-for-instructor {
  display: none !important;
}
.arjang-calendar-hidden-for-coursetype {
  display: none !important;
}
.arjang-calendar-hidden-for-location {
  display: none !important;
}

/**
 * the selected option in the select box is not available due to the other selected criteria
 */
select.selected-option-unavailable {
  -moz-box-shadow: 0 0 3px red !important;
  -webkit-box-shadow: 0 0 3px red !important;
  -o-box-shadow: 0 0 3px red !important;
  box-shadow: 0 0 3px 2px red !important;
  color: red;
}
select.selected-option-unavailable option {
  color: initial;
}

/**
 * This option is not available due to the other selected criteria
 */
select option.option-not-available {
  color: #ddd;
}

/**
 * Style multi-instructor
 */
td.course-instructor > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/**
 * Style for when enable_coupon_col flag is set (See in arjang-calendar-full.html.twig)
 */
/**
 * Since coupon rows are placed between course rows, we should override the table-striped style.
 */
#arjang-calendar-wrapper.enable-coupon-col .table-striped > tbody > tr:nth-of-type(2n+1) {
  /* Undo bootstrap's (2n+1) */
  --bs-table-accent-bg: transparent;
  color: initial;
}
#arjang-calendar-wrapper.enable-coupon-col .table-striped > tbody > tr:nth-of-type(4n+1) {
  /* Apply new logic (4n+1) */
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

#arjang-calendar-wrapper.enable-coupon-col .course-coupon-desc-row .course-coupon-desc-inner {
  border: 1px solid #bb2d3b;
  border-top-style: dashed;
  margin: 0 0 2.5rem;
  padding: 1rem;
  background-color: #bb2d3b20;

  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;

  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}

/**
 * Style course location
 */
.course-location-wrapper {
  cursor: help;
}
.course-location-desc {
  display: none;
  color: #777;
}
@media (max-width: 992px) {
  .course-location-desc {
    display: block;
  }
}