/* -- cancelled event status --*/
li.status-CANCELLED a,
li.status-CANCELLED .day {
  color: var(--bs-gray-600) !important;
}
li.status-CANCELLED .month {
  background-color: var(--bs-gray-600) !important;
}
li.status-CANCELLED .title.status-CANCELLED:before {
  background-color: transparent;
  color: #9c4848;
  display:block;
  padding:0;
}
/*-- /cancelled */
.right {
     float: right !important;
}
span.clear {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    cursor: pointer;
    height: 40px;
    text-align: right;
    color: #fff;
    padding-right: 10px;
    line-height: 2.66rem;
    visibility: visible;
}
span.clear i {
    pointer-events: none;
}
#sidebar-bs .panel, #calendar_box {
     border: 1px solid var(--bs-gray-100);
     padding-right: 1.6em;
     background: #ededed;
     padding: 1.25rem;
}
 .view-switchers {
     background: #ededed;
     padding-bottom: 1.25rem;
   text-align: center;
   margin-bottom:25px;
 }
 .view-switchers span {
     color: var(--bs-goldenhour);
}
 #calendar_box {
     border-bottom: none;
}
/* view period range */
 .view_period_range {
   padding:0 15px;
}
/* Calendar Switches*/
.view_period_switchers {
  width: 100%;
  background: var(--bs-gray-300);
  color: #fff;
  margin: 0 auto;
}
.view_period_switchers a {
  width: 49%;
  display: inline-block;
  border-color: var(--bs-gray-100);
  background-color:var(--bs-primary);
  color: #fff;
  line-height: 33px;
  text-transform:uppercase;
  font-size:80%;
  max-width: 250px;
}

.view_period_switchers a:hover {
  color: #003764;
  text-decoration: none;
  border-color:#fff !important;
}

.view_period_switchers a i {
  height:100%;
 display:block;
 line-height: 35px;
 padding:0 10px
}
.view_period_switchers a:first-of-type i {
  float:left;
 
}
.view_period_switchers a:last-of-type i {
  float:right;
 
}
.no-past .event-past {
     display: none;
}
 h2.eventdate {
     margin-bottom: 0;
}
 #calendar_events div.event {
     margin-bottom: .75rem;
     border: 1px solid var(--bs-border-color);
}
 #calendar_events div.event + h2.eventdate {
     margin-top: 1.25em;
}
#searchoptions-generic, #view_period_switchers {
     background-color: var(--bs-gray-200);
     padding-left:15px;
     padding-right:15px;
}
 #searchoptions-generic {
     padding-top: 15px;
}
#searchoptions-generic form {
 	 border: none;
}
 #view_period_switchers {
     padding-bottom: 15px;
     text-align:center;
     padding: 0;
}
#view_period_switchers p {
    padding-bottom: 15px;
    margin: 0;
}
#sidebar-bs  #view_period_switchers {
     padding-bottom:15px;
}
 #searchoptions-generic fieldset {
     border: 0;
     padding: 0 0 15px 0;
}
#searchoptions-generic fieldset legend {
     margin-bottom: 10px;
     border: none;
     font-weight: 700;
     font-family: var(--umassd-font-slab);
     padding-top: 15px;
}
 .event-search-widget fieldset {
     border: 0;
     padding: 0;
     margin: 0;
}
 .event-search-widget fieldset legend {
     display: block;
     padding-bottom:5px;
     margin-bottom: 0.5rem;
     border-bottom-color: var(--bs-border-color);
}
 #past_events legend {
     display: none;
     visibility: hidden;
}
 .past-events {
     background: #e9e9e9;
     padding: 1rem;
     margin-bottom: 1.5rem;
}
 .past-events p {
     margin-bottom: 0;
}
 .past-events fieldset {
     padding: 0;
     margin: 0;
     margin-top: 1rem;
     border: 0;
}
 #search_field label, #jumptoform label {
     position: absolute;
     z-index: -1;
}
 #jumptoform label #calendar_box_custom table, #calendar_box table {
     width: 100%;
     text-align: center;
}
 #jumptoform label #calendar_box_custom table tr th, #jumptoform label #calendar_box_custom table tr td, #calendar_box table tr th, #calendar_box table tr td {
     width: calc(100%/7);
}
 #calendar_box td, #calendar_box td, #jumptoform label #calendar_box_custom table tr th.hasEvents, #jumptoform label #calendar_box_custom table tr td.hasEvents, #calendar_box table tr th.hasEvents, #calendar_box table tr td.hasEvents {
     padding: 0;
}
 #jumptoform label #calendar_box_custom table tr th.hasEvents a, #jumptoform label #calendar_box_custom table tr td.hasEvents a, #calendar_box table tr th.hasEvents a, #calendar_box table tr td.hasEvents a {
     color: white;
     display: block;
     padding: 9px 0;
     height: 100%;
     background: var(--bs-goldenhour);
     font-family: var(--umassd-font-slab);
}
 #calendar_box table tr td span {
     padding: 9px 0;
     display: block;
     font-family: var(--umassd-font-slab);
}
 #jumptoform label #calendar_box_custom table tr th.hasEvents.outperiodday a, #jumptoform label #calendar_box_custom table tr td.hasEvents.outperiodday a, #calendar_box table tr th.hasEvents.outperiodday a, #calendar_box table tr td.hasEvents.outperiodday a {
     opacity: 0.5;
}
 #calendar_box tr.calendar-dayhead th {
     background: var(--bs-gray-300);
     color: var(--bs-body-color);
}
 #calendar_box tr.calendar-box-header th#prev_month, #calendar_box tr.calendar-box-header th#next_month {
     background-color: var(--bs-link-color);
     text-align: center;
}
 #calendar_box tr.calendar-box-header th#current_month {
     background-color: #003764;
     text-align: center;
}
 #calendar_box tr.calendar-box-header th, #calendar_box tr.calendar-box-header th#prev_month a, #calendar_box tr.calendar-box-header th#next_month a {
     color: #fff;
}
 #calendar_box tr.calendar-box-header th {
     background-color: var(--bs-goldenhour);
     color: #fff;
}
 #jumptoform label #calendar_box_custom table tr th .prev-next-link, #calendar_box table tr th .prev-next-link {
     text-indent: -9999px;
     display: block;
     float: left;
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0,0,0,0);
     white-space: nowrap;
     border-width: 0;
}
 .calendar-dayrow .today a {
     position: relative;
}
 .calendar-dayrow .today a:after {
     content: '';
     width: 5px;
     height: 5px;
     position: absolute;
     background: rgba(255, 255, 255, 0.75);
     border-radius: 50%;
     bottom: 4px;
     left: calc(50% - 2px);
}
/* Large Calendar*/
 #calendar_page table {
     width: 100%;
     text-align: center;
}
 #calendar_page table tr th {
     width: calc(100%/7);
     text-align: center;
}
 #calendar_page table tr.calendar-box-header th {
     font-size: 1em;
}
 #calendar_page table tr.calendar-box-header th .prev-next-link {
     text-indent: -9999px;
     display: block;
     float: left;
}
 #calendar_page table tr.calendar-dayhead th {
     font-size: 0.8em;
}
 #calendar_page table tbody tr.calendar-dayrow td {
     width: calc(100%/7);
     vertical-align: top;
     padding: 0.1em;
     height: 8em;
     border: 1px solid #eee;
}
 #calendar_page table tbody tr.calendar-dayrow td.fillday {
     background-color: #eee;
}
 #calendar_page table tbody tr.calendar-dayrow td.fillday span {
     color: #999;
}
 #calendar_page table tbody tr.calendar-dayrow span {
     font-size: 1.2em;
     border-radius: 50%;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     display: inline-block;
     font-weight: bold;
}
 #calendar_page table tbody tr.calendar-dayrow .cal-event a {
     font-size: 0.80em;
     line-height: 1em;
     display: block;
     max-height: 2rem;
     overflow: hidden;
     text-overflow: ellipsis;
     padding: 0.3em;
     background-color: #990616;
     margin-bottom: 2px;
     color: #FFF;
     word-break: break-all;
     color: #FFF;
     white-space: unset;
}
 #calendar_page table tbody tr.calendar-dayrow .cal-event.end a {
     padding-left: 0px;
     background-color: #000;
}
 #calendar_page table tbody tr.calendar-dayrow .cal-event.start a {
     padding-right: 0px;
     background-color: #000;
}
 #calendar_page table tbody tr.calendar-dayrow .cal-event.middle a {
     padding-left: 0px;
     padding-right: 0px;
     background-color: #000;
}
 #calendar_page table tbody tr.calendar-dayrow .tooltip-info {
     display: block;
     width: 200px;
     min-height: 100px;
     background-color: white;
     border: 1px solid #000;
     position: absolute;
     margin-left: calc(100%/7);
     margin-top: -39px;
    /* min-height/2 */
     z-index: 100;
     color: #000;
     font-size: 1em;
     padding: 0.3em;
     display: none;
}
 #calendar_page table tbody tr.calendar-dayrow .tooltip-info:after, #calendar_page table tbody tr.calendar-dayrow .tooltip-info:before {
     right: 100%;
     top: 26px;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
}
 #calendar_page table tbody tr.calendar-dayrow .tooltip-info:after {
     border-color: transparent;
     border-right-color: white;
     border-width: 6px;
     margin-top: -6px;
}
 #calendar_page table tbody tr.calendar-dayrow .tooltip-info:before {
     border-color: transparent;
     border-right-color: #000;
     border-width: 7px;
     margin-top: -7px;
}
 #calendar_page table tbody tr.calendar-dayrow .tooltip-info.active {
     display: block;
}
 #calendar_page table tbody tr.calendar-dayrow .tooltip-info h2 {
     font-size: 1em;
     line-height: 1em;
     margin-top: 0.1em;
     margin-bottom: 0.1em;
}
 #calendar_page table tbody tr.calendar-dayrow .tooltip-info div.info {
     font-size: 0.80em;
     margin-bottom: 0.3em;
}
 #calendar_page table tbody tr.calendar-dayrow .tooltip-info div.info p {
     font-size: 1em;
     margin: 0px;
     padding-bottom: 0px;
     line-height: 1em;
}
 #calendar_page table tbody tr.calendar-dayrow .tooltip-info div.short-desc {
     font-size: 0.80em;
}
 .event-date-box {
     display: inline-block;
     width: 17.5%;
     vertical-align: top;
     padding-top: 5px;
     text-align: right;
}
 .event-date-box a {
     text-decoration:none;
}
 .event-info-box {
     display: inline-block;
     width: 80%;
     vertical-align: middle;
     padding-left: 10px;
}
 .filter-tags-container span {
     display: inline-block;
     padding: 0.35rem;
     margin-bottom: 0.35rem;
     background: #eee;
     color: #555;
}
 .event-filters ul {
     display: inline-block;
}
 .event-filters ul li {
     display: inline-block;
     background: #e9e9e9;
     padding: 0.25rem;
     margin: 0.25rem;
}
 #searchoptions-dates input[type=submit] {
     background: #990616;
     border: none;
     min-height: 44px;
}
 .desk_check {
     background: rgba(0, 0, 0, 0.5);
     color: white;
     position: absolute;
     margin-top: -0.5rem;
     left: -100px;
     width: 100px;
     padding: 0.25rem;
     font-size: 0.9rem;
}
 .desk_check:hover {
     background: black;
}
 .desk_check span {
     display: block;
     font-weight: bold;
     margin-bottom: 0.125rem;
     font-size: 0.75em !important;
}
 .desk_check a {
     font-size: 0.75em !important;
     line-height: 1em !important;
     display: block !important;
     max-height: 26px !important;
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     padding: none !important;
     background: none !important;
     margin-bottom: 2px !important;
     word-break: break-word !important;
     display: block !important;
     color: #FFF !important;
     text-decoration: underline !important;
     margin-bottom: 0.125rem !important;
}
 .desk_check a:hover {
     text-decoration: none !important;
     color: #FFF !important;
}
/* categories checkbox */
 #searchoptions-categories label {
     font-size: 12px;
}

.searchoptions-categories.panel {
 background-color: #ebebeb;
 margin:0 !important;
 border-radius: 0;
 border:none;
}

.searchoptions-categories.panel .accordion-button {
    font-size: .88rem;
    padding: 1rem;
    margin: 0;
    border: none;  
}

#searchoptions-categories li {
    width: 50%;
}

#searchoptions-categories li input {
    display: inline-block;
}

#searchoptions-categories li label {
    display: inline-block;
}

#searchoptions-categories li::marker {
    content:'';
}

/* results */

 #calendar_events .categories_trigger {
     font-size:0.88rem;
     line-height:1.6em;
}
 #calendar_events .event {
     margin-bottom: 0;
     padding: 1rem 0;
     background: var(--bs-body-bg);
}
 #calendar_events .categories_trigger .small{
     font-size: 80%;
     line-height: 1.6em;
     display: block;
     border-top: 1px solid var(--bs-border-color);
     padding-top: 5px;
     margin-top: 5px;
}
 #calendar_events .eventdate {
     color: #92722e;
     text-transform: uppercase;
     padding: 8px 15px;
     border-left: 5px solid #FEC24d;
     background-color: #ffd477;
     margin-bottom: 5px;
     font-weight: bold;
     font-size: 90%;
     font-family: var(--umassd-font-slab);
     line-height:1.4em;
}
 #calendar_events .eventdate * {
     color: #92722e;
}
 #calendar_events .date-stamp {
     color: #333;
     margin-right: 10px;
     margin-bottom: 10px;
     display: inline-block;
}
 #calendar_events .date-stamp .month {
     font-size: .9em;
     font-weight: 500;
     text-transform: uppercase;
     text-align: center;
     margin-bottom: -1px;
     padding: 0 5px;
     width: 50px;
     color: #fff;
     line-height: 1.3em;
     background: var(--bs-link-color);
}
 #calendar_events .date-stamp .day {
     font-size: 2.0em;
     font-weight: 100;
     border-top: none;
     text-align: center;
     padding: 5px 0 0;
     color: var(--bs-link-color);
     font-family: var(--umassd-font-slab);
     line-height: 1em;
     width: 50px;
     border: 1px solid #dadada;
}
 #calendar_events .date-stamp.smaller {
     padding:0;
     height: auto;
     vertical-align: middle;
     margin-bottom: 50%;
     line-height: 0;
}