.form-item-field-hi-event-date-value {
  padding-bottom: 1rem;
}
input#edit-field-hi-event-date-value {
  margin-left: 1rem;
  margin-top: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .form-item-field-hi-event-date-value {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

#calendar  a.fc-day-number {
  float: left !important;
  font-weight: 700;
  padding: 0.5rem;
  font-size: 18px;
}

#calendar  .fc-day-header {
  text-transform: uppercase;
  font-size: 12px;
  padding: 0.5rem;
}

#calendar .fc-listDay-view .fc-scroller {
}

#calendar .fc-icon-chevron-left {
  height: auto;
}

#calendar .fc-icon-chevron-left:before {
  content: '';
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 96 960 960" width="24"><path d="M480 896 160 576l320-320 57 56-224 224h487v80H313l224 224-57 56Z" fill="currentColor" fill-rule="evenodd"/></svg>');
  position: relative;
  float: left;
  margin-right: -100%;
  clear: none;
  width: 24px;
  height: 24px;
}

#calendar .fc-icon-chevron-right {
  height: auto;
}

#calendar .fc-icon-chevron-right:before {
  content: '';
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 96 960 960" width="24"><path d="m480 896-57-56 224-224H160v-80h487L423 312l57-56 320 320-320 320Z" fill="currentColor" fill-rule="evenodd"/></svg>');
  position: relative;
  float: right;
  margin-left: -100%;
  clear: none;
  width: 24px;
  height: 24px;
}

#calendar .fc-prev-button {
  border-radius: unset;
  border: none;
  font-size: 20px;
  padding-left: 0;
  padding-top: 0.8rem;
  float: left;
  background-color: transparent;
}
#calendar .fc-next-button {
  border-radius: unset;
  border: none;
  font-size: 20px;
  padding-left: 1rem;
  padding-top: 0.8rem;
  float: left;
  background-color: transparent;
}

#calendar .fc-left {
  float: left;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
@media screen and (max-width: 1024px) {
  #calendar .fc-left {
    margin-top: 0;
  }
}
#calendar .fc-left .fc-button-group button {
  background-color: white;
  color: #1c1c1c;
  text-transform: capitalize;
  border-radius: 0;
  font-size: 20px;
  padding: 0.6rem 4rem;
  border-color: #10099f;
}
@media screen and (max-width: 1024px) {
  #calendar .fc-left .fc-button-group button {
    padding: 1rem 1.5rem;
  }
}

#calendar .fc-button-active {
  background-color: #10099f !important;
  color: white !important;
}

#calendar .fc-button-active::before {
  content: '\2713';
  display: inline-block;
  color: white;
  padding: 0 10px 0 0;
}


#calendar button.fc-listWeek-button {
  content: 'Week'
}

#calendar .fc-center {
  display: none;
}
#calendar .fc-right {
  float: left;
  width: 100%;
}

#calendar .fc-toolbar h2 {
  font-size: 20px;
  font-weight: 700;
  float: left;
  padding-top: 0;
}

#calendar .fc-event-container .fc-content {
  white-space: normal;
  max-height: 35px;
}
#calendar .fc-event {
  background-color: #e5edff !important;
  color: #10099f;
  border-radius: unset;
  border: none;
  font-size: 12px;
  line-height: 18px;
}

.fc-toolbar {
  flex-direction: column;
  align-items: start;
  margin-bottom: 0.5rem !important;
}

#calendar td.fc-day-today {
  background: transparent !important;
  border: none !important;
}

#calendar .fc-day-grid-event .fc-title {
}

#calendar .fc-more {
  color: #10099f;
  font-weight: 700;
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 6px;
  padding: 1rem;
  margin-bottom: 3rem;
}
#calendar .fc-more:hover {
  color: #a90b58;
  background-color: #f8e1ea;
}
#calendar .fc-more-popover {
  width: 330px;
}
#calendar .fc-more-popover .fc-event {
  background-color: white !important;
}
#calendar .fc-more-popover .fc-content {
  overflow: visible;
  display: block;
  white-space: normal;
  max-height: unset;
}
#calendar .fc-more-popover .fc-body {
  font-size: 18px;
  line-height: 27px;
  pointer-events: auto;
}
#calendar .fc-more-popover .fc-header {
  background-color: #fcfcfc;
  padding: 1rem;
}
#calendar .fc-more-popover .fc-header .fc-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1c1c1c;
  margin-bottom: 0;
}
#calendar .fc-more-popover .fc-time {
  font-weight: 400;
  color: #4e4e4e;
  font-size: 18px;
  line-height: 27px;
  display: block;
}
#calendar .fc-more-popover .fc-title {
  font-weight: 700;
  color: #10099f;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 1rem;
  display: inline-block;
}

.ui-dialog .ui-dialog-titlebar {
  background: white !important;
  border-radius: 0 !important;
}

.ui-widget-overlay {
  background-color: #070444 !important;
}

.ui-dialog:not(.ui-dialog-off-canvas) {
  right: 0;
  left: unset !important;
  top: 0 !important;
}
.ui-dialog-content {
  max-height: 3000px !important;
}

.ui-dialog-titlebar-close {
  background: black !important;
}
#calendar .fc-listDay-view {
  border: none !important;
}

#calendar .fc-listDay-view .fc-list-heading {
  border: none !important;
}
#calendar .fc-listDay-view .fc-list-heading td {
  background-color: transparent !important;
}
#calendar .fc-listDay-view tr.fc-list-item {
  width: 47.8%;
  display: inline-block;
  height: 246px;
  background-color: white;
  margin-bottom: 2rem;
  border: 1px solid #d3d3d3;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #calendar .fc-listDay-view tr.fc-list-item {
    width: 99%;
    margin-right: 0 !important;
    min-height: 246px;
  }
}
#calendar .fc-listDay-view tr.fc-list-item:nth-child(even) {
  margin-right: 2rem;
}
#calendar .fc-listDay-view .fc-list-table td {
  border: none;
  padding: 1rem;
  padding-top: 0.5rem;
}
@media screen and (max-width: 1024px) {
  #calendar .fc-listDay-view .fc-list-table td {
    padding-top: 0;
  }

}
#calendar .fc-listDay-view .fc-list-table td.fc-list-item-time {
  display: block;
  margin-top: 1rem;
}

#calendar .fc-list-table td.fc-list-item-time::before {
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_3426_4244" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%2310099F"/></mask><g mask="url(%23mask0_3426_4244)"><path d="M15.3 16.7L16.7 15.3L13 11.6V7H11V12.4L15.3 16.7ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22ZM12 20C14.2167 20 16.1043 19.221 17.663 17.663C19.221 16.1043 20 14.2167 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 14.2167 4.77933 16.1043 6.338 17.663C7.896 19.221 9.78333 20 12 20Z" fill="currentColor"/></g></svg>');
  float: left;
  clear: none;
  width: 27px;
  height: 26px;
  background-repeat: no-repeat;
  position: relative;
  top: 3px;
}
#calendar .fc-listDay-view .fc-list-table .fc-list-item-marker {
  display: none;
}
#calendar .fc-listDay-view .fc-list-table .fc-list-item-title {
  text-decoration: underline;
  color: #10099f;
  font-size: 18px;
  font-weight: 700;
}

#calendar .fc-listDay-view .eventICalUTS {
  border: 2px solid #10099f;
  padding: 1rem;
  position: absolute;
  bottom: 1rem;
  width: calc(96% - 3rem);
  display: flex;
  align-items: center;
}
#calendar .fc-listDay-view a.ical {
  margin: 0 auto;
}
#calendar .fc-listDay-view .eventICalUTS a:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="48"><path d="M180-80q-24 0-42-18t-18-42v-620q0-24 18-42t42-18h65v-60h65v60h340v-60h65v60h65q24 0 42 18t18 42v620q0 24-18 42t-42 18H180Zm0-60h600v-430H180v430Zm0-490h600v-130H180v130Zm0 0v-130 130Zm300 230q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z" fill="%2310099F" /></svg>');
  float: right;
  clear: none;
  width: 44px;
  height: 30px;
  background-repeat: no-repeat;
}

.fc-unthemed .fc-list-empty {
  background-color: #e5edff;
}

#views-exposed-form-hi-events-page input[type=submit] {
  clear: left;
}
#calendar .fc-listWeek-view .fc-list-heading td {
  background-color: #070444;
  color: white;
}

#calendar  .fc-scroller {
  height: auto !important;
}

#calendar .ui-state-default,
#calendar .ui-widget-content .ui-state-default {
  background: white !important;
  border: none;
}

#calendar .ui-datepicker td a {
  border: none !important;
}

#calendar .ui-datepicker .ui-datepicker-title,
#calendar .ui-datepicker .ui-datepicker-header {
  background: white;
  border: none;
}
#calendar .ui-datepicker-calendar thead th {
  background-color: white;
  color: black;
}
#calendar .ui-state-highlight,
#calendar .ui-widget-content .ui-state-highlight {
  color: white !important;
  text-align: center;
  background-color: #f8e1ea !important;
}
#calendar .ui-datepicker td a {
  text-align: center;
}
#calendar .ui-dialog .ui-widget-content.ui-dialog-content {
  background-color: white !important;
}
#calendar .fc-timegrid-event-harness:hover {
  z-index: 100!important;
}

#calendar .zoomed {
  display: inline-block;
  padding: 1rem;
  height: 200px;
  z-index: 10;
}

#timetabletext {
  background-color: #F8E1EA;
  border: 1px solid #BF125D;
  border-left: 4px solid #BF125D;
}
#timetabletext p.timetabletext-title strong {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
}
#timetabletext p {
  font-size: 14px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
#timetabletext p strong {
  font-weight: 700;
}
#timetabletext p.timetabletext-title:first-child {
  padding-top: 2rem;
}
#timetabletext p.timetabletext-title strong:first-child {
  background-image: url('data:image/svg+xml,<svg width="20" height="19" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.3335 10.3333H7.66683V6.33334H6.3335V10.3333ZM7.00016 5.00001C7.18905 5.00001 7.34738 4.93612 7.47516 4.80834C7.60294 4.68057 7.66683 4.52223 7.66683 4.33334C7.66683 4.14445 7.60294 3.98612 7.47516 3.85834C7.34738 3.73057 7.18905 3.66668 7.00016 3.66668C6.81127 3.66668 6.65294 3.73057 6.52516 3.85834C6.39738 3.98612 6.3335 4.14445 6.3335 4.33334C6.3335 4.52223 6.39738 4.68057 6.52516 4.80834C6.65294 4.93612 6.81127 5.00001 7.00016 5.00001ZM7.00016 13.6667C6.07794 13.6667 5.21127 13.4917 4.40016 13.1417C3.58905 12.7917 2.8835 12.3167 2.2835 11.7167C1.6835 11.1167 1.2085 10.4111 0.858496 9.60001C0.508496 8.7889 0.333496 7.92223 0.333496 7.00001C0.333496 6.07779 0.508496 5.21112 0.858496 4.40001C1.2085 3.5889 1.6835 2.88334 2.2835 2.28334C2.8835 1.68334 3.58905 1.20834 4.40016 0.858343C5.21127 0.508343 6.07794 0.333344 7.00016 0.333344C7.92238 0.333344 8.78905 0.508343 9.60016 0.858343C10.4113 1.20834 11.1168 1.68334 11.7168 2.28334C12.3168 2.88334 12.7918 3.5889 13.1418 4.40001C13.4918 5.21112 13.6668 6.07779 13.6668 7.00001C13.6668 7.92223 13.4918 8.7889 13.1418 9.60001C12.7918 10.4111 12.3168 11.1167 11.7168 11.7167C11.1168 12.3167 10.4113 12.7917 9.60016 13.1417C8.78905 13.4917 7.92238 13.6667 7.00016 13.6667Z" fill="%23BF125D"/></svg>');
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 1.5rem;
  margin-left: -1.5rem;
  padding-top: 2px;
}
#timetableSelectors {
  margin-top: 2rem;
}
#timetableSelectors label {
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: uppercase;
}
#timetableSelectors select {
  background-color: #FCFCFC !important;
  border-bottom: 1px solid darkgray !important;
  color: black !important;
  width: 100% !important;
  padding-left: 0 !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 96 960 960' width='24' aria-hidden='true'%3E%3Cpath d='m480 716 180-180-57-56-123 123-123-123-57 56 180 180Zm0 260q-83 0-156-31.5T197 859q-54-54-85.5-127T80 576q0-83 31.5-156T197 293q54-54 127-85.5T480 176q83 0 156 31.5T763 293q54 54 85.5 127T880 576q0 83-31.5 156T763 859q-54 54-127 85.5T480 976Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z' fill='000000' fill-rule='evenodd'/%3E%3C/svg%3E") !important;

}
.selectgroup {
  width: 32.7% !important;
  display: inline-block;
}
#elective {
  color: rgb(191 18 93);
}

@media screen and (max-width: 1024px) {
  .selectgroup {
    width: 100% !important;
    display: inline-block;
  }

}

