.page-body-calendar {
  /* full calendar over-rides */
  /*  for lightbox overrides */
}
.page-body-calendar .calendar-header-container {
  display: grid;
  grid-template-columns: 1fr 80px;
  align-items: start;
  margin-left: 25px;
  margin-right: 25px;
  row-gap: 10px;
}
.page-body-calendar .cell1a {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  align-self: start;
  margin: 0;
}
.page-body-calendar .cell1b {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
.page-body-calendar .cell1c {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 3;
  justify-self: end;
  align-self: start;
}
.page-body-calendar .cell2a {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  align-self: end;
}
.page-body-calendar .cell2b {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}
.page-body-calendar .cell3a {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}
.page-body-calendar .cell3c {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
  justify-self: end;
  align-self: end;
}
.page-body-calendar .calendar-header.cell1a {
  font-weight: bold;
}
.page-body-calendar #calendar-container-large {
  margin-top: 10px;
  margin-left: 25px;
  margin-right: 25px;
  padding-bottom: 50px;
}
.page-body-calendar #calendar-container-small {
  top: 400px;
  margin-top: 20px;
  margin-left: 5px;
  margin-right: 5px;
}
.page-body-calendar .calendar-legend {
  font-size: 81%;
}
.page-body-calendar .calendar-legend div {
  text-align: end;
}
.page-body-calendar .time-zone-content {
  font-family: system-ui;
  font-size: 11px;
}
.page-body-calendar .fc-event {
  border-width: 0px;
  font-size: 100%;
}
.page-body-calendar .fc-event .fc-event-inner:hover {
  background-color: #f0eded;
}
.page-body-calendar .fc-event-skin {
  border-color: white;
  color: gray;
}
.page-body-calendar .fc-header-title,
.page-body-calendar .fc-header-title h2 {
  font-size: 115%;
}
.page-body-calendar .fc-content:hover {
  background-color: #eeeeee;
}
@media screen and (max-width: 603px) {
  .page-body-calendar .fc-header,
  .page-body-calendar .fc-center h2 {
    font-size: 160%;
    font-weight: normal;
    white-space: normal;
  }
  .page-body-calendar .fc-button-today {
    display: none;
  }
  .page-body-calendar .fc-button-agendaWeek {
    display: none;
  }
  .page-body-calendar .fc-event {
    border-width: 0px;
    font-size: 116%;
  }
}
@media screen and (max-width: 480px) {
  .page-body-calendar .calendar-header-container {
    margin-left: 10px;
    margin-right: 10px;
  }
  .page-body-calendar #calendar-container-large {
    margin-left: 10px;
    margin-right: 10px;
  }
  .page-body-calendar .fc-header,
  .page-body-calendar .fc-center h2 {
    font-size: 111%;
    padding-top: 7px;
  }
  .page-body-calendar .fc-day-grid-container {
    min-height: 318px;
  }
}
#modalCalendarEdit,
#modalCalendarNew,
#modalCalendarShow {
  max-width: 500px;
  margin: auto;
}
#modalCalendarEdit .modal-dialog .modal-header .calendar-event-start-date,
#modalCalendarNew .modal-dialog .modal-header .calendar-event-start-date,
#modalCalendarShow .modal-dialog .modal-header .calendar-event-start-date {
  width: 123px;
  margin-right: 10px;
}
#modalCalendarEdit .modal-dialog .modal-header .modal-title,
#modalCalendarNew .modal-dialog .modal-header .modal-title,
#modalCalendarShow .modal-dialog .modal-header .modal-title {
  line-height: 1;
}
#modalCalendarEdit .modal-dialog .modal-header .modal-title-text,
#modalCalendarNew .modal-dialog .modal-header .modal-title-text,
#modalCalendarShow .modal-dialog .modal-header .modal-title-text {
  font-size: 16px;
  font-weight: bold;
}
#modalCalendarEdit .modal-dialog .modal-header .calendar-edit-event-heading,
#modalCalendarNew .modal-dialog .modal-header .calendar-edit-event-heading,
#modalCalendarShow .modal-dialog .modal-header .calendar-edit-event-heading {
  margin-right: 10px;
}
#modalCalendarEdit .modal-dialog .modal-header button.close,
#modalCalendarNew .modal-dialog .modal-header button.close,
#modalCalendarShow .modal-dialog .modal-header button.close {
  flex-basis: 15%;
}
#modalCalendarEdit .modal-dialog .modal-header button.close span,
#modalCalendarNew .modal-dialog .modal-header button.close span,
#modalCalendarShow .modal-dialog .modal-header button.close span {
  float: right;
}
#modalCalendarEdit .modal-dialog .modal-header2,
#modalCalendarNew .modal-dialog .modal-header2,
#modalCalendarShow .modal-dialog .modal-header2 {
  /* used for Repeat section */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#modalCalendarEdit .modal-dialog .modal-header2 .header-section,
#modalCalendarNew .modal-dialog .modal-header2 .header-section,
#modalCalendarShow .modal-dialog .modal-header2 .header-section {
  display: flex;
  flex-direction: row;
}
#modalCalendarEdit .modal-dialog .modal-header2 .event-start-time-field,
#modalCalendarNew .modal-dialog .modal-header2 .event-start-time-field,
#modalCalendarShow .modal-dialog .modal-header2 .event-start-time-field,
#modalCalendarEdit .modal-dialog .modal-header2 .event-end-time-field,
#modalCalendarNew .modal-dialog .modal-header2 .event-end-time-field,
#modalCalendarShow .modal-dialog .modal-header2 .event-end-time-field {
  width: 68px;
  padding-left: 4px;
  padding-right: 0px;
}
#modalCalendarEdit .modal-dialog .modal-header2 label:not(:first-child),
#modalCalendarNew .modal-dialog .modal-header2 label:not(:first-child),
#modalCalendarShow .modal-dialog .modal-header2 label:not(:first-child) {
  margin-left: 17px;
}
#modalCalendarEdit .modal-dialog .modal-header2 label.label-left,
#modalCalendarNew .modal-dialog .modal-header2 label.label-left,
#modalCalendarShow .modal-dialog .modal-header2 label.label-left {
  display: inline-block;
  font-weight: 100;
  text-decoration: underline;
  margin-right: 3px;
  color: gray;
}
#modalCalendarEdit .modal-dialog .modal-header2 input[type="checkbox"],
#modalCalendarNew .modal-dialog .modal-header2 input[type="checkbox"],
#modalCalendarShow .modal-dialog .modal-header2 input[type="checkbox"] {
  width: 19px;
  height: 19px;
  min-width: 19px;
  margin-left: 4px;
}
#modalCalendarEdit .modal-dialog .modal-header2 .event-repeat-end-time,
#modalCalendarNew .modal-dialog .modal-header2 .event-repeat-end-time,
#modalCalendarShow .modal-dialog .modal-header2 .event-repeat-end-time {
  width: 146px;
}
@media screen and (max-width: 769px) {
  #modalCalendarEdit .modal-dialog .modal-header2 .event-start-time-field,
  #modalCalendarNew .modal-dialog .modal-header2 .event-start-time-field,
  #modalCalendarShow .modal-dialog .modal-header2 .event-start-time-field,
  #modalCalendarEdit .modal-dialog .modal-header2 .event-end-time-field,
  #modalCalendarNew .modal-dialog .modal-header2 .event-end-time-field,
  #modalCalendarShow .modal-dialog .modal-header2 .event-end-time-field {
    width: 88px;
    padding-left: 6px;
    padding-right: 0px;
  }
  #modalCalendarEdit .modal-dialog .modal-header2 input:not([type='date']),
  #modalCalendarNew .modal-dialog .modal-header2 input:not([type='date']),
  #modalCalendarShow .modal-dialog .modal-header2 input:not([type='date']),
  #modalCalendarEdit .modal-dialog .modal-header2 textarea,
  #modalCalendarNew .modal-dialog .modal-header2 textarea,
  #modalCalendarShow .modal-dialog .modal-header2 textarea,
  #modalCalendarEdit .modal-dialog .modal-header2 select,
  #modalCalendarNew .modal-dialog .modal-header2 select,
  #modalCalendarShow .modal-dialog .modal-header2 select {
    font-size: 120% !important;
  }
}
@media screen and (max-width: 603px) {
  #modalCalendarEdit .modal-dialog .modal-header2 .header-section,
  #modalCalendarNew .modal-dialog .modal-header2 .header-section,
  #modalCalendarShow .modal-dialog .modal-header2 .header-section {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  #modalCalendarEdit .modal-dialog .modal-header2 .modal-header2,
  #modalCalendarNew .modal-dialog .modal-header2 .modal-header2,
  #modalCalendarShow .modal-dialog .modal-header2 .modal-header2 {
    display: none;
  }
  #modalCalendarEdit .modal-dialog .modal-header2 .event-start-time-field,
  #modalCalendarNew .modal-dialog .modal-header2 .event-start-time-field,
  #modalCalendarShow .modal-dialog .modal-header2 .event-start-time-field,
  #modalCalendarEdit .modal-dialog .modal-header2 .event-end-time-field,
  #modalCalendarNew .modal-dialog .modal-header2 .event-end-time-field,
  #modalCalendarShow .modal-dialog .modal-header2 .event-end-time-field {
    width: 98px;
    padding-left: 6px;
    padding-right: 0px;
  }
}
#modalCalendarEdit .modal-dialog .modal-body .calendar-show .calendar-time-section,
#modalCalendarNew .modal-dialog .modal-body .calendar-show .calendar-time-section,
#modalCalendarShow .modal-dialog .modal-body .calendar-show .calendar-time-section {
  display: flex;
}
#modalCalendarEdit .modal-dialog .modal-body .calendar-show .calendar-time-section .calendar-time,
#modalCalendarNew .modal-dialog .modal-body .calendar-show .calendar-time-section .calendar-time,
#modalCalendarShow .modal-dialog .modal-body .calendar-show .calendar-time-section .calendar-time {
  flex-basis: auto;
  margin-right: 20px;
}
#modalCalendarEdit .modal-dialog .modal-body .calendar-show .event-description-field,
#modalCalendarNew .modal-dialog .modal-body .calendar-show .event-description-field,
#modalCalendarShow .modal-dialog .modal-body .calendar-show .event-description-field,
#modalCalendarEdit .modal-dialog .modal-body calendar-edit .event-description-field,
#modalCalendarNew .modal-dialog .modal-body calendar-edit .event-description-field,
#modalCalendarShow .modal-dialog .modal-body calendar-edit .event-description-field {
  word-break: break-word;
}
#modalCalendarEdit .modal-dialog .modal-body .calendar-event-description-section,
#modalCalendarNew .modal-dialog .modal-body .calendar-event-description-section,
#modalCalendarShow .modal-dialog .modal-body .calendar-event-description-section {
  word-break: break-word;
}
#modalCalendarEdit .date-unstyled::-webkit-inner-spin-button,
#modalCalendarNew .date-unstyled::-webkit-inner-spin-button,
#modalCalendarShow .date-unstyled::-webkit-inner-spin-button,
#modalCalendarEdit .date-unstyled::-webkit-calendar-picker-indicator,
#modalCalendarNew .date-unstyled::-webkit-calendar-picker-indicator,
#modalCalendarShow .date-unstyled::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
#modalCalendarShow .modal-dialog .modal-header .calendar-event-start-date {
  width: 86px;
}
#modalCalendarShow .modal-dialog .calendar-event-description-section {
  margin-top: 18px;
}
#modalCalendarShow .modal-dialog .calendar-event-type-section {
  margin-top: 18px;
}
#modalCalendarShow .modal-dialog .calendar-event-type-section .event-type {
  margin-left: 7px;
}
.touchevents .light_box label.label-top {
  font-weight: 200;
}
.touchevents #light_box_detail_display.light_box input,
.touchevents #light_box_detail_display.light_box textarea {
  font-weight: 400 !important;
}