/*
 * Calendar.js Library v2.10.12
 *
 * Copyright 2024 Bunoon
 * Released under the MIT License
 */
 :root {
  --calendar-js-default-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --calendar-js-title-bar-font-weight: 900;
  --calendar-js-large-font-size:14px;
  --calendar-js-small-font-size: 0.7rem;
  --calendar-js-dark-color:#3276b1 !important;
  --calendar-js-dark-lighter-color: #575555;
  --calendar-js-light-color: #F5F5F5;
  --calendar-js-day-date-picker-hover-color: #a7a7a7;
  --calendar-js-grid-border-color: #B0B0B0;
  --calendar-js-alert-color: #C60000;
  --calendar-js-event-color: #484848;
  --calendar-js-event-text-color: var(--calendar-js-light-color);
  --calendar-js-event-color-all-day: #1b3752;
  --calendar-js-event-text-color-all-day: var(--calendar-js-light-color);
  --calendar-js-day-names-color: #f5f5f5;
  --calendar-js-input-border-color: #A8A8A8;
  --calendar-js-input-background-color: #FFFFFF;
  --calendar-js-area-disabled-stripped: rgba( 40, 40, 40, 0.1 );
  --calendar-js-area-disabled-stripped-weekend-day: rgba( 40, 40, 40, 0.2 );
  --calendar-js-link-color: #2471A3;
  --calendar-js-input-hover-color: var(--calendar-js-dark-color);
  --calendar-js-primary-button-color: var(--calendar-js-dark-color);
  --calendar-js-secondary-button-color: var(--calendar-js-dark-color);
  --calendar-js-tertiary-button-color: #6c757d;
  --calendar-js-drop-down-menu-background-color: #DCDCDC;
  --calendar-js-title-bar-button-color: var(--calendar-js-light-color);
  --calendar-js-menu-item-icon-color: var(--calendar-js-dark-color);
  --calendar-js-title-bar-text-color: var(--calendar-js-light-color);
  --calendar-js-view-time-arrow-color: rgb(234, 67, 53);
  --calendar-js-transition: all .3s;
  --calendar-js-transition-faster: all .2s;
  --calendar-js-border-radius: 0.25rem;
  --calendar-js-spacing: 12px;
  --calendar-js-spacing-border-size: 0.5px;
  --calendar-js-spacing-border-left-size: calc( var(--calendar-js-spacing-border-size) * 12 );
  --calendar-js-spacing-border-size-button: var(--calendar-js-spacing-border-size);
  --calendar-js-spacing-shadow-size: 4px;
  --calendar-js-side-menu-width: 320px;
  --calendar-js-side-menu-width-small: 270px;
  --calendar-js-side-menu-right-border-width: calc( var(--calendar-js-spacing-border-size) * 12 );
  --calendar-js-time-view-hours-width: 70px;
  --calendar-js-time-view-hours-height: 25px;
  --calendar-js-time-view-arrow-line-height: 12px;
  --calendar-js-time-view-timeline-section-width: 180px;
  --calendar-js-time-view-timeline-section-width-small: 130px;
  --calendar-js-input-box-shadow-size: 2px;
  --calendar-js-input-checkbox-size-with-spacing: 25px;
  --calendar-js-event-left-border: 7px solid var(--calendar-js-dark-color);
  --calendar-js-event-expired-opacity: 0.7;
  --calendar-js-scroll-bar-border-style: inset 0 0 6px gray;
}

@media (prefers-color-scheme: dark) {
  :root {
    --calendar-js-dark-color: #3276b1;
    --calendar-js-input-hover-color: var(--calendar-js-dark-color);
    --calendar-js-primary-button-color: var(--calendar-js-dark-color);
    --calendar-js-secondary-button-color: var(--calendar-js-dark-color);
    --calendar-js-menu-item-icon-color: var(--calendar-js-dark-color);
  }
}
/*
    -------------------------------------------------------------------------
    Calendar.js - Containers
    -------------------------------------------------------------------------
*/
div.calendar,
div.calendar-tooltip,
div.calendar-tooltip-event,
div.calendar-context-menu,
div.calendar-dialog,
div.calendar-dialog input,
div.calendar-dialog textarea,
div.calendar-notification,
div.calendar-widget {
  font-family: var(--calendar-js-default-font);
  color: var(--calendar-js-dark-color);
}
@media screen and (min-width: 451px) {
  div.calendar,
  div.calendar-tooltip,
  div.calendar-tooltip-event,
  div.calendar-context-menu,
  div.calendar-dialog,
  div.calendar-dialog input,
  div.calendar-dialog textarea,
  div.calendar-notification,
  div.calendar-widget {
    font-size: var(--calendar-js-large-font-size);
  }
}
@media screen and (max-width: 450px) {
  div.calendar,
  div.calendar-tooltip,
  div.calendar-tooltip-event,
  div.calendar-context-menu,
  div.calendar-dialog,
  div.calendar-dialog input,
  div.calendar-dialog textarea,
  div.calendar-notification,
  div.calendar-widget {
    font-size: var(--calendar-js-small-font-size);
  }
}
div.calendar div.view-shown,
div.calendar-tooltip div.view-shown,
div.calendar-tooltip-event div.view-shown,
div.calendar-context-menu div.view-shown,
div.calendar-dialog div.view-shown,
div.calendar-dialog input div.view-shown,
div.calendar-dialog textarea div.view-shown,
div.calendar-notification div.view-shown,
div.calendar-widget div.view-shown {
  top: 0 !important;
  visibility: visible !important;
}
div.calendar span.light-title-bar-text,
div.calendar-tooltip span.light-title-bar-text,
div.calendar-tooltip-event span.light-title-bar-text,
div.calendar-context-menu span.light-title-bar-text,
div.calendar-dialog span.light-title-bar-text,
div.calendar-dialog input span.light-title-bar-text,
div.calendar-dialog textarea span.light-title-bar-text,
div.calendar-notification span.light-title-bar-text,
div.calendar-widget span.light-title-bar-text {
  font-weight: 300 !important;
}
div.calendar *,
div.calendar-tooltip *,
div.calendar-tooltip-event *,
div.calendar-context-menu *,
div.calendar-dialog *,
div.calendar-dialog input *,
div.calendar-dialog textarea *,
div.calendar-notification *,
div.calendar-widget * {
  box-sizing: content-box;
  line-height: normal;
}
div.calendar *::before, div.calendar *::after,
div.calendar-tooltip *::before,
div.calendar-tooltip *::after,
div.calendar-tooltip-event *::before,
div.calendar-tooltip-event *::after,
div.calendar-context-menu *::before,
div.calendar-context-menu *::after,
div.calendar-dialog *::before,
div.calendar-dialog *::after,
div.calendar-dialog input *::before,
div.calendar-dialog input *::after,
div.calendar-dialog textarea *::before,
div.calendar-dialog textarea *::after,
div.calendar-notification *::before,
div.calendar-notification *::after,
div.calendar-widget *::before,
div.calendar-widget *::after {
  box-sizing: content-box;
  line-height: normal;
}

div.disabled-background {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  position: fixed;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.3);
}

div.disabled-area {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  position: absolute;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}

div.prevent-pointer-events,
span.prevent-pointer-events {
  pointer-events: none;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Mode - Full-Screen
    -------------------------------------------------------------------------
*/
div.full-screen-view {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 500;
  position: fixed !important;
  border-radius: 0 !important;
  border: none !important;
}
div.full-screen-view div.header-days {
  flex: none !important;
}
div.full-screen-view div.row-cells {
  flex: 1 1 auto;
}
div.full-screen-view div.plus-x-events {
  display: none !important;
}
div.full-screen-view div.full-month-view {
  display: flex;
  flex-flow: column;
  height: 100%;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Mode - Date-Picker
    -------------------------------------------------------------------------
*/
div.calendar-date-picker {
  position: relative;
}
div.calendar-date-picker input.calendar-date-picker-input {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  border-radius: var(--calendar-js-border-radius);
  outline: none;
  width: auto;
  padding: 0.375rem 0.75rem;
  line-height: 21px;
  color: var(--calendar-js-dark-color);
  margin-bottom: 0 !important;
  background-color: var(--calendar-js-input-background-color);
  transition: var(--calendar-js-transition);
  box-sizing: border-box;
  max-height: 35px;
}
div.calendar-date-picker input.calendar-date-picker-input:last-child {
  margin-bottom: 0;
}
div.calendar-date-picker input.calendar-date-picker-input:focus {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
  box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
}
div.calendar-date-picker input.calendar-date-picker-input:not(:disabled):hover {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
}
div.calendar-date-picker div.calendar-hidden {
  display: none;
}
div.calendar-date-picker div.calendar-shown {
  animation: fade-in-effect ease 0.5s;
  -webkit-animation: fade-in-effect ease 0.5s;
  -moz-animation: fade-in-effect ease 0.5s;
  -o-animation: fade-in-effect ease 0.5s;
  -ms-animation: fade-in-effect ease 0.5s;
  display: block;
}
div.calendar-date-picker div.calendar-shadow-bottom {
  box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
}
div.calendar-date-picker div.calendar-shadow-top {
  box-shadow: var(--calendar-js-spacing-shadow-size) calc(0px - var(--calendar-js-spacing-shadow-size)) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
}
div.calendar-date-picker div.calendar {
  font-size: var(--calendar-js-small-font-size) !important;
  position: absolute;
  width: 100%;
  max-width: 330px;
  z-index: 1000;
  margin-top: var(--calendar-js-spacing-border-size);
  margin-left: -var(--calendar-js-spacing-border-size);
}
div.calendar-date-picker div.calendar div.full-month-view div.title-bar {
  font-size: var(--calendar-js-large-font-size) !important;
}
div.calendar-date-picker div.calendar div.full-month-view div.cell {
  padding: calc(var(--calendar-js-spacing) / 2) !important;
}
div.calendar-date-picker div.calendar div.full-month-view div.days div.cell-today {
  background-color: var(--calendar-js-dark-color) !important;
  color: var(--calendar-js-light-color) !important;
}
div.calendar-date-picker div.calendar div.full-month-view div.days div.cell-selected {
  background-color: var(--calendar-js-day-date-picker-hover-color) !important;
}
div.calendar-date-picker div.calendar div.full-month-view div.days div.cell {
  transition: var(--calendar-js-transition);
}
div.calendar-date-picker div.calendar div.full-month-view div.days div.cell:not(.cell-no-click):hover {
  cursor: pointer;
  background-color: var(--calendar-js-day-date-picker-hover-color);
}
div.calendar-date-picker div.calendar div.full-month-view div.days div.cell:not(.cell-no-click):active {
  cursor: pointer;
  opacity: 0.4;
}
div.calendar-date-picker div.calendar div.full-month-view div.ib-arrow-expand-left-right-icon {
  display: none !important;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Mode - Widget
    -------------------------------------------------------------------------
*/
div.calendar-widget {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  border-radius: var(--calendar-js-border-radius);
  padding: var(--calendar-js-spacing);
  background-image: linear-gradient(var(--calendar-js-dark-color), var(--calendar-js-dark-lighter-color));
  color: var(--calendar-js-light-color);
  max-width: 400px !important;
  width: 100%;
}
div.calendar-widget div.day-name {
  font-weight: 900;
  margin-bottom: var(--calendar-js-spacing);
}
div.calendar-widget div.day-name div.right-divider-line {
  width: 1px;
  background-color: var(--calendar-js-title-bar-button-color);
  height: 16px;
}
div.calendar-widget div.day-name div.ib-arrow-left-full,
div.calendar-widget div.day-name div.ib-arrow-right-full,
div.calendar-widget div.day-name div.ib-plus,
div.calendar-widget div.day-name div.ib-pin,
div.calendar-widget div.day-name div.right-divider-line {
  float: right;
  margin-left: var(--calendar-js-spacing);
}
div.calendar-widget div.day-date {
  font-weight: 300;
  font-size: x-large;
  margin-bottom: calc(var(--calendar-js-spacing) * 2);
}
div.calendar-widget div.scroll-margin {
  padding-right: var(--calendar-js-spacing);
}
div.calendar-widget div.events {
  margin-top: var(--calendar-js-spacing);
  font-weight: 300;
  max-height: 400px;
  overflow-y: auto;
}
div.calendar-widget div.events div.expired {
  opacity: var(--calendar-js-event-expired-opacity);
}
div.calendar-widget div.events div.all-day {
  background-color: var(--calendar-js-event-color-all-day) !important;
  color: var(--calendar-js-event-text-color-all-day) !important;
}
div.calendar-widget div.events div.event {
  white-space: pre-line;
  -ms-word-break: normal;
  word-break: normal;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-event-color);
  padding: var(--calendar-js-spacing);
  color: var(--calendar-js-event-text-color);
  margin-bottom: var(--calendar-js-spacing);
  border-left: var(--calendar-js-event-left-border);
  text-align: left;
}
div.calendar-widget div.events div.event div {
  margin-bottom: calc(var(--calendar-js-spacing) / 2);
}
div.calendar-widget div.events div.event div:last-child {
  margin-bottom: 0;
}
div.calendar-widget div.events div.event div.title {
  font-weight: 900;
}
div.calendar-widget div.events div.event div.date,
div.calendar-widget div.events div.event div.duration,
div.calendar-widget div.events div.event div.description,
div.calendar-widget div.events div.event div.location,
div.calendar-widget div.events div.event div.repeats {
  font-size: smaller;
  font-weight: 300;
}
div.calendar-widget div.events div.event div.ib-refresh-medium {
  margin-right: calc(var(--calendar-js-spacing) / 2);
}
div.calendar-widget div.events div.event:last-child {
  margin-bottom: 0;
}
div.calendar-widget div.events:last-child {
  margin-bottom: 0;
}
div.calendar-widget div.events div.event {
  margin-bottom: calc(var(--calendar-js-spacing) / 2);
}
div.calendar-widget div.events div.event:last-of-type {
  margin-bottom: 0;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Notifications
    -------------------------------------------------------------------------
*/
div.calendar-notification {
  animation: fade-in-effect ease 0.5s;
  -webkit-animation: fade-in-effect ease 0.5s;
  -moz-animation: fade-in-effect ease 0.5s;
  -o-animation: fade-in-effect ease 0.5s;
  -ms-animation: fade-in-effect ease 0.5s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  position: fixed;
  bottom: var(--calendar-js-spacing);
  right: var(--calendar-js-spacing);
  width: auto;
  height: auto;
  display: none;
  z-index: 2500;
}
div.calendar-notification div.ib-close-icon {
  margin-left: calc(var(--calendar-js-spacing) * 2);
}
div.calendar-notification div.ib-close-icon::before, div.calendar-notification div.ib-close-icon::after {
  background-color: #9A9;
}
div.calendar-notification div.success,
div.calendar-notification div.error {
  padding: var(--calendar-js-spacing);
  border-radius: var(--calendar-js-border-radius);
}
div.calendar-notification div.success div.ib-close-icon,
div.calendar-notification div.error div.ib-close-icon {
  margin-left: calc(var(--calendar-js-spacing) * 2);
}
div.calendar-notification div.success {
  background-color: #EFE;
  border: var(--calendar-js-spacing-border-size) solid #DED;
  color: #9A9;
  box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
}
div.calendar-notification div.success div.ib-close-icon::before, div.calendar-notification div.success div.ib-close-icon::after {
  background-color: #9A9;
}
div.calendar-notification div.error {
  background-color: #FEE;
  border: var(--calendar-js-spacing-border-size) solid #EDD;
  color: #A66;
  box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
}
div.calendar-notification div.error div.ib-close-icon::before, div.calendar-notification div.error div.ib-close-icon::after {
  background-color: #A66;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Layout
    -------------------------------------------------------------------------
*/
div.calendar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  border-radius: var(--calendar-js-border-radius);
  overflow: hidden;
  width: 100%;
  min-width: 260px;
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: relative;
}
div.calendar sup {
  font-size: xx-small;
}
div.calendar p {
  margin-bottom: 0;
}
div.calendar div.focused-event {
  animation: focused-event-effect 2s infinite;
}
div.calendar div.selected-event {
  box-shadow: 0 0 1.5px 1.5px var(--calendar-js-alert-color);
}
div.calendar div.cut-event {
  opacity: 0.2 !important;
}
div.calendar div.copy-event {
  opacity: 0.5 !important;
}
div.calendar div.header-days {
  font-weight: 900 !important;
  background-color: var(--calendar-js-day-names-color) !important;
  color: var(--calendar-js-dark-color) !important;
  text-transform: uppercase;
}
div.calendar div.weekend-day {
  background-color: var(--calendar-js-day-names-color);
}
div.calendar div.working-day {
  background-color:#f5f5f5;
}
div.calendar div.drag-over {
  background-color: rgba(135, 206, 250, 0.4) !important;
  transition: var(--calendar-js-transition-faster);
}
div.calendar div.drag-not-allowed {
  background: repeating-linear-gradient(135deg, transparent, transparent var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped) var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped) calc(var(--calendar-js-spacing) * 2)), repeating-linear-gradient(45deg, var(--calendar-js-light-color), var(--calendar-js-light-color) var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped) var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped) calc(var(--calendar-js-spacing) * 2));
}
div.calendar div.drag-not-allowed div.ib-arrow-expand-left-right-icon {
  display: none !important;
}
div.calendar div.drag-not-allowed-weekend-day {
  background: repeating-linear-gradient(135deg, transparent, transparent var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped-weekend-day) var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped-weekend-day) calc(var(--calendar-js-spacing) * 2)), repeating-linear-gradient(45deg, var(--calendar-js-day-names-color), var(--calendar-js-day-names-color) var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped-weekend-day) var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped-weekend-day) calc(var(--calendar-js-spacing) * 2));
}
div.calendar div.drag-not-allowed-weekend-day div.ib-arrow-expand-left-right-icon {
  display: none !important;
}
div.calendar div.no-events-available-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  max-width: 300px;
}
div.calendar div.no-events-available-text p {
  margin-top: 0;
  margin-bottom: var(--calendar-js-spacing);
}
div.calendar span.link {
  text-decoration: underline !important;
  color: var(--calendar-js-link-color) !important;
  transition: var(--calendar-js-transition);
}
div.calendar span.link:hover {
  cursor: pointer;
  opacity: 0.6;
}
div.calendar span.link:active {
  cursor: pointer;
  opacity: 0.4;
}
div.calendar div.row-cells {
  border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-weight: 500;
  background-color: var(--calendar-js-light-color);
  color: var(--calendar-js-dark-color);
  width: 100%;
}
div.calendar div.row-cells div.cell-1 {
  width: 100%;
}
div.calendar div.row-cells div.cell-2 {
  width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size)) / 2);
}
div.calendar div.row-cells div.cell-3 {
  width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size)) / 3);
}
div.calendar div.row-cells div.cell-4 {
  width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size)) / 4);
}
div.calendar div.row-cells div.cell-5 {
  width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size)) / 5);
}
div.calendar div.row-cells div.cell-6 {
  width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size)) / 6);
}
div.calendar div.row-cells div.cell-7 {
  width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size)) / 7);
}
div.calendar div.row-cells div.scrollY {
  overflow-y: auto !important;
}
div.calendar div.row-cells div.cell {
  display: inline-block;
  text-align: center;
  border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
  position: relative;
  overflow: hidden;
  color: var(--calendar-js-dark-color);
}
@media screen and (min-width: 451px) {
  div.calendar div.row-cells div.cell {
    padding: var(--calendar-js-spacing);
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.row-cells div.cell {
    padding: calc(var(--calendar-js-spacing) / 2);
  }
}
div.calendar div.row-cells div.cell div.separator,
div.calendar div.row-cells div.cell div.dots-separator {
  height: 2px;
}
@media screen and (max-width: 450px) {
  div.calendar div.row-cells div.cell div.separator {
    display: none;
  }
}
div.calendar div.row-cells div.cell div.day-muted,
div.calendar div.row-cells div.cell span.day-muted,
div.calendar div.row-cells div.cell span.no-click {
  opacity: 0.3;
}
div.calendar div.row-cells div.cell span {
  display: inline-block;
  padding: 4px;
  padding-left: 0;
  padding-right: 0;
  border-radius: var(--calendar-js-border-radius);
}
div.calendar div.row-cells div.cell span.today, div.calendar div.row-cells div.cell span.first-day {
  padding-left: 7px;
  padding-right: 7px;
}
div.calendar div.row-cells div.cell span.today {
  background-color: var(--calendar-js-dark-color) !important;
  color: var(--calendar-js-light-color) !important;
}
div.calendar div.row-cells div.cell span.first-day {
  background-color: #C8C8C8;
  color: var(--calendar-js-dark-color);
}
div.calendar div.row-cells div.cell span.holiday, div.calendar div.row-cells div.cell span.holiday-link, div.calendar div.row-cells div.cell span.month-name, div.calendar div.row-cells div.cell span.blank {
  display: inline-block;
  font-size: xx-small;
}
div.calendar div.row-cells div.cell span.month-name:hover, div.calendar div.row-cells div.cell span.holiday-link:hover {
  text-decoration: underline;
  cursor: pointer;
}
div.calendar div.row-cells div.cell span.blank {
  padding: 0 !important;
}
@media screen and (max-width: 450px) {
  div.calendar div.row-cells div.cell span.holiday, div.calendar div.row-cells div.cell span.holiday-link {
    display: none;
  }
}
div.calendar div.row-cells div.cell:last-child {
  border-right: none;
}
div.calendar div.row-cells div.cell div.ib-arrow-expand-left-right-icon::before {
  border-left-color: var(--calendar-js-dark-color);
  border-bottom-color: var(--calendar-js-dark-color);
}
div.calendar div.row-cells div.cell div.ib-arrow-expand-left-right-icon::after {
  border-right-color: var(--calendar-js-dark-color);
  border-top-color: var(--calendar-js-dark-color);
}
@media screen and (min-width: 451px) {
  div.calendar div.row-cells div.cell:hover div.ib-arrow-expand-left-right-icon {
    display: block;
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.row-cells div.cell:hover div.ib-arrow-expand-left-right-icon {
    display: none;
  }
}
div.calendar div.row-cells:last-child {
  border-bottom: none;
}
div.calendar div.ib-arrow-expand-left-right-icon {
  animation: fade-in-effect ease 2s;
  -webkit-animation: fade-in-effect ease 2s;
  -moz-animation: fade-in-effect ease 2s;
  -o-animation: fade-in-effect ease 2s;
  -ms-animation: fade-in-effect ease 2s;
  position: absolute;
  right: 5px;
  top: 5px;
  display: none;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Layout - Pin-Up Mode
    -------------------------------------------------------------------------
*/
div.calendar div.pin-up {
  position: relative;
  background-size: cover;
  height: 250px;
  background-color: var(--calendar-js-day-names-color);
  border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
}
div.calendar div.pin-up div.pin-up-text {
  position: absolute;
  color: var(--calendar-js-light-color);
  bottom: calc(var(--calendar-js-spacing) * 2);
  right: calc(var(--calendar-js-spacing) * 2);
  font-weight: 900;
  text-align: center;
  border-radius: var(--calendar-js-border-radius);
  background-color: rgba(59, 58, 59, 0.6);
  padding: calc(var(--calendar-js-spacing) * 2);
  transition: var(--calendar-js-transition);
}
div.calendar div.pin-up div.pin-up-text:hover {
  background-color: rgba(59, 58, 59, 0.8);
  cursor: pointer;
  opacity: 1;
}
div.calendar div.pin-up div.pin-up-text:active {
  cursor: pointer;
  opacity: 0.7;
}
div.calendar div.pin-up div.pin-up-text div.day {
  font-size: 40px;
}
div.calendar div.pin-up div.pin-up-text div.day sup {
  font-size: small;
}
div.calendar div.pin-up div.pin-up-text div.month {
  font-size: 20px;
}
div.calendar div.pin-up div.pin-up-text div.year {
  margin-top: 6px;
  font-size: 14px;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Layout - Side Menu
    -------------------------------------------------------------------------
*/
div.calendar div.side-menu-disabled-background {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  position: absolute;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
div.calendar div.side-menu {
  position: absolute;
  height: 100%;
  top: 0;
  color: var(--calendar-js-light-color) !important;
  z-index: 1500;
  transition: var(--calendar-js-transition);
  background-color: var(--calendar-js-dark-color);
  border-right: var(--calendar-js-side-menu-right-border-width) solid var(--calendar-js-light-color);
  border-radius: var(--calendar-js-border-radius);
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (min-width: 451px) {
  div.calendar div.side-menu {
    width: var(--calendar-js-side-menu-width);
    left: calc(0px - (var(--calendar-js-side-menu-width) + var(--calendar-js-side-menu-right-border-width)));
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.side-menu {
    width: var(--calendar-js-side-menu-width-small);
    left: calc(0px - (var(--calendar-js-side-menu-width-small) + var(--calendar-js-side-menu-right-border-width)));
  }
}
div.calendar div.side-menu div.main-header {
  font-weight: 700;
  height: auto;
  overflow: auto;
  position: sticky;
  top: 0;
  background-color: var(--calendar-js-dark-color);
  padding: var(--calendar-js-spacing);
  z-index: 1;
  color: var(--calendar-js-title-bar-text-color);
}
@media screen and (min-width: 451px) {
  div.calendar div.side-menu div.main-header {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.side-menu div.main-header {
    font-size: 1rem;
  }
}
div.calendar div.side-menu div.main-header p {
  float: left;
  margin: 0 !important;
}
div.calendar div.side-menu div.main-header div.right-divider-line {
  width: 1px;
  background-color: var(--calendar-js-title-bar-button-color);
  height: 16px;
}
div.calendar div.side-menu div.main-header div[class^=ib-],
div.calendar div.side-menu div.main-header div.right-divider-line {
  margin-top: 3px;
  float: right;
  margin-left: var(--calendar-js-spacing);
}
div.calendar div.side-menu div.content {
  padding: var(--calendar-js-spacing);
  padding-top: 0;
}
div.calendar div.side-menu div.content div.content-section-opened {
  border-left: var(--calendar-js-spacing-border-left-size) solid #656363 !important;
}
div.calendar div.side-menu div.content div.content-section {
  margin-top: var(--calendar-js-spacing);
  border-radius: var(--calendar-js-border-radius);
  background-color: #474545;
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-lighter-color);
  transition: var(--calendar-js-transition);
}
div.calendar div.side-menu div.content div.content-section:first-of-type {
  margin-top: 0;
}
div.calendar div.side-menu div.content div.content-section div.text-header,
div.calendar div.side-menu div.content div.content-section div.text-header-closed {
  position: relative;
  padding: var(--calendar-js-spacing);
  margin-top: 0 !important;
  margin-bottom: 0;
  cursor: pointer;
}
div.calendar div.side-menu div.content div.content-section div.text-header div.right-divider-line,
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-down-full,
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-up-full,
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-square,
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-square-hollow,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.right-divider-line,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-down-full,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-up-full,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-square,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-square-hollow {
  float: right;
  margin-top: 1px;
  margin-right: var(--calendar-js-spacing);
}
div.calendar div.side-menu div.content div.content-section div.text-header div.right-divider-line:first-of-type,
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-down-full:first-of-type,
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-up-full:first-of-type,
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-square:first-of-type,
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-square-hollow:first-of-type,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.right-divider-line:first-of-type,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-down-full:first-of-type,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-up-full:first-of-type,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-square:first-of-type,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-square-hollow:first-of-type {
  margin-right: 0;
}
div.calendar div.side-menu div.content div.content-section div.text-header div.right-divider-line,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.right-divider-line {
  width: 1px;
  background-color: var(--calendar-js-title-bar-button-color);
  height: 16px;
}
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-down-full,
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-up-full,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-down-full,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-up-full {
  pointer-events: none;
}
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-down-full,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-down-full {
  border-top-color: var(--calendar-js-light-color);
}
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-up-full,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-up-full {
  border-bottom-color: var(--calendar-js-light-color);
}
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-square-hollow,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-square-hollow {
  border-color: var(--calendar-js-light-color);
}
div.calendar div.side-menu div.content div.content-section div.text-header div.ib-square,
div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-square {
  background-color: var(--calendar-js-light-color);
}
div.calendar div.side-menu div.content div.content-section div.text-header {
  font-weight: 700;
}
div.calendar div.side-menu div.content div.content-section div.checkbox-container {
  animation: fade-in-effect ease 0.5s;
  -webkit-animation: fade-in-effect ease 0.5s;
  -moz-animation: fade-in-effect ease 0.5s;
  -o-animation: fade-in-effect ease 0.5s;
  -ms-animation: fade-in-effect ease 0.5s;
  padding-left: var(--calendar-js-spacing);
  padding-right: var(--calendar-js-spacing);
  padding-bottom: var(--calendar-js-spacing);
}
div.calendar div.side-menu div.content div.content-section div.checkbox-container label.checkbox {
  margin-bottom: calc(var(--calendar-js-spacing) / 2);
  margin-left: var(--calendar-js-spacing);
  color: var(--calendar-js-light-color) !important;
}
div.calendar div.side-menu div.content div.content-section div.checkbox-container label.checkbox span.check-mark {
  background-color: var(--calendar-js-light-color) !important;
}
div.calendar div.side-menu div.content div.content-section div.checkbox-container label.checkbox span.check-mark::before {
  border-color: var(--calendar-js-dark-color) !important;
}
div.calendar div.side-menu-open {
  left: 0 !important;
  transition: var(--calendar-js-transition);
  box-shadow: 0 0 10px 10px var(--calendar-js-dark-color);
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Full Day View
    -------------------------------------------------------------------------
*/
div.calendar div.full-day-view {
  top: -100%;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: var(--calendar-js-light-color);
  transition: var(--calendar-js-transition);
  visibility: hidden;
}
div.calendar div.full-day-view span.holiday {
  font-weight: 300 !important;
}
div.calendar div.full-day-view div.title-bar {
  width: calc(100% - var(--calendar-js-spacing));
  display: inline-block;
  padding-top: var(--calendar-js-spacing);
  padding-bottom: var(--calendar-js-spacing);
  padding-left: calc(var(--calendar-js-spacing) / 2);
  padding-right: calc(var(--calendar-js-spacing) / 2);
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  text-align: center;
}
div.calendar div.full-day-view div.title-bar div.left-divider-line,
div.calendar div.full-day-view div.title-bar div.right-divider-line,
div.calendar div.full-day-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.full-day-view div.title-bar div.right-divider-line-views {
  width: 1px;
  background-color: var(--calendar-js-title-bar-button-color);
  height: 16px;
}
div.calendar div.full-day-view div.title-bar div.left-divider-line {
  float: left;
}
div.calendar div.full-day-view div.title-bar div.right-divider-line,
div.calendar div.full-day-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.full-day-view div.title-bar div.right-divider-line-views {
  float: right;
}
div.calendar div.full-day-view div.title-bar div.title {
  font-weight: 900 !important;
  display: inline-block;
}
@media screen and (max-width: 450px) {
  div.calendar div.full-day-view div.title-bar div.title {
    margin-top: 2px;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
div.calendar div.full-day-view div.title-bar div {
  margin-left: calc(var(--calendar-js-spacing) / 2) !important;
  margin-right: calc(var(--calendar-js-spacing) / 2) !important;
}
div.calendar div.full-day-view div.title-bar div.ib-arrow-left-full,
div.calendar div.full-day-view div.title-bar div.ib-pin,
div.calendar div.full-day-view div.title-bar div.ib-refresh,
div.calendar div.full-day-view div.title-bar div.ib-search,
div.calendar div.full-day-view div.title-bar div.ib-octagon-hollow,
div.calendar div.full-day-view div.title-bar div.ib-hamburger,
div.calendar div.full-day-view div.title-bar div.ib-arrow-right-full-line {
  float: left;
}
div.calendar div.full-day-view div.title-bar div.ib-arrow-down-full-line,
div.calendar div.full-day-view div.title-bar div.ib-plus,
div.calendar div.full-day-view div.title-bar div.ib-close,
div.calendar div.full-day-view div.title-bar div.ib-bar-graph,
div.calendar div.full-day-view div.title-bar div.ib-arrow-right-full,
div.calendar div.full-day-view div.title-bar div.ib-hourglass,
div.calendar div.full-day-view div.title-bar div.ib-arrow-expand-left-right,
div.calendar div.full-day-view div.title-bar div.ib-arrow-contract-left-right {
  float: right;
}
@media screen and (min-width: 451px) {
  div.calendar div.full-day-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.full-day-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-day-view div.title-bar div.ib-arrow-contract-left-right,
  div.calendar div.full-day-view div.title-bar div.ib-search,
  div.calendar div.full-day-view div.title-bar div.ib-refresh,
  div.calendar div.full-day-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.full-day-view div.title-bar div.ib-bar-graph,
  div.calendar div.full-day-view div.title-bar div.ib-hourglass,
  div.calendar div.full-day-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-day-view div.title-bar div.right-divider-line-views,
  div.calendar div.full-day-view div.title-bar div.ib-arrow-right-full-line {
    display: inline-block;
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.full-day-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.full-day-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-day-view div.title-bar div.ib-arrow-contract-left-right,
  div.calendar div.full-day-view div.title-bar div.ib-search,
  div.calendar div.full-day-view div.title-bar div.ib-refresh,
  div.calendar div.full-day-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.full-day-view div.title-bar div.ib-bar-graph,
  div.calendar div.full-day-view div.title-bar div.ib-hourglass,
  div.calendar div.full-day-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-day-view div.title-bar div.right-divider-line-views,
  div.calendar div.full-day-view div.title-bar div.ib-arrow-right-full-line {
    display: none !important;
  }
}
div.calendar div.full-day-view div.contents {
  display: inline-block;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  padding: 0 !important;
}
@media screen and (min-width: 451px) {
  div.calendar div.full-day-view div.contents {
    height: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-large-font-size)));
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.full-day-view div.contents {
    height: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-small-font-size)));
  }
}
div.calendar div.full-day-view div.contents div.content-events-all-day {
  position: relative;
  border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  overflow: hidden;
}
div.calendar div.full-day-view div.contents div.content-events-all-day div.all-day-text {
  width: var(--calendar-js-time-view-hours-width);
  padding: var(--calendar-js-spacing);
  background-color: var(--calendar-js-light-color);
  color: var(--calendar-js-dark-color);
  border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
div.calendar div.full-day-view div.contents div.content-events-all-day div.event {
  position: static !important;
  margin-left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 3) !important;
  margin-top: var(--calendar-js-spacing);
  margin-bottom: var(--calendar-js-spacing);
}
div.calendar div.full-day-view div.contents div.expired {
  opacity: var(--calendar-js-event-expired-opacity);
}
div.calendar div.full-day-view div.contents div.all-day {
  background-color: var(--calendar-js-event-color-all-day) !important;
  color: var(--calendar-js-event-text-color-all-day) !important;
}
div.calendar div.full-day-view div.contents div.event {
  white-space: pre-line;
  -ms-word-break: normal;
  word-break: normal;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-event-color);
  padding: var(--calendar-js-spacing);
  color: var(--calendar-js-event-text-color);
  margin-bottom: var(--calendar-js-spacing);
  border-left: var(--calendar-js-event-left-border);
  text-align: left;
}
div.calendar div.full-day-view div.contents div.event div {
  margin-bottom: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.full-day-view div.contents div.event div:last-child {
  margin-bottom: 0;
}
div.calendar div.full-day-view div.contents div.event div.title {
  font-weight: 900;
}
div.calendar div.full-day-view div.contents div.event div.date,
div.calendar div.full-day-view div.contents div.event div.duration,
div.calendar div.full-day-view div.contents div.event div.description,
div.calendar div.full-day-view div.contents div.event div.location,
div.calendar div.full-day-view div.contents div.event div.repeats {
  font-size: smaller;
  font-weight: 300;
}
div.calendar div.full-day-view div.contents div.event div.ib-refresh-medium {
  margin-right: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.full-day-view div.contents div.event:last-child {
  margin-bottom: 0;
}
div.calendar div.full-day-view div.contents:last-child {
  margin-bottom: 0;
}
div.calendar div.full-day-view div.contents div.contents-events {
  position: relative;
}
div.calendar div.full-day-view div.contents div.contents-events div.resizable {
  resize: vertical;
}
div.calendar div.full-day-view div.contents div.contents-events div.time-arrow {
  position: absolute;
  width: calc(100% - var(--calendar-js-time-view-hours-width) - var(--calendar-js-spacing) * 2 - var(--calendar-js-spacing-border-size));
  left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size));
  top: 0;
  z-index: 10;
  height: var(--calendar-js-time-view-arrow-line-height);
  display: none;
  pointer-events: none;
}
div.calendar div.full-day-view div.contents div.contents-events div.time-arrow div.arrow-left {
  width: 0;
  height: 0;
  border-top: calc(var(--calendar-js-time-view-arrow-line-height) / 2) solid transparent;
  border-bottom: calc(var(--calendar-js-time-view-arrow-line-height) / 2) solid transparent;
  border-right: var(--calendar-js-time-view-arrow-line-height) solid var(--calendar-js-view-time-arrow-color);
}
div.calendar div.full-day-view div.contents div.contents-events div.time-arrow div.line {
  background-color: var(--calendar-js-view-time-arrow-color);
  position: absolute;
  left: var(--calendar-js-time-view-arrow-line-height);
  top: calc(var(--calendar-js-time-view-arrow-line-height) / 4);
  height: calc(var(--calendar-js-time-view-arrow-line-height) / 2);
  width: 100%;
}
div.calendar div.full-day-view div.contents div.contents-events div.hour {
  background-color: var(--calendar-js-light-color);
  border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: relative;
}
div.calendar div.full-day-view div.contents div.contents-events div.hour::before {
  border-bottom: var(--calendar-js-spacing-border-size) dashed var(--calendar-js-input-border-color);
  width: calc(100% - (var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2));
  height: calc(var(--calendar-js-time-view-hours-height) + var(--calendar-js-spacing) * 2 - var(--calendar-js-spacing-border-size));
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size));
}
div.calendar div.full-day-view div.contents div.contents-events div.hour div.hour-text {
  display: flex;
  align-items: center;
  width: var(--calendar-js-time-view-hours-width);
  height: var(--calendar-js-time-view-hours-height);
  padding: var(--calendar-js-spacing);
  background-color: var(--calendar-js-light-color);
  color: var(--calendar-js-dark-color);
  border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
}
div.calendar div.full-day-view div.contents div.contents-events div.hour div.hour-text:nth-child(odd) {
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-light-color);
}
div.calendar div.full-day-view div.contents div.contents-events div.hour:nth-child(odd) {
  background-color: var(--calendar-js-day-names-color);
}
div.calendar div.full-day-view div.contents div.contents-events div.hour:last-child {
  border-bottom: none;
}
div.calendar div.full-day-view div.contents div.event {
  position: absolute;
  margin-left: 0;
  margin-right: 0;
  width: calc(100% - var(--calendar-js-time-view-hours-width) - var(--calendar-js-spacing) * 6 - var(--calendar-js-spacing) / 2);
  left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 3);
  overflow: hidden;
  z-index: 1;
}
div.calendar div.full-day-view div.contents div.working-hours {
  position: absolute;
  width: calc(100% - var(--calendar-js-time-view-hours-width) - var(--calendar-js-spacing) * 2);
  left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2);
  background-color: rgba(40, 40, 40, 0.4);
  display: none;
  pointer-events: none;
  z-index: 0;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Full Week View
    -------------------------------------------------------------------------
*/
div.calendar div.full-week-view {
  top: -100%;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: var(--calendar-js-light-color);
  transition: var(--calendar-js-transition);
  visibility: hidden;
}
div.calendar div.full-week-view div.title-bar {
  width: calc(100% - var(--calendar-js-spacing));
  display: inline-block;
  padding-top: var(--calendar-js-spacing);
  padding-bottom: var(--calendar-js-spacing);
  padding-left: calc(var(--calendar-js-spacing) / 2);
  padding-right: calc(var(--calendar-js-spacing) / 2);
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  text-align: center;
}
div.calendar div.full-week-view div.title-bar div.left-divider-line,
div.calendar div.full-week-view div.title-bar div.right-divider-line,
div.calendar div.full-week-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.full-week-view div.title-bar div.right-divider-line-views {
  width: 1px;
  background-color: var(--calendar-js-title-bar-button-color);
  height: 16px;
}
div.calendar div.full-week-view div.title-bar div.left-divider-line {
  float: left;
}
div.calendar div.full-week-view div.title-bar div.right-divider-line,
div.calendar div.full-week-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.full-week-view div.title-bar div.right-divider-line-views {
  float: right;
}
div.calendar div.full-week-view div.title-bar div.title {
  font-weight: 900 !important;
  display: inline-block;
}
@media screen and (max-width: 450px) {
  div.calendar div.full-week-view div.title-bar div.title {
    margin-top: 2px;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
div.calendar div.full-week-view div.title-bar div {
  margin-left: calc(var(--calendar-js-spacing) / 2) !important;
  margin-right: calc(var(--calendar-js-spacing) / 2) !important;
}
div.calendar div.full-week-view div.title-bar div.ib-arrow-left-full,
div.calendar div.full-week-view div.title-bar div.ib-pin,
div.calendar div.full-week-view div.title-bar div.ib-refresh,
div.calendar div.full-week-view div.title-bar div.ib-search,
div.calendar div.full-week-view div.title-bar div.ib-octagon-hollow,
div.calendar div.full-week-view div.title-bar div.ib-hamburger,
div.calendar div.full-week-view div.title-bar div.ib-arrow-right-full-line {
  float: left;
}
div.calendar div.full-week-view div.title-bar div.ib-arrow-down-full-line,
div.calendar div.full-week-view div.title-bar div.ib-plus,
div.calendar div.full-week-view div.title-bar div.ib-close,
div.calendar div.full-week-view div.title-bar div.ib-bar-graph,
div.calendar div.full-week-view div.title-bar div.ib-arrow-right-full,
div.calendar div.full-week-view div.title-bar div.ib-hourglass,
div.calendar div.full-week-view div.title-bar div.ib-arrow-expand-left-right,
div.calendar div.full-week-view div.title-bar div.ib-arrow-contract-left-right {
  float: right;
}
@media screen and (min-width: 451px) {
  div.calendar div.full-week-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.full-week-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-week-view div.title-bar div.ib-arrow-contract-left-right,
  div.calendar div.full-week-view div.title-bar div.ib-search,
  div.calendar div.full-week-view div.title-bar div.ib-refresh,
  div.calendar div.full-week-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.full-week-view div.title-bar div.ib-bar-graph,
  div.calendar div.full-week-view div.title-bar div.ib-hourglass,
  div.calendar div.full-week-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-week-view div.title-bar div.right-divider-line-views,
  div.calendar div.full-week-view div.title-bar div.ib-arrow-right-full-line {
    display: inline-block;
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.full-week-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.full-week-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-week-view div.title-bar div.ib-arrow-contract-left-right,
  div.calendar div.full-week-view div.title-bar div.ib-search,
  div.calendar div.full-week-view div.title-bar div.ib-refresh,
  div.calendar div.full-week-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.full-week-view div.title-bar div.ib-bar-graph,
  div.calendar div.full-week-view div.title-bar div.ib-hourglass,
  div.calendar div.full-week-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-week-view div.title-bar div.right-divider-line-views,
  div.calendar div.full-week-view div.title-bar div.ib-arrow-right-full-line {
    display: none !important;
  }
}
div.calendar div.full-week-view div.contents {
  display: inline-block;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  padding: 0 !important;
}
@media screen and (min-width: 451px) {
  div.calendar div.full-week-view div.contents {
    height: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-large-font-size)));
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.full-week-view div.contents {
    height: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-small-font-size)));
  }
}
div.calendar div.full-week-view div.contents div.content-events-all-day {
  position: relative;
  border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  overflow: hidden;
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.all-day-text {
  width: var(--calendar-js-time-view-hours-width);
  padding: var(--calendar-js-spacing);
  background-color: var(--calendar-js-light-color);
  color: var(--calendar-js-dark-color);
  border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.event {
  position: static !important;
  margin-left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 3) !important;
  margin-top: var(--calendar-js-spacing);
  margin-bottom: var(--calendar-js-spacing);
}
div.calendar div.full-week-view div.contents div.header-days-container {
  position: sticky;
  top: 0;
  background-color: var(--calendar-js-dark-color);
  z-index: 100;
}
div.calendar div.full-week-view div.contents div.header-days-container div.header-days {
  width: calc(100% - var(--calendar-js-time-view-hours-width) - var(--calendar-js-spacing) * 2);
  background-color: blue;
  margin-left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size));
  border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
}
div.calendar div.full-week-view div.contents div.hours {
  position: relative;
}
div.calendar div.full-week-view div.contents div.hours div.hour {
  background-color: var(--calendar-js-light-color);
  border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: relative;
}
div.calendar div.full-week-view div.contents div.hours div.hour::before {
  border-bottom: var(--calendar-js-spacing-border-size) dashed var(--calendar-js-input-border-color);
  width: calc(100% - (var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2));
  height: calc(var(--calendar-js-time-view-hours-height) + var(--calendar-js-spacing) * 2 - var(--calendar-js-spacing-border-size));
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size));
}
div.calendar div.full-week-view div.contents div.hours div.hour div.hour-text {
  display: flex;
  align-items: center;
  width: var(--calendar-js-time-view-hours-width);
  height: var(--calendar-js-time-view-hours-height);
  padding: var(--calendar-js-spacing);
  background-color: var(--calendar-js-light-color);
  color: var(--calendar-js-dark-color);
  border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
}
div.calendar div.full-week-view div.contents div.hours div.hour div.hour-text:nth-child(odd) {
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-light-color);
}
div.calendar div.full-week-view div.contents div.hours div.hour:nth-child(odd) {
  background-color: var(--calendar-js-day-names-color);
}
div.calendar div.full-week-view div.contents div.hours div.hour:last-child {
  border-bottom: none;
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.days {
  height: 100% !important;
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.expired {
  opacity: var(--calendar-js-event-expired-opacity);
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.all-day {
  background-color: var(--calendar-js-event-color-all-day) !important;
  color: var(--calendar-js-event-text-color-all-day) !important;
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event {
  white-space: pre-line;
  -ms-word-break: normal;
  word-break: normal;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-event-color);
  padding: var(--calendar-js-spacing);
  color: var(--calendar-js-event-text-color);
  margin-bottom: var(--calendar-js-spacing);
  border-left: var(--calendar-js-event-left-border);
  text-align: left;
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div {
  margin-bottom: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div:last-child {
  margin-bottom: 0;
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.title {
  font-weight: 900;
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.date,
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.duration,
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.description,
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.location,
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.repeats {
  font-size: smaller;
  font-weight: 300;
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.ib-refresh-medium {
  margin-right: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event:last-child {
  margin-bottom: 0;
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell:last-child {
  margin-bottom: 0;
}
div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event {
  width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size) * 5)) !important;
  margin-left: 0 !important;
}
div.calendar div.full-week-view div.contents div.days {
  position: absolute;
  width: calc(100% - var(--calendar-js-time-view-hours-width) - var(--calendar-js-spacing) * 2);
  height: 100%;
  top: 0;
  left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size));
  background-color: transparent;
}
div.calendar div.full-week-view div.contents div.days div.cell div.time-arrow {
  position: absolute;
  width: calc(100% - var(--calendar-js-time-view-hours-width) - var(--calendar-js-spacing) * 2 - var(--calendar-js-spacing-border-size));
  left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size));
  top: 0;
  z-index: 10;
  height: var(--calendar-js-time-view-arrow-line-height);
  display: none;
  pointer-events: none;
}
div.calendar div.full-week-view div.contents div.days div.cell div.time-arrow div.arrow-left {
  width: 0;
  height: 0;
  border-top: calc(var(--calendar-js-time-view-arrow-line-height) / 2) solid transparent;
  border-bottom: calc(var(--calendar-js-time-view-arrow-line-height) / 2) solid transparent;
  border-right: var(--calendar-js-time-view-arrow-line-height) solid var(--calendar-js-view-time-arrow-color);
}
div.calendar div.full-week-view div.contents div.days div.cell div.time-arrow div.line {
  background-color: var(--calendar-js-view-time-arrow-color);
  position: absolute;
  left: var(--calendar-js-time-view-arrow-line-height);
  top: calc(var(--calendar-js-time-view-arrow-line-height) / 4);
  height: calc(var(--calendar-js-time-view-arrow-line-height) / 2);
  width: 100%;
}
div.calendar div.full-week-view div.contents div.days div.cell div.expired {
  opacity: var(--calendar-js-event-expired-opacity);
}
div.calendar div.full-week-view div.contents div.days div.cell div.all-day {
  background-color: var(--calendar-js-event-color-all-day) !important;
  color: var(--calendar-js-event-text-color-all-day) !important;
}
div.calendar div.full-week-view div.contents div.days div.cell div.event {
  white-space: pre-line;
  -ms-word-break: normal;
  word-break: normal;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-event-color);
  padding: var(--calendar-js-spacing);
  color: var(--calendar-js-event-text-color);
  margin-bottom: var(--calendar-js-spacing);
  border-left: var(--calendar-js-event-left-border);
  text-align: left;
}
div.calendar div.full-week-view div.contents div.days div.cell div.event div {
  margin-bottom: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.full-week-view div.contents div.days div.cell div.event div:last-child {
  margin-bottom: 0;
}
div.calendar div.full-week-view div.contents div.days div.cell div.event div.title {
  font-weight: 900;
}
div.calendar div.full-week-view div.contents div.days div.cell div.event div.date,
div.calendar div.full-week-view div.contents div.days div.cell div.event div.duration,
div.calendar div.full-week-view div.contents div.days div.cell div.event div.description,
div.calendar div.full-week-view div.contents div.days div.cell div.event div.location,
div.calendar div.full-week-view div.contents div.days div.cell div.event div.repeats {
  font-size: smaller;
  font-weight: 300;
}
div.calendar div.full-week-view div.contents div.days div.cell div.event div.ib-refresh-medium {
  margin-right: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.full-week-view div.contents div.days div.cell div.event:last-child {
  margin-bottom: 0;
}
div.calendar div.full-week-view div.contents div.days div.cell:last-child {
  margin-bottom: 0;
}
div.calendar div.full-week-view div.contents div.days div.cell div.time-arrow {
  width: 100%;
  left: 0;
}
div.calendar div.full-week-view div.contents div.days div.cell div.event {
  position: absolute;
  margin: 0;
  overflow: hidden;
  z-index: 1;
  left: var(--calendar-js-spacing);
  width: calc(100% - (var(--calendar-js-spacing) * 5 - var(--calendar-js-spacing-border-size) * 2));
  overflow: hidden;
  text-overflow: ellipsis;
}
div.calendar div.full-week-view div.contents div.days div.cell div.event span {
  white-space: pre;
}
@media screen and (min-width: 451px) {
  div.calendar div.full-week-view div.contents div.days div.cell div.event {
    font-size: var(--calendar-js-large-font-size) !important;
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.full-week-view div.contents div.days div.cell div.event {
    font-size: var(--calendar-js-small-font-size) !important;
  }
}
div.calendar div.full-week-view div.contents div.days div.cell div.working-hours {
  position: absolute;
  width: 100%;
  background-color: rgba(40, 40, 40, 0.4);
  display: none;
  pointer-events: none;
  z-index: 0;
  left: 0;
  margin-top: var(--calendar-js-spacing-border-size);
}
div.calendar div.full-week-view div.contents div.days div.cell div.resizable {
  resize: vertical;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Full Month View - Date Header
    -------------------------------------------------------------------------
*/
div.calendar div.full-month-view div.title-bar {
  font-weight: var(--calendar-js-title-bar-font-weight);
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  text-align: center;
  padding-top: var(--calendar-js-spacing);
  padding-bottom: var(--calendar-js-spacing);
  padding-left: calc(var(--calendar-js-spacing) / 2);
  padding-right: calc(var(--calendar-js-spacing) / 2);
  position: relative;
}
div.calendar div.full-month-view div.title-bar div[class^=ib-],
div.calendar div.full-month-view div.title-bar div.left-divider-line,
div.calendar div.full-month-view div.title-bar div.right-divider-line,
div.calendar div.full-month-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.full-month-view div.title-bar div.right-divider-line-views {
  margin-left: calc(var(--calendar-js-spacing) / 2);
  margin-right: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.full-month-view div.title-bar div.left-divider-line,
div.calendar div.full-month-view div.title-bar div.right-divider-line,
div.calendar div.full-month-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.full-month-view div.title-bar div.right-divider-line-views {
  width: 1px;
  background-color: var(--calendar-js-title-bar-button-color);
  height: 16px;
}
div.calendar div.full-month-view div.title-bar div.title-container {
  display: inline-block;
  position: relative;
  font-size: var(--calendar-js-large-font-size) !important;
}
div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button {
  white-space: nowrap;
  overflow: hidden;
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
  border-radius: var(--calendar-js-border-radius);
  background-color: #0E538F !important;
  border:#0E538F !important;
  font-weight: 500;
  transition: var(--calendar-js-transition);
}
div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button span.ib-arrow-down-full-medium,
div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button span.ib-arrow-up-full-medium {
  margin-left: calc(var(--calendar-js-spacing) / 2);
  pointer-events: none;
}
div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button span.ib-arrow-down-full-medium {
  border-top-color: var(--calendar-js-title-bar-text-color);
}
div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button span.ib-arrow-up-full-medium {
  border-bottom-color: var(--calendar-js-title-bar-text-color);
}
div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button:hover {
  cursor: pointer;
  opacity: 0.6;
}
div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button:active {
  cursor: pointer;
  opacity: 0.4;
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months {
  animation: fade-in-effect ease 0.5s;
  -webkit-animation: fade-in-effect ease 0.5s;
  -moz-animation: fade-in-effect ease 0.5s;
  -o-animation: fade-in-effect ease 0.5s;
  -ms-animation: fade-in-effect ease 0.5s;
  position: absolute;
  width: 240px;
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  left: 50%;
  transform: translate(-50%);
  background-color: var(--calendar-js-light-color);
  border-radius: var(--calendar-js-border-radius);
  z-index: 1500;
  display: none;
  overflow: hidden;
  font-weight: 500;
}
@media screen and (min-width: 451px) {
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months {
    top: calc(var(--calendar-js-spacing) + var(--calendar-js-large-font-size));
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months {
    top: calc(var(--calendar-js-spacing) + var(--calendar-js-small-font-size));
  }
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months {
  margin-left: 1px;
  margin-right: 1px;
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months:first-child,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months:first-child {
  margin-top: 1px;
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-selected,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-current-month,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-selected,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-current-month {
  width: calc(33.33% - ((var(--calendar-js-spacing)) + 2px));
  padding: calc(var(--calendar-js-spacing) / 2);
  margin: 1px;
  display: inline-block;
  border-radius: var(--calendar-js-border-radius);
  font-size:16px;
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-current-month,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-current-month {
  background-color: var(--calendar-js-day-names-color);
  color: var(--calendar-js-dark-color);
  transition: var(--calendar-js-transition);
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name:hover,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-current-month:hover,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name:hover,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-current-month:hover {
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-light-color);
  cursor: pointer;
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name:active:not(.year-selected),
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-current-month:active:not(.year-selected),
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name:active:not(.year-selected),
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-current-month:active:not(.year-selected) {
  cursor: pointer;
  opacity: 0.4;
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-selected,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-selected {
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-light-color);
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-current-month,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-current-month {
  background-color: #BCBCBC;
  color: var(--calendar-js-dark-color);
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.contents,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents {
  border-radius: var(--calendar-js-border-radius);
  height: 100px;
  white-space: pre-line;
  -ms-word-break: break-all;
  word-break: break-all;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: calc(var(--calendar-js-spacing) / 3);
  padding: 0;
  padding-top: calc(var(--calendar-js-spacing) / 2);
  padding-bottom: calc(var(--calendar-js-spacing) / 2);
  background-color: var(--calendar-js-light-color) !important;
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.contents div.year,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents div.year {
  display: inline-block;
  color: var(--calendar-js-dark-color);
  font-size: 16px !important;
  margin-right: 5px;
  width: calc(25% - 17px);
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: var(--calendar-js-border-radius);
  padding: 3px;
  transition: var(--calendar-js-transition);
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.contents div.year:hover,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents div.year:hover {
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-light-color);
  cursor: pointer;
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.contents div.year:active:not(.year-selected),
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents div.year:active:not(.year-selected) {
  cursor: pointer;
  opacity: 0.4;
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.contents div.year-selected,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents div.year-selected {
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-light-color);
  cursor: default !important;
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.contents div.year-has-events,
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents div.year-has-events {
  background-color: var(--calendar-js-drop-down-menu-background-color);
  color: var(--calendar-js-dark-color);
}
div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents {
  margin-top: 0;
  height: 180px;
}
div.calendar div.full-month-view div.title-bar div.ib-arrow-left-full,
div.calendar div.full-month-view div.title-bar div.ib-pin,
div.calendar div.full-month-view div.title-bar div.ib-refresh,
div.calendar div.full-month-view div.title-bar div.ib-search,
div.calendar div.full-month-view div.title-bar div.ib-octagon-hollow,
div.calendar div.full-month-view div.title-bar div.ib-hamburger,
div.calendar div.full-month-view div.title-bar div.ib-rewind,
div.calendar div.full-month-view div.title-bar div.left-divider-line,
div.calendar div.full-month-view div.title-bar div.ib-arrow-right-full-line {
  float: left;
}
div.calendar div.full-month-view div.title-bar div.ib-close,
div.calendar div.full-month-view div.title-bar div.ib-hamburger-side,
div.calendar div.full-month-view div.title-bar div.ib-eye,
div.calendar div.full-month-view div.title-bar div.ib-arrow-down-full-line,
div.calendar div.full-month-view div.title-bar div.ib-plus,
div.calendar div.full-month-view div.title-bar div.ib-arrow-right-full,
div.calendar div.full-month-view div.title-bar div.ib-arrow-expand-left-right,
div.calendar div.full-month-view div.title-bar div.ib-arrow-contract-left-right,
div.calendar div.full-month-view div.title-bar div.ib-forward,
div.calendar div.full-month-view div.title-bar div.ib-expand,
div.calendar div.full-month-view div.title-bar div.ib-hourglass,
div.calendar div.full-month-view div.title-bar div.ib-bar-graph,
div.calendar div.full-month-view div.title-bar div.right-divider-line,
div.calendar div.full-month-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.full-month-view div.title-bar div.right-divider-line-views {
  float: right;
}
@media screen and (min-width: 451px) {
  div.calendar div.full-month-view div.title-bar div.ib-refresh,
  div.calendar div.full-month-view div.title-bar div.ib-search,
  div.calendar div.full-month-view div.title-bar div.ib-hamburger,
  div.calendar div.full-month-view div.title-bar div.ib-hamburger-side,
  div.calendar div.full-month-view div.title-bar div.ib-eye,
  div.calendar div.full-month-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.full-month-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.full-month-view div.title-bar div.ib-expand,
  div.calendar div.full-month-view div.title-bar div.ib-hourglass,
  div.calendar div.full-month-view div.title-bar div.ib-rewind,
  div.calendar div.full-month-view div.title-bar div.ib-forward,
  div.calendar div.full-month-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-month-view div.title-bar div.ib-bar-graph,
  div.calendar div.full-month-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-month-view div.title-bar div.right-divider-line-views,
  div.calendar div.full-month-view div.title-bar div.ib-arrow-right-full-line {
    display: inline-block;
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.full-month-view div.title-bar div.ib-refresh,
  div.calendar div.full-month-view div.title-bar div.ib-search,
  div.calendar div.full-month-view div.title-bar div.ib-hamburger-side,
  div.calendar div.full-month-view div.title-bar div.ib-eye,
  div.calendar div.full-month-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.full-month-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.full-month-view div.title-bar div.ib-expand,
  div.calendar div.full-month-view div.title-bar div.ib-hourglass,
  div.calendar div.full-month-view div.title-bar div.ib-rewind,
  div.calendar div.full-month-view div.title-bar div.ib-forward,
  div.calendar div.full-month-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-month-view div.title-bar div.ib-bar-graph,
  div.calendar div.full-month-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-month-view div.title-bar div.right-divider-line-views,
  div.calendar div.full-month-view div.title-bar div.ib-arrow-right-full-line {
    display: none !important;
  }
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Full Month View - Day Events
    -------------------------------------------------------------------------
*/
div.calendar div.full-month-view div.row-cells div.cell div.event {
  border-radius: var(--calendar-js-border-radius);
  background-color: #0e538f !important;
  padding: 10px;
  color: var(--calendar-js-event-text-color);
  margin-top: 5px;
  margin-bottom: 5px;
  border-left: var(--calendar-js-event-left-border);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 451px) {
  div.calendar div.full-month-view div.row-cells div.cell div.event {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.full-month-view div.row-cells div.cell div.event {
    font-size: 0.5rem !important;
  }
}
div.calendar div.full-month-view div.row-cells div.cell div.event:last-child {
  margin-bottom: 0;
}
div.calendar div.full-month-view div.row-cells div.cell div.event div.ib-refresh-small {
  margin-right: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.full-month-view div.row-cells div.cell div.event-circle {
  display: inline-block;
  border-radius: 50% !important;
  border-left: none !important;
  height: 5px;
  width: 5px;
  margin-left: 2.5px;
  margin-right: 2.5px;
}
div.calendar div.full-month-view div.row-cells div.cell div.event-circle:last-child {
  margin-bottom: 5px;
}
div.calendar div.full-month-view div.row-cells div.cell div.expired {
  opacity: var(--calendar-js-event-expired-opacity);
}
div.calendar div.full-month-view div.row-cells div.cell div.not-in-current-month {
  opacity: 0.1;
}
div.calendar div.full-month-view div.row-cells div.cell div.all-day {
  background-color: var(--calendar-js-event-color-all-day) !important;
  color: var(--calendar-js-event-text-color-all-day);
}
div.calendar div.full-month-view div.row-cells div.cell div.plus-x-events {
  display: inline-block;
  font-size: smaller;
  text-align: center;
  margin-top: calc(var(--calendar-js-spacing) / 2);
  margin-left: auto;
  margin-right: auto;
  transition: var(--calendar-js-transition);
}
div.calendar div.full-month-view div.row-cells div.cell div.plus-x-events:hover {
  cursor: pointer;
  opacity: 0.6;
  text-decoration: underline;
}
div.calendar div.full-month-view div.row-cells div.cell div.plus-x-events:active {
  cursor: pointer;
  opacity: 0.4;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Full Year View
    -------------------------------------------------------------------------
*/
div.calendar div.full-year-view {
  top: -100%;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: var(--calendar-js-light-color);
  transition: var(--calendar-js-transition);
  visibility: hidden;
}
div.calendar div.full-year-view div.title-bar {
  width: calc(100% - var(--calendar-js-spacing));
  display: inline-block;
  padding-top: var(--calendar-js-spacing);
  padding-bottom: var(--calendar-js-spacing);
  padding-left: calc(var(--calendar-js-spacing) / 2);
  padding-right: calc(var(--calendar-js-spacing) / 2);
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  text-align: center;
}
div.calendar div.full-year-view div.title-bar div.left-divider-line,
div.calendar div.full-year-view div.title-bar div.right-divider-line,
div.calendar div.full-year-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.full-year-view div.title-bar div.right-divider-line-views {
  width: 1px;
  background-color: var(--calendar-js-title-bar-button-color);
  height: 16px;
}
div.calendar div.full-year-view div.title-bar div.left-divider-line {
  float: left;
}
div.calendar div.full-year-view div.title-bar div.right-divider-line,
div.calendar div.full-year-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.full-year-view div.title-bar div.right-divider-line-views {
  float: right;
}
div.calendar div.full-year-view div.title-bar div.title {
  font-weight: 900 !important;
  display: inline-block;
}
@media screen and (max-width: 450px) {
  div.calendar div.full-year-view div.title-bar div.title {
    margin-top: 2px;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
div.calendar div.full-year-view div.title-bar div {
  margin-left: calc(var(--calendar-js-spacing) / 2) !important;
  margin-right: calc(var(--calendar-js-spacing) / 2) !important;
}
div.calendar div.full-year-view div.title-bar div.ib-arrow-left-full,
div.calendar div.full-year-view div.title-bar div.ib-pin,
div.calendar div.full-year-view div.title-bar div.ib-refresh,
div.calendar div.full-year-view div.title-bar div.ib-search,
div.calendar div.full-year-view div.title-bar div.ib-octagon-hollow,
div.calendar div.full-year-view div.title-bar div.ib-hamburger,
div.calendar div.full-year-view div.title-bar div.ib-arrow-right-full-line {
  float: left;
}
div.calendar div.full-year-view div.title-bar div.ib-arrow-down-full-line,
div.calendar div.full-year-view div.title-bar div.ib-plus,
div.calendar div.full-year-view div.title-bar div.ib-close,
div.calendar div.full-year-view div.title-bar div.ib-bar-graph,
div.calendar div.full-year-view div.title-bar div.ib-arrow-right-full,
div.calendar div.full-year-view div.title-bar div.ib-hourglass,
div.calendar div.full-year-view div.title-bar div.ib-arrow-expand-left-right,
div.calendar div.full-year-view div.title-bar div.ib-arrow-contract-left-right {
  float: right;
}
@media screen and (min-width: 451px) {
  div.calendar div.full-year-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.full-year-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-year-view div.title-bar div.ib-arrow-contract-left-right,
  div.calendar div.full-year-view div.title-bar div.ib-search,
  div.calendar div.full-year-view div.title-bar div.ib-refresh,
  div.calendar div.full-year-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.full-year-view div.title-bar div.ib-bar-graph,
  div.calendar div.full-year-view div.title-bar div.ib-hourglass,
  div.calendar div.full-year-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-year-view div.title-bar div.right-divider-line-views,
  div.calendar div.full-year-view div.title-bar div.ib-arrow-right-full-line {
    display: inline-block;
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.full-year-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.full-year-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-year-view div.title-bar div.ib-arrow-contract-left-right,
  div.calendar div.full-year-view div.title-bar div.ib-search,
  div.calendar div.full-year-view div.title-bar div.ib-refresh,
  div.calendar div.full-year-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.full-year-view div.title-bar div.ib-bar-graph,
  div.calendar div.full-year-view div.title-bar div.ib-hourglass,
  div.calendar div.full-year-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-year-view div.title-bar div.right-divider-line-views,
  div.calendar div.full-year-view div.title-bar div.ib-arrow-right-full-line {
    display: none !important;
  }
}
div.calendar div.full-year-view div.contents {
  display: inline-block;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  width: calc(100% - var(--calendar-js-spacing));
  padding: calc(var(--calendar-js-spacing) / 2);
}
@media screen and (min-width: 451px) {
  div.calendar div.full-year-view div.contents {
    height: calc(100% - (var(--calendar-js-spacing) * 3 + var(--calendar-js-large-font-size)) - var(--calendar-js-spacing-border-size));
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.full-year-view div.contents {
    height: calc(100% - (var(--calendar-js-spacing) * 3 + var(--calendar-js-small-font-size)) - var(--calendar-js-spacing-border-size));
  }
}
div.calendar div.full-year-view div.contents div.year-month {
  border-radius: var(--calendar-js-border-radius);
  border-bottom-left-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  background-color: var(--calendar-js-day-names-color);
  display: inline-block;
  margin: calc(var(--calendar-js-spacing) / 2);
}
@media screen and (min-width: 451px) {
  div.calendar div.full-year-view div.contents div.year-month {
    width: calc(50% - (var(--calendar-js-spacing) + var(--calendar-js-spacing) / 4));
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.full-year-view div.contents div.year-month {
    width: calc(100% - (var(--calendar-js-spacing) + var(--calendar-js-spacing) / 4));
  }
}
div.calendar div.full-year-view div.contents div.year-month div.title-bar-container {
  overflow: hidden;
}
div.calendar div.full-year-view div.contents div.year-month div.title-bar-container div.title-bar {
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-light-color);
  font-weight: 900;
  text-align: left;
  padding: var(--calendar-js-spacing);
}
div.calendar div.full-year-view div.contents div.year-month div.title-bar-container div.title-bar div.right-divider-line {
  width: 1px;
  background-color: var(--calendar-js-title-bar-button-color);
  height: 16px;
}
div.calendar div.full-year-view div.contents div.year-month div.title-bar-container div.title-bar div.ib-arrow-expand-left-right,
div.calendar div.full-year-view div.contents div.year-month div.title-bar-container div.title-bar div.ib-plus,
div.calendar div.full-year-view div.contents div.year-month div.title-bar-container div.title-bar div.right-divider-line {
  float: right;
  margin-right: var(--calendar-js-spacing) !important;
  margin-left: 0 !important;
}
div.calendar div.full-year-view div.contents div.year-month div.days div.cell {
  padding-top: var(--calendar-js-spacing) !important;
  padding-bottom: var(--calendar-js-spacing) !important;
  padding-left: calc(var(--calendar-js-spacing) / 2) !important;
  padding-right: calc(var(--calendar-js-spacing) / 2) !important;
  position: relative;
  overflow: visible !important;
  transition: var(--calendar-js-transition);
}
div.calendar div.full-year-view div.contents div.year-month div.days div.cell div.events-count {
  position: absolute;
  font-size: var(--calendar-js-small-font-size) !important;
  padding-top: calc(var(--calendar-js-spacing) / 4);
  padding-bottom: calc(var(--calendar-js-spacing) / 4);
  padding-right: calc(var(--calendar-js-spacing) / 2);
  padding-left: calc(var(--calendar-js-spacing) / 2);
  color: var(--calendar-js-light-color);
  background-color: var(--calendar-js-dark-lighter-color);
  bottom: -4px;
  right: -4px;
  border-radius: 50%;
  z-index: 10;
}
div.calendar div.full-year-view div.contents div.year-month div.days div.cell-today {
  background-color: var(--calendar-js-dark-color) !important;
  color: var(--calendar-js-light-color) !important;
}
div.calendar div.full-year-view div.contents div.year-month div.days div.has-events {
  background-color: rgba(135, 206, 250, 0.4);
}
div.calendar div.full-year-view div.contents div.year-month div.days div.cell:not(.cell-no-click):hover {
  cursor: pointer;
  background-color: var(--calendar-js-day-date-picker-hover-color);
}
div.calendar div.full-year-view div.contents div.year-month div.days div.cell:not(.cell-no-click):active {
  cursor: pointer;
  opacity: 0.4;
}
div.calendar div.full-year-view div.contents div.year-month div.days div.cell-muted span,
div.calendar div.full-year-view div.contents div.year-month div.days div.cell-muted sup {
  opacity: 0.3;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - All Events View
    -------------------------------------------------------------------------
*/
div.calendar div.all-events-view {
  top: -100%;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: var(--calendar-js-light-color);
  transition: var(--calendar-js-transition);
  visibility: hidden;
}
div.calendar div.all-events-view div.title-bar {
  width: calc(100% - var(--calendar-js-spacing));
  display: inline-block;
  padding-top: var(--calendar-js-spacing);
  padding-bottom: var(--calendar-js-spacing);
  padding-left: calc(var(--calendar-js-spacing) / 2);
  padding-right: calc(var(--calendar-js-spacing) / 2);
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  text-align: center;
}
div.calendar div.all-events-view div.title-bar div.left-divider-line,
div.calendar div.all-events-view div.title-bar div.right-divider-line,
div.calendar div.all-events-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.all-events-view div.title-bar div.right-divider-line-views {
  width: 1px;
  background-color: var(--calendar-js-title-bar-button-color);
  height: 16px;
}
div.calendar div.all-events-view div.title-bar div.left-divider-line {
  float: left;
}
div.calendar div.all-events-view div.title-bar div.right-divider-line,
div.calendar div.all-events-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.all-events-view div.title-bar div.right-divider-line-views {
  float: right;
}
div.calendar div.all-events-view div.title-bar div.title {
  font-weight: 900 !important;
  display: inline-block;
}
@media screen and (max-width: 450px) {
  div.calendar div.all-events-view div.title-bar div.title {
    margin-top: 2px;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
div.calendar div.all-events-view div.title-bar div {
  margin-left: calc(var(--calendar-js-spacing) / 2) !important;
  margin-right: calc(var(--calendar-js-spacing) / 2) !important;
}
div.calendar div.all-events-view div.title-bar div.ib-arrow-left-full,
div.calendar div.all-events-view div.title-bar div.ib-pin,
div.calendar div.all-events-view div.title-bar div.ib-refresh,
div.calendar div.all-events-view div.title-bar div.ib-search,
div.calendar div.all-events-view div.title-bar div.ib-octagon-hollow,
div.calendar div.all-events-view div.title-bar div.ib-hamburger,
div.calendar div.all-events-view div.title-bar div.ib-arrow-right-full-line {
  float: left;
}
div.calendar div.all-events-view div.title-bar div.ib-arrow-down-full-line,
div.calendar div.all-events-view div.title-bar div.ib-plus,
div.calendar div.all-events-view div.title-bar div.ib-close,
div.calendar div.all-events-view div.title-bar div.ib-bar-graph,
div.calendar div.all-events-view div.title-bar div.ib-arrow-right-full,
div.calendar div.all-events-view div.title-bar div.ib-hourglass,
div.calendar div.all-events-view div.title-bar div.ib-arrow-expand-left-right,
div.calendar div.all-events-view div.title-bar div.ib-arrow-contract-left-right {
  float: right;
}
@media screen and (min-width: 451px) {
  div.calendar div.all-events-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.all-events-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.all-events-view div.title-bar div.ib-arrow-contract-left-right,
  div.calendar div.all-events-view div.title-bar div.ib-search,
  div.calendar div.all-events-view div.title-bar div.ib-refresh,
  div.calendar div.all-events-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.all-events-view div.title-bar div.ib-bar-graph,
  div.calendar div.all-events-view div.title-bar div.ib-hourglass,
  div.calendar div.all-events-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.all-events-view div.title-bar div.right-divider-line-views,
  div.calendar div.all-events-view div.title-bar div.ib-arrow-right-full-line {
    display: inline-block;
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.all-events-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.all-events-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.all-events-view div.title-bar div.ib-arrow-contract-left-right,
  div.calendar div.all-events-view div.title-bar div.ib-search,
  div.calendar div.all-events-view div.title-bar div.ib-refresh,
  div.calendar div.all-events-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.all-events-view div.title-bar div.ib-bar-graph,
  div.calendar div.all-events-view div.title-bar div.ib-hourglass,
  div.calendar div.all-events-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.all-events-view div.title-bar div.right-divider-line-views,
  div.calendar div.all-events-view div.title-bar div.ib-arrow-right-full-line {
    display: none !important;
  }
}
div.calendar div.all-events-view div.contents {
  display: inline-block;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  width: calc(100% - var(--calendar-js-spacing) * 2);
  padding: var(--calendar-js-spacing);
}
@media screen and (min-width: 451px) {
  div.calendar div.all-events-view div.contents {
    height: calc(100% - (var(--calendar-js-spacing) * 4 + var(--calendar-js-large-font-size)) - var(--calendar-js-spacing-border-size));
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.all-events-view div.contents {
    height: calc(100% - (var(--calendar-js-spacing) * 4 + var(--calendar-js-small-font-size)) - var(--calendar-js-spacing-border-size));
  }
}
div.calendar div.all-events-view div.contents div.year-header {
  margin-top: calc(var(--calendar-js-spacing) * 2);
}
div.calendar div.all-events-view div.contents div.year-header span.header-text {
  font-weight: 900;
  font-size: 22px;
  transition: var(--calendar-js-transition);
}
div.calendar div.all-events-view div.contents div.year-header span.header-text:hover {
  cursor: pointer;
  opacity: 0.6;
}
div.calendar div.all-events-view div.contents div.year-header span.header-text:active {
  cursor: pointer;
  opacity: 0.4;
}
div.calendar div.all-events-view div.contents div.year-header div.line {
  margin-top: calc(var(--calendar-js-spacing) / 2);
  border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  margin-bottom: var(--calendar-js-spacing);
}
div.calendar div.all-events-view div.contents div.year-header:first-of-type {
  margin-top: 0;
}
div.calendar div.all-events-view div.contents div.month {
  border-radius: var(--calendar-js-border-radius);
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  overflow: hidden;
  margin-bottom: var(--calendar-js-spacing);
}
div.calendar div.all-events-view div.contents div.month div.header {
  background-color: var(--calendar-js-dark-color) !important;
  color: var(--calendar-js-light-color) !important;
  padding: var(--calendar-js-spacing);
  font-weight: var(--calendar-js-title-bar-font-weight);
}
div.calendar div.all-events-view div.contents div.month div.header div.right-divider-line {
  width: 1px;
  background-color: var(--calendar-js-title-bar-button-color);
  height: 16px;
}
div.calendar div.all-events-view div.contents div.month div.header div.ib-arrow-expand-left-right,
div.calendar div.all-events-view div.contents div.month div.header div.ib-plus,
div.calendar div.all-events-view div.contents div.month div.header div.ib-close,
div.calendar div.all-events-view div.contents div.month div.header div.ib-minus,
div.calendar div.all-events-view div.contents div.month div.header div.ib-square-hollow,
div.calendar div.all-events-view div.contents div.month div.header div.right-divider-line {
  float: right;
  margin-left: var(--calendar-js-spacing);
}
div.calendar div.all-events-view div.contents div.month div.events {
  padding: var(--calendar-js-spacing);
}
div.calendar div.all-events-view div.contents div.month div.events div.expired {
  opacity: var(--calendar-js-event-expired-opacity);
}
div.calendar div.all-events-view div.contents div.month div.events div.all-day {
  background-color: var(--calendar-js-event-color-all-day) !important;
  color: var(--calendar-js-event-text-color-all-day) !important;
}
div.calendar div.all-events-view div.contents div.month div.events div.event {
  white-space: pre-line;
  -ms-word-break: normal;
  word-break: normal;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-event-color);
  padding: var(--calendar-js-spacing);
  color: var(--calendar-js-event-text-color);
  margin-bottom: var(--calendar-js-spacing);
  border-left: var(--calendar-js-event-left-border);
  text-align: left;
}
div.calendar div.all-events-view div.contents div.month div.events div.event div {
  margin-bottom: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.all-events-view div.contents div.month div.events div.event div:last-child {
  margin-bottom: 0;
}
div.calendar div.all-events-view div.contents div.month div.events div.event div.title {
  font-weight: 900;
}
div.calendar div.all-events-view div.contents div.month div.events div.event div.date,
div.calendar div.all-events-view div.contents div.month div.events div.event div.duration,
div.calendar div.all-events-view div.contents div.month div.events div.event div.description,
div.calendar div.all-events-view div.contents div.month div.events div.event div.location,
div.calendar div.all-events-view div.contents div.month div.events div.event div.repeats {
  font-size: smaller;
  font-weight: 300;
}
div.calendar div.all-events-view div.contents div.month div.events div.event div.ib-refresh-medium {
  margin-right: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.all-events-view div.contents div.month div.events div.event:last-child {
  margin-bottom: 0;
}
div.calendar div.all-events-view div.contents div.month div.events:last-child {
  margin-bottom: 0;
}
div.calendar div.all-events-view div.contents div.month:last-child {
  margin-bottom: var(--calendar-js-spacing-border-size) !important;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Timeline View
    -------------------------------------------------------------------------
*/
div.calendar div.timeline-view {
  top: -100%;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: var(--calendar-js-light-color);
  transition: var(--calendar-js-transition);
  visibility: hidden;
}
div.calendar div.timeline-view div.title-bar {
  width: calc(100% - var(--calendar-js-spacing));
  display: inline-block;
  padding-top: var(--calendar-js-spacing);
  padding-bottom: var(--calendar-js-spacing);
  padding-left: calc(var(--calendar-js-spacing) / 2);
  padding-right: calc(var(--calendar-js-spacing) / 2);
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  text-align: center;
}
div.calendar div.timeline-view div.title-bar div.left-divider-line,
div.calendar div.timeline-view div.title-bar div.right-divider-line,
div.calendar div.timeline-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.timeline-view div.title-bar div.right-divider-line-views {
  width: 1px;
  background-color: var(--calendar-js-title-bar-button-color);
  height: 16px;
}
div.calendar div.timeline-view div.title-bar div.left-divider-line {
  float: left;
}
div.calendar div.timeline-view div.title-bar div.right-divider-line,
div.calendar div.timeline-view div.title-bar div.right-divider-line-full-screen-mode,
div.calendar div.timeline-view div.title-bar div.right-divider-line-views {
  float: right;
}
div.calendar div.timeline-view div.title-bar div.title {
  font-weight: 900 !important;
  display: inline-block;
}
@media screen and (max-width: 450px) {
  div.calendar div.timeline-view div.title-bar div.title {
    margin-top: 2px;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
div.calendar div.timeline-view div.title-bar div {
  margin-left: calc(var(--calendar-js-spacing) / 2) !important;
  margin-right: calc(var(--calendar-js-spacing) / 2) !important;
}
div.calendar div.timeline-view div.title-bar div.ib-arrow-left-full,
div.calendar div.timeline-view div.title-bar div.ib-pin,
div.calendar div.timeline-view div.title-bar div.ib-refresh,
div.calendar div.timeline-view div.title-bar div.ib-search,
div.calendar div.timeline-view div.title-bar div.ib-octagon-hollow,
div.calendar div.timeline-view div.title-bar div.ib-hamburger,
div.calendar div.timeline-view div.title-bar div.ib-arrow-right-full-line {
  float: left;
}
div.calendar div.timeline-view div.title-bar div.ib-arrow-down-full-line,
div.calendar div.timeline-view div.title-bar div.ib-plus,
div.calendar div.timeline-view div.title-bar div.ib-close,
div.calendar div.timeline-view div.title-bar div.ib-bar-graph,
div.calendar div.timeline-view div.title-bar div.ib-arrow-right-full,
div.calendar div.timeline-view div.title-bar div.ib-hourglass,
div.calendar div.timeline-view div.title-bar div.ib-arrow-expand-left-right,
div.calendar div.timeline-view div.title-bar div.ib-arrow-contract-left-right {
  float: right;
}
@media screen and (min-width: 451px) {
  div.calendar div.timeline-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.timeline-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.timeline-view div.title-bar div.ib-arrow-contract-left-right,
  div.calendar div.timeline-view div.title-bar div.ib-search,
  div.calendar div.timeline-view div.title-bar div.ib-refresh,
  div.calendar div.timeline-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.timeline-view div.title-bar div.ib-bar-graph,
  div.calendar div.timeline-view div.title-bar div.ib-hourglass,
  div.calendar div.timeline-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.timeline-view div.title-bar div.right-divider-line-views,
  div.calendar div.timeline-view div.title-bar div.ib-arrow-right-full-line {
    display: inline-block;
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.timeline-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.timeline-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.timeline-view div.title-bar div.ib-arrow-contract-left-right,
  div.calendar div.timeline-view div.title-bar div.ib-search,
  div.calendar div.timeline-view div.title-bar div.ib-refresh,
  div.calendar div.timeline-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.timeline-view div.title-bar div.ib-bar-graph,
  div.calendar div.timeline-view div.title-bar div.ib-hourglass,
  div.calendar div.timeline-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.timeline-view div.title-bar div.right-divider-line-views,
  div.calendar div.timeline-view div.title-bar div.ib-arrow-right-full-line {
    display: none !important;
  }
}
div.calendar div.timeline-view div.contents {
  position: relative;
  display: inline-block;
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
  padding: 0 !important;
  white-space: nowrap;
  vertical-align: top;
}
@media screen and (min-width: 451px) {
  div.calendar div.timeline-view div.contents {
    height: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-large-font-size)));
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.timeline-view div.contents {
    height: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-small-font-size)));
  }
}
div.calendar div.timeline-view div.contents div.timeline-column {
  display: inline-block;
  position: absolute;
  top: 0;
  padding-left: var(--calendar-js-spacing);
  padding-right: var(--calendar-js-spacing);
  height: 100%;
  background-color: var(--calendar-js-light-color);
  border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
}
@media screen and (min-width: 451px) {
  div.calendar div.timeline-view div.contents div.timeline-column {
    width: var(--calendar-js-time-view-timeline-section-width);
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.timeline-view div.contents div.timeline-column {
    width: var(--calendar-js-time-view-timeline-section-width-small);
  }
}
div.calendar div.timeline-view div.contents div.timeline-column:nth-child(odd) {
  background-color: var(--calendar-js-day-names-color);
}
div.calendar div.timeline-view div.contents div.timeline-header {
  display: inline-block;
  position: sticky;
  border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
  top: 0;
  vertical-align: top;
  z-index: 10;
}
div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item {
  display: inline-block;
  padding: var(--calendar-js-spacing);
  text-align: center;
  border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
  background-color: var(--calendar-js-day-names-color);
}
@media screen and (min-width: 451px) {
  div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item {
    width: var(--calendar-js-time-view-timeline-section-width);
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item {
    width: var(--calendar-js-time-view-timeline-section-width-small);
  }
}
div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item:first-child {
  text-align: center;
  position: sticky;
  left: 0;
  z-index: 2000;
}
div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item:last-child {
  border-right: none;
}
div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item div.ib-arrow-right-full {
  float: right;
  border-left-color: var(--calendar-js-dark-color);
}
div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item div.ib-arrow-left-full {
  float: left;
  border-right-color: var(--calendar-js-dark-color);
}
div.calendar div.timeline-view div.contents div.timeline-row {
  float: left;
  clear: both;
  position: relative;
  border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item,
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item-spacing {
  display: inline-block;
  padding: var(--calendar-js-spacing);
  padding-top: calc(var(--calendar-js-spacing) * 2);
  padding-bottom: calc(var(--calendar-js-spacing) * 2);
  text-align: left;
  color: var(--calendar-js-light-color);
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
  position: sticky;
  left: 0;
  z-index: 2000;
}
@media screen and (min-width: 451px) {
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item,
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item-spacing {
    width: var(--calendar-js-time-view-timeline-section-width);
  }
}
@media screen and (max-width: 450px) {
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item,
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item-spacing {
    width: var(--calendar-js-time-view-timeline-section-width-small);
  }
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item:last-child,
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item-spacing:last-child {
  border-right: none;
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item {
  border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
  background-color: var(--calendar-js-dark-color);
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item-odd {
  background-color: var(--calendar-js-light-color);
  color: var(--calendar-js-dark-color);
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.timeline-row-item-spacing {
  background-color: transparent !important;
  border-right: var(--calendar-js-spacing-border-size) solid transparent !important;
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.expired {
  opacity: var(--calendar-js-event-expired-opacity);
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.all-day {
  background-color: var(--calendar-js-event-color-all-day) !important;
  color: var(--calendar-js-event-text-color-all-day) !important;
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event {
  white-space: pre-line;
  -ms-word-break: normal;
  word-break: normal;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-event-color);
  padding: var(--calendar-js-spacing);
  color: var(--calendar-js-event-text-color);
  margin-bottom: var(--calendar-js-spacing);
  border-left: var(--calendar-js-event-left-border);
  text-align: left;
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div {
  margin-bottom: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div:last-child {
  margin-bottom: 0;
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.title {
  font-weight: 900;
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.date,
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.duration,
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.description,
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.location,
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.repeats {
  font-size: smaller;
  font-weight: 300;
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.ib-refresh-medium {
  margin-right: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event:last-child {
  margin-bottom: 0;
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items:last-child {
  margin-bottom: 0;
}
div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event {
  position: absolute;
  margin-left: 0;
  margin-right: 0;
  top: calc(var(--calendar-js-spacing));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Dialog - Event Editor
    -------------------------------------------------------------------------
*/
div.event-editor {
  width: calc(100% - var(--calendar-js-spacing) * 2);
  max-width: 420px;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: fixed;
  display: none;
  box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  z-index: 1500;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
div.event-editor div.ib-close {
  float: right;
}
div.event-editor div.tab-content {
  height: 258px;
  margin-bottom: calc(var(--calendar-js-spacing) * 2);
}
div.event-editor div.tab-content div.split:last-of-type input {
  margin-bottom: 0 !important;
}
div.event-editor div.view {
  position: relative;
}
div.event-editor div.view div.title-bar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  padding: var(--calendar-js-spacing);
  text-align: center;
  font-weight: var(--calendar-js-title-bar-font-weight);
}
div.event-editor div.view div.input-title-container {
  display: flex;
  margin-bottom: var(--calendar-js-spacing);
}
div.event-editor div.view div.input-title-container input[type=text] {
  flex-grow: 1;
  margin-bottom: 0 !important;
}
div.event-editor div.view div.input-title-container input[type=button] {
  padding: 0.375rem 0.75rem;
  margin-left: var(--calendar-js-spacing);
  line-height: 0;
}
div.event-editor div.view div.contents {
  padding: var(--calendar-js-spacing);
}
div.event-editor div.view input:not([type=button]),
div.event-editor div.view textarea {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  border-radius: var(--calendar-js-border-radius);
  outline: none;
  width: 100%;
  padding: 0.375rem 0.75rem;
  line-height: 21px;
  color: var(--calendar-js-dark-color);
  margin-bottom: var(--calendar-js-spacing);
  background-color: var(--calendar-js-input-background-color);
  transition: var(--calendar-js-transition);
  box-sizing: border-box;
  max-height: 35px;
}
div.event-editor div.view input:not([type=button]):last-child,
div.event-editor div.view textarea:last-child {
  margin-bottom: 0;
}
div.event-editor div.view input:not([type=button]):focus,
div.event-editor div.view textarea:focus {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
  box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
}
div.event-editor div.view input:not([type=button]):not(:disabled):hover,
div.event-editor div.view textarea:not(:disabled):hover {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
}
div.event-editor div.view input:disabled,
div.event-editor div.view textarea:disabled {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: var(--calendar-js-light-color);
  color: var(--calendar-js-input-border-color);
}
div.event-editor div.view textarea {
  height: 90px;
  resize: none;
  max-height: none;
}
div.event-editor div.view p {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  margin: 0;
  margin-bottom: 8px;
}
div.event-editor div.view div.split input,
div.event-editor div.view div.split select,
div.event-editor div.view div.split div.split-contents,
div.event-editor div.view div.split p {
  width: calc(50% - var(--calendar-js-spacing) / 2);
  margin-right: calc(var(--calendar-js-spacing) / 2);
  margin-left: calc(var(--calendar-js-spacing) / 2);
  display: inline-block;
  vertical-align: top;
}
div.event-editor div.view div.split input:first-child,
div.event-editor div.view div.split select:first-child,
div.event-editor div.view div.split div.split-contents:first-child,
div.event-editor div.view div.split p:first-child {
  margin-left: 0;
}
div.event-editor div.view div.split input:last-child,
div.event-editor div.view div.split select:last-child,
div.event-editor div.view div.split div.split-contents:last-child,
div.event-editor div.view div.split p:last-child {
  margin-right: 0;
}
div.event-editor div.view div.split-margin {
  margin-left: 25px;
}
div.event-editor div.view div.buttons-container {
  text-align: right;
}
div.event-editor div.view input[type=button] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0.255rem 0.55rem;
  line-height: 1.8;
  border-radius: var(--calendar-js-border-radius);
  outline: 0;
  cursor: pointer;
}
div.event-editor div.view input[type=button]:disabled {
  background-color: var(--calendar-js-input-border-color) !important;
  border-color: var(--calendar-js-input-border-color) !important;
  cursor: default !important;
  color: var(--calendar-js-light-color) !important;
}
div.event-editor div.view input[type=button].add-update {
  color: var(--calendar-js-light-color);
  background-color: var(--calendar-js-primary-button-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.event-editor div.view input[type=button].add-update:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.event-editor div.view input[type=button].add-update:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.event-editor div.view input[type=button].cancel {
  color: var(--calendar-js-secondary-button-color);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.event-editor div.view input[type=button].cancel:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.event-editor div.view input[type=button].cancel:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.event-editor div.view input[type=button].remove {
  color: var(--calendar-js-secondary-button-color);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.event-editor div.view input[type=button].remove:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.event-editor div.view input[type=button].remove:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.event-editor div.view input[type=button].select-colors {
  color: var(--calendar-js-light-color);
  background-color: var(--calendar-js-tertiary-button-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-tertiary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.event-editor div.view input[type=button].select-colors:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.event-editor div.view input[type=button].select-colors:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.event-editor div.view input[type=button].repeat-options {
  color: var(--calendar-js-light-color);
  background-color: var(--calendar-js-tertiary-button-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-tertiary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.event-editor div.view input[type=button].repeat-options:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.event-editor div.view input[type=button].repeat-options:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.event-editor div.view input[type=button].add-update, div.event-editor div.view input[type=button].cancel, div.event-editor div.view input[type=button].remove {
  width: 100%;
  max-width: 110px;
  display: inline-block;
  margin-left: var(--calendar-js-spacing);
}
div.event-editor div.view input[type=button].remove {
  margin-left: 0;
  float: left;
}
div.event-editor div.view input[type=button].select-colors, div.event-editor div.view input[type=button].repeat-options {
  width: 50px;
}
div.event-editor div.view input[type=button].repeat-options {
  position: absolute;
  margin: 0 !important;
  bottom: 0;
  right: 0;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Dialog - Event Editor - Select Colors
    -------------------------------------------------------------------------
*/
div.event-editor-colors {
  width: calc(100% - var(--calendar-js-spacing) * 2);
  max-width: 300px;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: fixed;
  display: none;
  box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  z-index: 1500;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
div.event-editor-colors div.ib-close {
  float: right;
}
div.event-editor-colors div.title-bar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  padding: var(--calendar-js-spacing);
  text-align: center;
  font-weight: var(--calendar-js-title-bar-font-weight);
}
div.event-editor-colors div.contents {
  padding: var(--calendar-js-spacing);
}
div.event-editor-colors div.contents div.section {
  animation: fade-in-effect ease 0.5s;
  -webkit-animation: fade-in-effect ease 0.5s;
  -moz-animation: fade-in-effect ease 0.5s;
  -o-animation: fade-in-effect ease 0.5s;
  -ms-animation: fade-in-effect ease 0.5s;
  background-color: var(--calendar-js-day-names-color);
  padding: var(--calendar-js-spacing);
  margin-top: 0 !important;
  margin-left: var(--calendar-js-input-checkbox-size-with-spacing);
  border-radius: var(--calendar-js-border-radius);
  border: var(--calendar-js-spacing-border-size) solid #D0D0D0;
  margin-left: 0;
  margin-bottom: var(--calendar-js-spacing);
}
div.event-editor-colors div.contents div.section p {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  margin: 0;
  margin-bottom: 8px;
}
div.event-editor-colors input[type=color],
div.event-editor-colors input[type=text] {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  border-radius: var(--calendar-js-border-radius);
  outline: none;
  width: 100%;
  padding: 0.375rem 0.75rem;
  line-height: 21px;
  color: var(--calendar-js-dark-color);
  margin-bottom: var(--calendar-js-spacing);
  background-color: var(--calendar-js-input-background-color);
  transition: var(--calendar-js-transition);
  box-sizing: border-box;
  max-height: 35px;
  height: 40px;
}
div.event-editor-colors input[type=color]:last-child,
div.event-editor-colors input[type=text]:last-child {
  margin-bottom: 0;
}
div.event-editor-colors input[type=color]:focus,
div.event-editor-colors input[type=text]:focus {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
  box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
}
div.event-editor-colors input[type=color]:not(:disabled):hover,
div.event-editor-colors input[type=text]:not(:disabled):hover {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
}
div.event-editor-colors div.buttons-container {
  margin-top: calc(var(--calendar-js-spacing) * 2);
  text-align: right;
}
div.event-editor-colors input[type=button] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0.255rem 0.55rem;
  line-height: 1.8;
  border-radius: var(--calendar-js-border-radius);
  outline: 0;
  cursor: pointer;
}
div.event-editor-colors input[type=button]:disabled {
  background-color: var(--calendar-js-input-border-color) !important;
  border-color: var(--calendar-js-input-border-color) !important;
  cursor: default !important;
  color: var(--calendar-js-light-color) !important;
}
div.event-editor-colors input[type=button].update {
  color: var(--calendar-js-light-color);
  background-color: var(--calendar-js-primary-button-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.event-editor-colors input[type=button].update:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.event-editor-colors input[type=button].update:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.event-editor-colors input[type=button].cancel {
  color: var(--calendar-js-secondary-button-color);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.event-editor-colors input[type=button].cancel:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.event-editor-colors input[type=button].cancel:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.event-editor-colors input[type=button].update, div.event-editor-colors input[type=button].cancel {
  width: 100%;
  max-width: 110px;
  display: inline-block;
  margin-left: var(--calendar-js-spacing);
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Dialog - Event Editor - Repeat Options
    -------------------------------------------------------------------------
*/
div.event-editor-repeat-options {
  width: calc(100% - var(--calendar-js-spacing) * 2);
  max-width: 300px;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: fixed;
  display: none;
  box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  z-index: 1500;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
div.event-editor-repeat-options div.ib-close {
  float: right;
}
div.event-editor-repeat-options div.title-bar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  padding: var(--calendar-js-spacing);
  text-align: center;
  font-weight: var(--calendar-js-title-bar-font-weight);
}
div.event-editor-repeat-options div.contents {
  padding: var(--calendar-js-spacing);
}
div.event-editor-repeat-options div.contents div.section {
  animation: fade-in-effect ease 0.5s;
  -webkit-animation: fade-in-effect ease 0.5s;
  -moz-animation: fade-in-effect ease 0.5s;
  -o-animation: fade-in-effect ease 0.5s;
  -ms-animation: fade-in-effect ease 0.5s;
  background-color: var(--calendar-js-day-names-color);
  padding: var(--calendar-js-spacing);
  margin-top: 0 !important;
  margin-left: var(--calendar-js-input-checkbox-size-with-spacing);
  border-radius: var(--calendar-js-border-radius);
  border: var(--calendar-js-spacing-border-size) solid #D0D0D0;
  margin-left: 0;
  margin-bottom: var(--calendar-js-spacing);
}
div.event-editor-repeat-options div.contents div.section p {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 8px;
}
div.event-editor-repeat-options div.contents div.section p:first-child {
  margin-top: 0;
}
div.event-editor-repeat-options input:not([type=button]),
div.event-editor-repeat-options textarea {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  border-radius: var(--calendar-js-border-radius);
  outline: none;
  width: 100%;
  padding: 0.375rem 0.75rem;
  line-height: 21px;
  color: var(--calendar-js-dark-color);
  margin-bottom: var(--calendar-js-spacing);
  background-color: var(--calendar-js-input-background-color);
  transition: var(--calendar-js-transition);
  box-sizing: border-box;
  max-height: 35px;
}
div.event-editor-repeat-options input:not([type=button]):last-child,
div.event-editor-repeat-options textarea:last-child {
  margin-bottom: 0;
}
div.event-editor-repeat-options input:not([type=button]):focus,
div.event-editor-repeat-options textarea:focus {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
  box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
}
div.event-editor-repeat-options input:not([type=button]):not(:disabled):hover,
div.event-editor-repeat-options textarea:not(:disabled):hover {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
}
div.event-editor-repeat-options input[type=date] {
  margin-bottom: 0 !important;
}
div.event-editor-repeat-options label.checkbox {
  margin-bottom: calc(var(--calendar-js-spacing) / 2) !important;
}
div.event-editor-repeat-options div.buttons-container {
  text-align: right;
  margin-top: calc(var(--calendar-js-spacing) * 2);
}
div.event-editor-repeat-options input[type=button] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0.255rem 0.55rem;
  line-height: 1.8;
  border-radius: var(--calendar-js-border-radius);
  outline: 0;
  cursor: pointer;
}
div.event-editor-repeat-options input[type=button]:disabled {
  background-color: var(--calendar-js-input-border-color) !important;
  border-color: var(--calendar-js-input-border-color) !important;
  cursor: default !important;
  color: var(--calendar-js-light-color) !important;
}
div.event-editor-repeat-options input[type=button].update {
  color: var(--calendar-js-light-color);
  background-color: var(--calendar-js-primary-button-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.event-editor-repeat-options input[type=button].update:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.event-editor-repeat-options input[type=button].update:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.event-editor-repeat-options input[type=button].cancel {
  color: var(--calendar-js-secondary-button-color);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.event-editor-repeat-options input[type=button].cancel:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.event-editor-repeat-options input[type=button].cancel:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.event-editor-repeat-options input[type=button].update, div.event-editor-repeat-options input[type=button].cancel {
  width: 100%;
  max-width: 110px;
  display: inline-block;
  margin-left: var(--calendar-js-spacing);
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Dialog - Message
    -------------------------------------------------------------------------
*/
div.message {
  width: calc(100% - var(--calendar-js-spacing) * 2);
  max-width: 330px;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: fixed;
  display: none;
  box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  z-index: 1500;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
div.message div.ib-close {
  float: right;
}
div.message div.title-bar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  padding: var(--calendar-js-spacing);
  text-align: center;
  font-weight: var(--calendar-js-title-bar-font-weight);
}
div.message div.contents {
  padding: var(--calendar-js-spacing);
}
div.message div.contents div.text {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  margin-bottom: var(--calendar-js-spacing);
}
div.message label.checkbox {
  margin-bottom: 0 !important;
}
div.message div.buttons-container {
  text-align: right;
  margin-top: calc(var(--calendar-js-spacing) * 2);
}
div.message input[type=button] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0.255rem 0.55rem;
  line-height: 1.8;
  border-radius: var(--calendar-js-border-radius);
  outline: 0;
  cursor: pointer;
}
div.message input[type=button]:disabled {
  background-color: var(--calendar-js-input-border-color) !important;
  border-color: var(--calendar-js-input-border-color) !important;
  cursor: default !important;
  color: var(--calendar-js-light-color) !important;
}
div.message input[type=button].yes-ok {
  color: var(--calendar-js-light-color);
  background-color: var(--calendar-js-primary-button-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.message input[type=button].yes-ok:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.message input[type=button].yes-ok:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.message input[type=button].no {
  color: var(--calendar-js-secondary-button-color);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.message input[type=button].no:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.message input[type=button].no:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.message input[type=button].yes-ok, div.message input[type=button].no {
  min-width: 110px;
  display: inline-block;
  margin-left: var(--calendar-js-spacing);
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Dialog - Export Events
    -------------------------------------------------------------------------
*/
div.export-events {
  width: calc(100% - var(--calendar-js-spacing) * 2);
  max-width: 300px;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: fixed;
  display: none;
  box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  z-index: 1500;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
div.export-events div.ib-close {
  float: right;
}
div.export-events div.title-bar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  padding: var(--calendar-js-spacing);
  text-align: center;
  font-weight: var(--calendar-js-title-bar-font-weight);
}
div.export-events div.contents {
  padding: var(--calendar-js-spacing);
}
div.export-events div.contents input[type=text] {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  border-radius: var(--calendar-js-border-radius);
  outline: none;
  width: 100%;
  padding: 0.375rem 0.75rem;
  line-height: 21px;
  color: var(--calendar-js-dark-color);
  margin-bottom: var(--calendar-js-spacing);
  background-color: var(--calendar-js-input-background-color);
  transition: var(--calendar-js-transition);
  box-sizing: border-box;
  max-height: 35px;
  height: 40px;
}
div.export-events div.contents input[type=text]:last-child {
  margin-bottom: 0;
}
div.export-events div.contents input[type=text]:focus {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
  box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
}
div.export-events div.contents input[type=text]:not(:disabled):hover {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
}
div.export-events div.contents input:disabled {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: var(--calendar-js-light-color);
  color: var(--calendar-js-input-border-color);
}
div.export-events div.contents div.options {
  animation: fade-in-effect ease 0.5s;
  -webkit-animation: fade-in-effect ease 0.5s;
  -moz-animation: fade-in-effect ease 0.5s;
  -o-animation: fade-in-effect ease 0.5s;
  -ms-animation: fade-in-effect ease 0.5s;
  background-color: var(--calendar-js-day-names-color);
  padding: var(--calendar-js-spacing);
  margin-top: 0 !important;
  margin-left: var(--calendar-js-input-checkbox-size-with-spacing);
  border-radius: var(--calendar-js-border-radius);
  border: var(--calendar-js-spacing-border-size) solid #D0D0D0;
}
div.export-events div.contents div.options div.split {
  margin-top: 0;
}
div.export-events div.split input,
div.export-events div.split select,
div.export-events div.split div.split-contents,
div.export-events div.split p {
  width: calc(50% - var(--calendar-js-spacing) / 2);
  margin-right: calc(var(--calendar-js-spacing) / 2);
  margin-left: calc(var(--calendar-js-spacing) / 2);
  display: inline-block;
  vertical-align: top;
}
div.export-events div.split input:first-child,
div.export-events div.split select:first-child,
div.export-events div.split div.split-contents:first-child,
div.export-events div.split p:first-child {
  margin-left: 0;
}
div.export-events div.split input:last-child,
div.export-events div.split select:last-child,
div.export-events div.split div.split-contents:last-child,
div.export-events div.split p:last-child {
  margin-right: 0;
}
div.export-events div.split-margin {
  margin-left: 25px;
}
div.export-events div.buttons-container {
  text-align: right;
  margin-top: calc(var(--calendar-js-spacing) * 2);
}
div.export-events input[type=button] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0.255rem 0.55rem;
  line-height: 1.8;
  border-radius: var(--calendar-js-border-radius);
  outline: 0;
  cursor: pointer;
}
div.export-events input[type=button]:disabled {
  background-color: var(--calendar-js-input-border-color) !important;
  border-color: var(--calendar-js-input-border-color) !important;
  cursor: default !important;
  color: var(--calendar-js-light-color) !important;
}
div.export-events input[type=button].export {
  color: var(--calendar-js-light-color);
  background-color: var(--calendar-js-primary-button-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.export-events input[type=button].export:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.export-events input[type=button].export:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.export-events input[type=button].cancel {
  color: var(--calendar-js-secondary-button-color);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.export-events input[type=button].cancel:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.export-events input[type=button].cancel:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.export-events input[type=button].export, div.export-events input[type=button].cancel {
  width: 100%;
  max-width: 110px;
  display: inline-block;
  margin-left: var(--calendar-js-spacing);
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Dialog - Search
    -------------------------------------------------------------------------
*/
div.search {
  width: calc(100% - var(--calendar-js-spacing) * 2);
  max-width: 310px;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: fixed;
  display: none;
  box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  z-index: 999;
}
div.search div.ib-close {
  float: right;
}
div.search div.title-bar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  padding: var(--calendar-js-spacing);
  text-align: center;
  font-weight: var(--calendar-js-title-bar-font-weight);
}
div.search div.contents {
  padding: var(--calendar-js-spacing);
}
div.search div.contents div.history-container {
  position: relative;
  margin-bottom: var(--calendar-js-spacing);
  overflow-y: visible;
}
div.search div.contents div.history-container div.ib-arrow-down-full,
div.search div.contents div.history-container div.ib-arrow-up-full {
  position: absolute;
  right: var(--calendar-js-spacing);
  top: var(--calendar-js-spacing);
}
div.search div.contents div.history-container input {
  margin-bottom: 0 !important;
  padding-right: calc(16px + var(--calendar-js-spacing) * 2);
}
div.search div.contents div.history-container div.history-dropdown {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  border-radius: var(--calendar-js-border-radius);
  outline: none;
  background-color: var(--calendar-js-input-background-color);
  position: absolute;
  width: calc(100% - 2px);
  max-height: 200px;
  z-index: 2000;
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
  box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: calc(var(--calendar-js-input-box-shadow-size) * 2);
}
div.search div.contents div.history-container div.history-dropdown div.history-dropdown-item {
  padding: var(--calendar-js-spacing);
  border-bottom: 1px dotted var(--calendar-js-input-border-color);
  transition: var(--calendar-js-transition);
}
div.search div.contents div.history-container div.history-dropdown div.history-dropdown-item span.search-search {
  font-weight: 900 !important;
}
div.search div.contents div.history-container div.history-dropdown div.history-dropdown-item:last-child {
  border-bottom: none;
}
div.search div.contents div.history-container div.history-dropdown div.history-dropdown-item:hover {
  background-color: var(--calendar-js-day-names-color);
  cursor: pointer;
}
div.search div.contents div.history-container div.history-dropdown div.history-dropdown-item:active {
  cursor: pointer;
  opacity: 0.4;
}
div.search div.contents p {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  margin: 0;
  margin-bottom: 8px;
}
div.search div.contents div.advanced {
  animation: fade-in-effect ease 0.5s;
  -webkit-animation: fade-in-effect ease 0.5s;
  -moz-animation: fade-in-effect ease 0.5s;
  -o-animation: fade-in-effect ease 0.5s;
  -ms-animation: fade-in-effect ease 0.5s;
  background-color: var(--calendar-js-day-names-color);
  padding: var(--calendar-js-spacing);
  margin-top: 10px !important;
  margin-left: var(--calendar-js-input-checkbox-size-with-spacing);
  border-radius: var(--calendar-js-border-radius);
  border: var(--calendar-js-spacing-border-size) solid #D0D0D0;
}
div.search div.contents div.advanced div.split {
  margin-top: 0 !important;
}
div.search div.contents div.advanced div.split div.checkbox-container label.checkbox {
  margin-left: var(--calendar-js-spacing);
}
div.search div.contents div.advanced div.split div.radio-buttons-container label.radio-button {
  margin-left: var(--calendar-js-spacing);
}
div.search input[type=text] {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  border-radius: var(--calendar-js-border-radius);
  outline: none;
  width: 100%;
  padding: 0.375rem 0.75rem;
  line-height: 21px;
  color: var(--calendar-js-dark-color);
  margin-bottom: var(--calendar-js-spacing);
  background-color: var(--calendar-js-input-background-color);
  transition: var(--calendar-js-transition);
  box-sizing: border-box;
  max-height: 35px;
}
div.search input[type=text]:last-child {
  margin-bottom: 0;
}
div.search input[type=text]:focus {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
  box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
}
div.search input[type=text]:not(:disabled):hover {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
}
div.search div.split input,
div.search div.split select,
div.search div.split div.split-contents,
div.search div.split p {
  width: calc(50% - var(--calendar-js-spacing) / 2);
  margin-right: calc(var(--calendar-js-spacing) / 2);
  margin-left: calc(var(--calendar-js-spacing) / 2);
  display: inline-block;
  vertical-align: top;
}
div.search div.split input:first-child,
div.search div.split select:first-child,
div.search div.split div.split-contents:first-child,
div.search div.split p:first-child {
  margin-left: 0;
}
div.search div.split input:last-child,
div.search div.split select:last-child,
div.search div.split div.split-contents:last-child,
div.search div.split p:last-child {
  margin-right: 0;
}
div.search div.split-margin {
  margin-left: 25px;
}
div.search div.buttons-container {
  text-align: right;
  margin-top: calc(var(--calendar-js-spacing) * 2);
}
div.search input[type=button] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0.255rem 0.55rem;
  line-height: 1.8;
  border-radius: var(--calendar-js-border-radius);
  outline: 0;
  cursor: pointer;
}
div.search input[type=button]:disabled {
  background-color: var(--calendar-js-input-border-color) !important;
  border-color: var(--calendar-js-input-border-color) !important;
  cursor: default !important;
  color: var(--calendar-js-light-color) !important;
}
div.search input[type=button].next {
  color: var(--calendar-js-light-color);
  background-color: var(--calendar-js-primary-button-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.search input[type=button].next:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.search input[type=button].next:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.search input[type=button].previous {
  color: var(--calendar-js-secondary-button-color);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.search input[type=button].previous:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.search input[type=button].previous:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.search input[type=button].next, div.search input[type=button].previous {
  width: 100%;
  max-width: 110px;
  display: inline-block;
  margin-left: var(--calendar-js-spacing);
}
div.search div.ib-minus,
div.search div.ib-square-hollow {
  float: right;
}
div.search div.ib-minus,
div.search div.ib-square-hollow {
  margin-right: var(--calendar-js-spacing);
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Dialog - Configuration
    -------------------------------------------------------------------------
*/
div.configuration {
  width: calc(100% - var(--calendar-js-spacing) * 2);
  max-width: 400px;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: fixed;
  display: none;
  box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  z-index: 1500;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
div.configuration div.ib-close {
  float: right;
}
div.configuration div.title-bar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  padding: var(--calendar-js-spacing);
  text-align: center;
  font-weight: var(--calendar-js-title-bar-font-weight);
}
div.configuration div.contents {
  padding: var(--calendar-js-spacing);
}
div.configuration div.contents p {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  margin: 0;
  margin-bottom: 8px;
}
div.configuration div.contents input[type=text],
div.configuration div.contents input[type=email] {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  border-radius: var(--calendar-js-border-radius);
  outline: none;
  width: 100%;
  padding: 0.375rem 0.75rem;
  line-height: 21px;
  color: var(--calendar-js-dark-color);
  margin-bottom: var(--calendar-js-spacing);
  background-color: var(--calendar-js-input-background-color);
  transition: var(--calendar-js-transition);
  box-sizing: border-box;
  max-height: 35px;
}
div.configuration div.contents input[type=text]:last-child,
div.configuration div.contents input[type=email]:last-child {
  margin-bottom: 0;
}
div.configuration div.contents input[type=text]:focus,
div.configuration div.contents input[type=email]:focus {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
  box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
}
div.configuration div.contents input[type=text]:not(:disabled):hover,
div.configuration div.contents input[type=email]:not(:disabled):hover {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
}
div.configuration div.contents div.tab-content {
  height: 135px;
}
div.configuration div.buttons-container {
  text-align: right;
  margin-top: calc(var(--calendar-js-spacing) * 2);
}
div.configuration input[type=button] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0.255rem 0.55rem;
  line-height: 1.8;
  border-radius: var(--calendar-js-border-radius);
  outline: 0;
  cursor: pointer;
}
div.configuration input[type=button]:disabled {
  background-color: var(--calendar-js-input-border-color) !important;
  border-color: var(--calendar-js-input-border-color) !important;
  cursor: default !important;
  color: var(--calendar-js-light-color) !important;
}
div.configuration input[type=button].update {
  color: var(--calendar-js-light-color);
  background-color: var(--calendar-js-primary-button-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.configuration input[type=button].update:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.configuration input[type=button].update:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.configuration input[type=button].cancel {
  color: var(--calendar-js-secondary-button-color);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.configuration input[type=button].cancel:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.configuration input[type=button].cancel:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.configuration input[type=button].update, div.configuration input[type=button].cancel {
  width: 100%;
  max-width: 110px;
  display: inline-block;
  margin-left: var(--calendar-js-spacing);
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Dialog - Jump To Date
    -------------------------------------------------------------------------
*/
div.jump-to-date {
  width: calc(100% - var(--calendar-js-spacing) * 2);
  max-width: 300px;
  border-radius: var(--calendar-js-border-radius);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  position: fixed;
  display: none;
  box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  z-index: 1500;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
div.jump-to-date div.ib-close {
  float: right;
}
div.jump-to-date div.title-bar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-title-bar-text-color);
  padding: var(--calendar-js-spacing);
  text-align: center;
  font-weight: var(--calendar-js-title-bar-font-weight);
}
div.jump-to-date div.contents {
  padding: var(--calendar-js-spacing);
}
div.jump-to-date div.contents input[type=date] {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  border-radius: var(--calendar-js-border-radius);
  outline: none;
  width: 100%;
  padding: 0.375rem 0.75rem;
  line-height: 21px;
  color: var(--calendar-js-dark-color);
  margin-bottom: var(--calendar-js-spacing);
  background-color: var(--calendar-js-input-background-color);
  transition: var(--calendar-js-transition);
  box-sizing: border-box;
  max-height: 35px;
  height: 40px;
}
div.jump-to-date div.contents input[type=date]:last-child {
  margin-bottom: 0;
}
div.jump-to-date div.contents input[type=date]:focus {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
  box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
}
div.jump-to-date div.contents input[type=date]:not(:disabled):hover {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
}
div.jump-to-date div.contents input:disabled {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  background-color: var(--calendar-js-light-color);
  color: var(--calendar-js-input-border-color);
}
div.jump-to-date div.split input,
div.jump-to-date div.split select,
div.jump-to-date div.split div.split-contents,
div.jump-to-date div.split p {
  width: calc(50% - var(--calendar-js-spacing) / 2);
  margin-right: calc(var(--calendar-js-spacing) / 2);
  margin-left: calc(var(--calendar-js-spacing) / 2);
  display: inline-block;
  vertical-align: top;
}
div.jump-to-date div.split input:first-child,
div.jump-to-date div.split select:first-child,
div.jump-to-date div.split div.split-contents:first-child,
div.jump-to-date div.split p:first-child {
  margin-left: 0;
}
div.jump-to-date div.split input:last-child,
div.jump-to-date div.split select:last-child,
div.jump-to-date div.split div.split-contents:last-child,
div.jump-to-date div.split p:last-child {
  margin-right: 0;
}
div.jump-to-date div.split-margin {
  margin-left: 25px;
}
div.jump-to-date div.buttons-container {
  text-align: right;
  margin-top: calc(var(--calendar-js-spacing) * 2);
}
div.jump-to-date input[type=button] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0.255rem 0.55rem;
  line-height: 1.8;
  border-radius: var(--calendar-js-border-radius);
  outline: 0;
  cursor: pointer;
}
div.jump-to-date input[type=button]:disabled {
  background-color: var(--calendar-js-input-border-color) !important;
  border-color: var(--calendar-js-input-border-color) !important;
  cursor: default !important;
  color: var(--calendar-js-light-color) !important;
}
div.jump-to-date input[type=button].go {
  color: var(--calendar-js-light-color);
  background-color: var(--calendar-js-primary-button-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.jump-to-date input[type=button].go:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.jump-to-date input[type=button].go:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.jump-to-date input[type=button].cancel {
  color: var(--calendar-js-secondary-button-color);
  background-color: var(--calendar-js-light-color);
  border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
  box-sizing: border-box;
  transition: var(--calendar-js-transition);
}
div.jump-to-date input[type=button].cancel:not(:disabled):hover {
  cursor: pointer;
  opacity: 0.6;
}
div.jump-to-date input[type=button].cancel:not(:disabled):active {
  cursor: pointer;
  opacity: 0.4;
}
div.jump-to-date input[type=button].go, div.jump-to-date input[type=button].cancel {
  width: 100%;
  max-width: 110px;
  display: inline-block;
  margin-left: var(--calendar-js-spacing);
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Tabs
    -------------------------------------------------------------------------
*/
div.calendar-dialog div.tab {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  padding: var(--calendar-js-spacing);
  border-top-left-radius: var(--calendar-js-border-radius);
  border-top-right-radius: var(--calendar-js-border-radius);
  border-bottom: none !important;
  text-align: center;
  display: inline-block;
  margin-left: calc(var(--calendar-js-spacing) / 2);
  vertical-align: bottom;
}
div.calendar-dialog div.tab-control-selected {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-light-color);
  padding: calc(var(--calendar-js-spacing) + var(--calendar-js-spacing) / 4);
}
div.calendar-dialog div.tab-control {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  transition: var(--calendar-js-transition);
}
div.calendar-dialog div.tab-control:hover {
  cursor: pointer;
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-light-color);
}
div.calendar-dialog div.tab-control:active {
  cursor: pointer;
  opacity: 0.7;
}
div.calendar-dialog div.tab-control,
div.calendar-dialog div.tab-content {
  background-color: #FAFAFA;
  color: var(--calendar-js-dark-color);
}
div.calendar-dialog div.tab-content {
  animation: fade-in-effect ease 0.5s;
  -webkit-animation: fade-in-effect ease 0.5s;
  -moz-animation: fade-in-effect ease 0.5s;
  -o-animation: fade-in-effect ease 0.5s;
  -ms-animation: fade-in-effect ease 0.5s;
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  border-radius: var(--calendar-js-border-radius);
  padding: var(--calendar-js-spacing);
  overflow-x: hidden;
  overflow-y: auto;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - CheckBox
    -------------------------------------------------------------------------
*/
div.calendar div.checkbox-container label.checkbox,
div.calendar-dialog div.checkbox-container label.checkbox,
div.calendar div.side-menu div.checkbox-container label.checkbox {
  margin-bottom: calc(var(--calendar-js-spacing) / 2) !important;
}
div.calendar div.checkbox-container div:last-child label.checkbox,
div.calendar-dialog div.checkbox-container div:last-child label.checkbox,
div.calendar div.side-menu div.checkbox-container div:last-child label.checkbox {
  margin-bottom: 0 !important;
}
div.calendar label.checkbox-tabbed-in,
div.calendar-dialog label.checkbox-tabbed-in,
div.calendar div.side-menu label.checkbox-tabbed-in {
  margin-left: var(--calendar-js-input-checkbox-size-with-spacing);
}
div.calendar label.checkbox-tabbed-down,
div.calendar-dialog label.checkbox-tabbed-down,
div.calendar div.side-menu label.checkbox-tabbed-down {
  margin-top: 5px;
}
div.calendar label.checkbox,
div.calendar-dialog label.checkbox,
div.calendar div.side-menu label.checkbox {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  display: inline-block;
  position: relative;
  padding-left: var(--calendar-js-input-checkbox-size-with-spacing);
  padding-top: 1px;
  margin-bottom: var(--calendar-js-spacing);
  color: var(--calendar-js-dark-color);
}
div.calendar label.checkbox input,
div.calendar-dialog label.checkbox input,
div.calendar div.side-menu label.checkbox input {
  display: none !important;
}
div.calendar label.checkbox input:checked ~ span.check-mark,
div.calendar-dialog label.checkbox input:checked ~ span.check-mark,
div.calendar div.side-menu label.checkbox input:checked ~ span.check-mark {
  background-color: var(--calendar-js-dark-color);
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
}
div.calendar label.checkbox input:checked ~ span.check-mark::before,
div.calendar-dialog label.checkbox input:checked ~ span.check-mark::before,
div.calendar div.side-menu label.checkbox input:checked ~ span.check-mark::before {
  display: block;
}
div.calendar label.checkbox input:disabled ~ span.check-mark, div.calendar label.checkbox input:disabled ~ span.text,
div.calendar-dialog label.checkbox input:disabled ~ span.check-mark,
div.calendar-dialog label.checkbox input:disabled ~ span.text,
div.calendar div.side-menu label.checkbox input:disabled ~ span.check-mark,
div.calendar div.side-menu label.checkbox input:disabled ~ span.text {
  opacity: 0.5;
}
div.calendar label.checkbox input:disabled ~ span.check-mark,
div.calendar-dialog label.checkbox input:disabled ~ span.check-mark,
div.calendar div.side-menu label.checkbox input:disabled ~ span.check-mark {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
}
div.calendar label.checkbox span.check-mark,
div.calendar-dialog label.checkbox span.check-mark,
div.calendar div.side-menu label.checkbox span.check-mark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: var(--calendar-js-input-background-color);
  border-radius: var(--calendar-js-border-radius);
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  transition: var(--calendar-js-transition);
}
div.calendar label.checkbox span.check-mark::before,
div.calendar-dialog label.checkbox span.check-mark::before,
div.calendar div.side-menu label.checkbox span.check-mark::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: absolute;
  display: none;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 7px;
  border: solid var(--calendar-js-light-color);
  border-width: 0 3px 3px 0;
}
div.calendar label.checkbox:hover span.check-mark,
div.calendar-dialog label.checkbox:hover span.check-mark,
div.calendar div.side-menu label.checkbox:hover span.check-mark {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Radio Button
    -------------------------------------------------------------------------
*/
div.calendar p.text-header,
div.calendar-dialog p.text-header {
  font-weight: 700 !important;
}
div.calendar div.radio-buttons-container,
div.calendar-dialog div.radio-buttons-container {
  position: relative;
}
div.calendar div.radio-button-container,
div.calendar-dialog div.radio-button-container {
  margin-bottom: calc(var(--calendar-js-spacing) / 2);
}
div.calendar div.radio-button-container label.radio-button,
div.calendar-dialog div.radio-button-container label.radio-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  padding-top: 1px;
  color: var(--calendar-js-dark-color);
}
div.calendar div.radio-button-container label.radio-button input,
div.calendar-dialog div.radio-button-container label.radio-button input {
  display: none !important;
}
div.calendar div.radio-button-container label.radio-button input:checked ~ span.check-mark,
div.calendar-dialog div.radio-button-container label.radio-button input:checked ~ span.check-mark {
  background-color: var(--calendar-js-dark-color) !important;
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
}
div.calendar div.radio-button-container label.radio-button input:checked ~ span.check-mark::before,
div.calendar-dialog div.radio-button-container label.radio-button input:checked ~ span.check-mark::before {
  display: block;
}
div.calendar div.radio-button-container label.radio-button input:disabled ~ span.check-mark, div.calendar div.radio-button-container label.radio-button input:disabled ~ span.text,
div.calendar-dialog div.radio-button-container label.radio-button input:disabled ~ span.check-mark,
div.calendar-dialog div.radio-button-container label.radio-button input:disabled ~ span.text {
  opacity: 0.5;
}
div.calendar div.radio-button-container label.radio-button input:disabled ~ span.check-mark,
div.calendar-dialog div.radio-button-container label.radio-button input:disabled ~ span.check-mark {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
}
div.calendar div.radio-button-container label.radio-button span.check-mark,
div.calendar-dialog div.radio-button-container label.radio-button span.check-mark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: var(--calendar-js-input-background-color);
  border-radius: 50%;
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
  transition: var(--calendar-js-transition);
}
div.calendar div.radio-button-container label.radio-button span.check-mark::before,
div.calendar-dialog div.radio-button-container label.radio-button span.check-mark::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: absolute;
  display: none;
  left: 4px;
  top: 4px;
  width: 7px;
  height: 7px;
  background-color: var(--calendar-js-light-color);
  border-radius: 50%;
}
div.calendar div.radio-button-container label.radio-button:hover span.check-mark,
div.calendar-dialog div.radio-button-container label.radio-button:hover span.check-mark {
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
}
div.calendar div.radio-button-container:last-child,
div.calendar-dialog div.radio-button-container:last-child {
  margin-bottom: 0;
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Tooltip
    -------------------------------------------------------------------------
*/
div.calendar-tooltip,
div.calendar-tooltip-event {
  animation: fade-in-effect ease 1s;
  -webkit-animation: fade-in-effect ease 1s;
  -moz-animation: fade-in-effect ease 1s;
  -o-animation: fade-in-effect ease 1s;
  -ms-animation: fade-in-effect ease 1s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  position: absolute;
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  border-radius: var(--calendar-js-border-radius);
  background-color: rgb(240, 237, 199);
  color: var(--calendar-js-dark-color);
  padding: var(--calendar-js-spacing);
  display: none;
  z-index: 2000;
}

div.calendar-tooltip {
  font-size: smaller !important;
  white-space: nowrap;
  overflow: hidden;
}

div.calendar-tooltip-event {
  width: 100%;
  max-width: 300px;
}
div.calendar-tooltip-event div {
  margin-bottom: calc(var(--calendar-js-spacing) / 2);
}
div.calendar-tooltip-event div:last-child {
  margin-bottom: 0;
}
div.calendar-tooltip-event div.title {
  font-weight: 900;
  width: calc(100% - 24px - var(--calendar-js-spacing));
}
div.calendar-tooltip-event div.date,
div.calendar-tooltip-event div.duration,
div.calendar-tooltip-event div.description,
div.calendar-tooltip-event div.location,
div.calendar-tooltip-event div.repeats,
div.calendar-tooltip-event div.url {
  font-size: smaller;
}
div.calendar-tooltip-event div.url {
  color: blue;
  display: inline-block;
}
div.calendar-tooltip-event div.url:hover {
  cursor: pointer;
  text-decoration: underline;
}
div.calendar-tooltip-event div.ib-refresh-medium {
  margin-right: calc(var(--calendar-js-spacing) / 2);
}
div.calendar-tooltip-event div.title-buttons {
  position: absolute !important;
  right: var(--calendar-js-spacing);
  top: var(--calendar-js-spacing);
}
div.calendar-tooltip-event div.title-buttons div.ib-close,
div.calendar-tooltip-event div.title-buttons div.ib-edit {
  margin-left: calc(var(--calendar-js-spacing) / 2);
  float: right;
}
div.calendar-tooltip-event div.title-buttons div.ib-close::before, div.calendar-tooltip-event div.title-buttons div.ib-close::after,
div.calendar-tooltip-event div.title-buttons div.ib-edit::before,
div.calendar-tooltip-event div.title-buttons div.ib-edit::after {
  background-color: var(--calendar-js-dark-color);
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Context Menu
    -------------------------------------------------------------------------
*/
div.calendar-context-menu {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  animation: fade-in-effect ease 0.5s;
  -webkit-animation: fade-in-effect ease 0.5s;
  -moz-animation: fade-in-effect ease 0.5s;
  -o-animation: fade-in-effect ease 0.5s;
  -ms-animation: fade-in-effect ease 0.5s;
  background-color: var(--calendar-js-drop-down-menu-background-color);
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  border-left: var(--calendar-js-spacing-border-left-size) solid var(--calendar-js-dark-color);
  color: var(--calendar-js-dark-color);
  box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  border-radius: var(--calendar-js-border-radius);
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  display: none;
  cursor: pointer !important;
  z-index: 1000;
}
div.calendar-context-menu div.menu-text {
  display: inline-block;
}
div.calendar-context-menu div.bold {
  font-weight: 900;
}
div.calendar-context-menu div.ib-plus-icon,
div.calendar-context-menu div.ib-arrow-expand-left-right-icon,
div.calendar-context-menu div.ib-hamburger-side-icon,
div.calendar-context-menu div.ib-close-icon,
div.calendar-context-menu div.ib-arrow-top-right-icon,
div.calendar-context-menu div.ib-circle-hollow-icon,
div.calendar-context-menu div.ib-circle-icon,
div.calendar-context-menu div.ib-minus-icon,
div.calendar-context-menu div.ib-octagon-hollow-icon,
div.calendar-context-menu div.ib-pipe-icon,
div.calendar-context-menu div.ib-equals-icon,
div.calendar-context-menu div.ib-rhombus-hollow-icon,
div.calendar-context-menu div.ib-arrow-down-full-line-icon,
div.calendar-context-menu div.ib-arrow-up-full-line-share-icon,
div.calendar-context-menu div.ib-edit-icon {
  margin-right: var(--calendar-js-spacing);
}
div.calendar-context-menu div.item {
  padding: calc(var(--calendar-js-spacing) - var(--calendar-js-spacing) / 5);
  padding-right: calc(var(--calendar-js-spacing) * 3);
  transition: var(--calendar-js-transition);
}
div.calendar-context-menu div.item:hover {
  background-color: var(--calendar-js-dark-color);
  color: var(--calendar-js-light-color);
}
div.calendar-context-menu div.item:hover div.ib-plus-icon::before, div.calendar-context-menu div.item:hover div.ib-plus-icon::after, div.calendar-context-menu div.item:hover div.ib-hamburger-side-icon::before, div.calendar-context-menu div.item:hover div.ib-close-icon::before, div.calendar-context-menu div.item:hover div.ib-close-icon::after, div.calendar-context-menu div.item:hover div.ib-circle-icon, div.calendar-context-menu div.item:hover div.ib-minus-icon::before, div.calendar-context-menu div.item:hover div.ib-pipe-icon::before, div.calendar-context-menu div.item:hover div.ib-equals-icon::before, div.calendar-context-menu div.item:hover div.ib-equals-icon::after, div.calendar-context-menu div.item:hover div.ib-arrow-down-full-line-icon::after, div.calendar-context-menu div.item:hover div.ib-arrow-up-full-line-share-icon::after, div.calendar-context-menu div.item:hover div.ib-edit-icon::before, div.calendar-context-menu div.item:hover div.ib-edit-icon::after {
  background-color: var(--calendar-js-light-color);
}
div.calendar-context-menu div.item:hover div.ib-hamburger-side-icon, div.calendar-context-menu div.item:hover div.ib-arrow-expand-left-right-icon::after, div.calendar-context-menu div.item:hover div.ib-arrow-expand-left-right-icon::before, div.calendar-context-menu div.item:hover div.ib-arrow-top-right-icon, div.calendar-context-menu div.item:hover div.ib-circle-hollow-icon, div.calendar-context-menu div.item:hover div.ib-octagon-hollow-icon::before, div.calendar-context-menu div.item:hover div.ib-octagon-hollow-icon::after, div.calendar-context-menu div.item:hover div.ib-rhombus-hollow-icon::before, div.calendar-context-menu div.item:hover div.ib-arrow-up-full-line-share-icon {
  border-color: var(--calendar-js-light-color);
}
div.calendar-context-menu div.item:hover div.ib-arrow-down-full-line-icon::before {
  border-top-color: var(--calendar-js-light-color);
}
div.calendar-context-menu div.item:hover div.ib-arrow-up-full-line-share-icon::before {
  border-bottom-color: var(--calendar-js-light-color);
}
div.calendar-context-menu div.item:active {
  cursor: pointer;
  opacity: 0.4;
}
div.calendar-context-menu div.separator {
  border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Custom Scroll Bar
    -------------------------------------------------------------------------
*/
.custom-scroll-bars::-webkit-scrollbar {
  width: 12px;
}
.custom-scroll-bars::-webkit-scrollbar-track {
  -webkit-box-shadow: var(--calendar-js-scroll-bar-border-style);
  box-shadow: var(--calendar-js-scroll-bar-border-style);
}
.custom-scroll-bars::-webkit-scrollbar-thumb {
  -webkit-box-shadow: var(--calendar-js-scroll-bar-border-style);
  box-shadow: var(--calendar-js-scroll-bar-border-style);
  background: var(--calendar-js-light-color);
}
.custom-scroll-bars::-webkit-scrollbar-thumb:hover {
  background-color: var(--calendar-js-drop-down-menu-background-color);
}
.custom-scroll-bars::-webkit-scrollbar-thumb:active {
  background-color: #C0C0C0;
}

.dark-thumb-scroll::-webkit-scrollbar-thumb {
  background: var(--calendar-js-dark-lighter-color);
}

/*
    -------------------------------------------------------------------------
    Calendar.js - Effects
    -------------------------------------------------------------------------
*/
@keyframes fade-in-effect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes focused-event-effect {
  0% {
    box-shadow: 0 0 0 0 var(--calendar-js-alert-color);
    box-shadow: 0 0 0 0 rgba(198, 0, 0, 0.5);
  }
  70% {
    box-shadow: 0 0 0 10px var(--calendar-js-alert-color);
    box-shadow: 0 0 0 10px rgba(198, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 var(--calendar-js-alert-color);
    box-shadow: 0 0 0 0 rgba(198, 0, 0, 0);
  }
}
/*
    -------------------------------------------------------------------------
    Calendar.js - Buttons
    -------------------------------------------------------------------------
*/
.ib-arrow-left-full {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 16px solid var(--calendar-js-title-bar-button-color);
}
.ib-arrow-left-full:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-left-full:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}

.ib-pin {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  height: 12px;
  border-top: 4px solid var(--calendar-js-title-bar-button-color);
  border-radius: 50%;
}
.ib-pin:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-pin:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-pin::before, .ib-pin::after {
  position: absolute;
  content: "";
}
.ib-pin::before {
  left: 50%;
  transform: translate(-50%);
  background-color: var(--calendar-js-title-bar-button-color);
  width: 4px;
  height: 6px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  top: 0;
}
.ib-pin::after {
  left: 50%;
  transform: translate(-50%);
  background-color: var(--calendar-js-title-bar-button-color);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  bottom: 0;
}

.ib-refresh {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-refresh:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-refresh:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-refresh::before, .ib-refresh::after {
  position: absolute;
  content: "";
}
.ib-refresh::before {
  border-top: 4px solid var(--calendar-js-title-bar-button-color);
  border-left: 4px solid var(--calendar-js-title-bar-button-color);
  border-radius: 4px;
  width: 6.6666666667px;
  height: 12px;
  left: 0;
  top: 0;
}
.ib-refresh::after {
  border-bottom: 4px solid var(--calendar-js-title-bar-button-color);
  border-right: 4px solid var(--calendar-js-title-bar-button-color);
  border-radius: 4px;
  width: 6.6666666667px;
  height: 12px;
  right: 0;
  top: 0;
}

.ib-search {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-search:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-search:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-search::before, .ib-search::after {
  position: absolute;
  content: "";
}
.ib-search::before {
  border: 4px solid var(--calendar-js-title-bar-button-color);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  left: 0;
  top: 0;
}
.ib-search::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 4px;
  height: 8px;
  background-color: var(--calendar-js-title-bar-button-color);
  right: 2.6666666667px;
  bottom: 0.6666666667px;
}

.ib-hamburger {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  border-top: 4px solid var(--calendar-js-title-bar-button-color);
  border-bottom: 4px solid var(--calendar-js-title-bar-button-color);
  border-radius: 4px;
  height: 8px;
}
.ib-hamburger:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-hamburger:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-hamburger::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--calendar-js-title-bar-button-color);
  width: 100%;
  height: 4px;
  border-radius: 4px;
  left: 0;
}

.ib-hamburger-side {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  border-left: 4px solid var(--calendar-js-title-bar-button-color);
  border-right: 4px solid var(--calendar-js-title-bar-button-color);
  border-radius: 4px;
  width: 8px;
}
.ib-hamburger-side:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-hamburger-side:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-hamburger-side::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translate(-50%);
  background-color: var(--calendar-js-title-bar-button-color);
  width: 4px;
  height: 100%;
  border-radius: 4px;
  top: 0;
}

.ib-eye {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  border-top: 4px solid var(--calendar-js-title-bar-button-color);
  border-bottom: 4px solid var(--calendar-js-title-bar-button-color);
  border-radius: 50%;
  height: 8px;
}
.ib-eye:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-eye:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-eye::before {
  position: absolute;
  content: "";
  left: calc(50% - 2px);
  transform: translate(-50%);
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--calendar-js-title-bar-button-color);
  width: 4px;
  height: 4px;
  border-radius: 50%;
}

.ib-arrow-down-full-line {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-arrow-down-full-line:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-down-full-line:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-arrow-down-full-line::before, .ib-arrow-down-full-line::after {
  position: absolute;
  content: "";
}
.ib-arrow-down-full-line::before {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--calendar-js-title-bar-button-color);
  left: 0;
  bottom: 0;
}
.ib-arrow-down-full-line::after {
  left: 50%;
  transform: translate(-50%);
  width: 8px;
  height: 8px;
  background-color: var(--calendar-js-title-bar-button-color);
  top: 0;
}

.ib-plus {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-plus:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-plus:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-plus::before, .ib-plus::after {
  position: absolute;
  content: "";
}
.ib-plus::before {
  left: 50%;
  transform: translate(-50%);
  background-color: var(--calendar-js-title-bar-button-color);
  width: 4px;
  height: 100%;
  border-radius: 4px;
  top: 0;
}
.ib-plus::after {
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--calendar-js-title-bar-button-color);
  width: 100%;
  height: 4px;
  border-radius: 4px;
  left: 0;
}

.ib-arrow-right-full {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 16px solid var(--calendar-js-title-bar-button-color);
}
.ib-arrow-right-full:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-right-full:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}

.ib-minus {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-minus:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-minus:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-minus::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--calendar-js-title-bar-button-color);
  width: 100%;
  height: 4px;
  border-radius: 4px;
  left: 0;
}

.ib-square-hollow {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  border: 4px solid var(--calendar-js-title-bar-button-color);
  border-radius: 4px;
  width: 8px;
  height: 8px;
}
.ib-square-hollow:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-square-hollow:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}

.ib-close {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-close:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-close:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-close::before, .ib-close::after {
  position: absolute;
  content: "";
}
.ib-close::before, .ib-close::after {
  width: 4px;
  height: 18px;
  background-color: var(--calendar-js-title-bar-button-color);
  border-radius: 4px;
  left: 6px;
  top: -1px;
}
.ib-close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ib-close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ib-arrow-expand-left-right {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-arrow-expand-left-right:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-expand-left-right:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-arrow-expand-left-right::before, .ib-arrow-expand-left-right::after {
  position: absolute;
  content: "";
}
.ib-arrow-expand-left-right::before {
  border-left: 4px solid var(--calendar-js-title-bar-button-color);
  border-bottom: 4px solid var(--calendar-js-title-bar-button-color);
  width: 8px;
  height: 8px;
  bottom: 0;
  left: 0;
}
.ib-arrow-expand-left-right::after {
  border-right: 4px solid var(--calendar-js-title-bar-button-color);
  border-top: 4px solid var(--calendar-js-title-bar-button-color);
  width: 8px;
  height: 8px;
  top: 0;
  right: 0;
}

.ib-arrow-contract-left-right {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-arrow-contract-left-right:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-contract-left-right:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-arrow-contract-left-right::before, .ib-arrow-contract-left-right::after {
  position: absolute;
  content: "";
}
.ib-arrow-contract-left-right::before {
  border-right: 4px solid var(--calendar-js-title-bar-button-color);
  border-top: 4px solid var(--calendar-js-title-bar-button-color);
  width: 4px;
  height: 4px;
  bottom: 0;
  left: 0;
}
.ib-arrow-contract-left-right::after {
  border-left: 4px solid var(--calendar-js-title-bar-button-color);
  border-bottom: 4px solid var(--calendar-js-title-bar-button-color);
  width: 4px;
  height: 4px;
  top: 0;
  right: 0;
}

.ib-octagon-hollow {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-octagon-hollow:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-octagon-hollow:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-octagon-hollow::before, .ib-octagon-hollow::after {
  position: absolute;
  content: "";
}
.ib-octagon-hollow::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: 4px solid var(--calendar-js-title-bar-button-color);
  width: 4px;
  height: 4px;
  left: 2px;
  top: 2px;
}
.ib-octagon-hollow::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  border: 4px solid var(--calendar-js-title-bar-button-color);
  width: 4px;
  height: 4px;
  left: 2px;
  top: 2px;
}

.ib-rewind {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-rewind:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-rewind:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-rewind::before, .ib-rewind::after {
  position: absolute;
  content: "";
}
.ib-rewind::before {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid var(--calendar-js-title-bar-button-color);
  left: 0;
  top: 0;
}
.ib-rewind::after {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid var(--calendar-js-title-bar-button-color);
  right: 0;
  top: 0;
}

.ib-forward {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-forward:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-forward:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-forward::before, .ib-forward::after {
  position: absolute;
  content: "";
}
.ib-forward::before {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--calendar-js-title-bar-button-color);
  right: 0;
  top: 0;
}
.ib-forward::after {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--calendar-js-title-bar-button-color);
  left: 0;
  top: 0;
}

.ib-arrow-down-full {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  width: 0;
  height: 0;
  border-top: 16px solid var(--calendar-js-dark-color);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.ib-arrow-down-full:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-down-full:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}

.ib-arrow-up-full {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 16px solid var(--calendar-js-dark-color);
}
.ib-arrow-up-full:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-up-full:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}

.ib-square {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  background-color: var(--calendar-js-title-bar-button-color);
  border-radius: 4px;
}
.ib-square:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-square:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}

.ib-arrow-up-full-line {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-arrow-up-full-line:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-up-full-line:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-arrow-up-full-line::before, .ib-arrow-up-full-line::after {
  position: absolute;
  content: "";
}
.ib-arrow-up-full-line:before {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--calendar-js-title-bar-button-color);
  left: 0;
  top: 0;
}
.ib-arrow-up-full-line:after {
  left: 50%;
  transform: translate(-50%);
  width: 8px;
  height: 8px;
  background-color: var(--calendar-js-title-bar-button-color);
  bottom: 0;
}

.ib-expand {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-expand:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-expand:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-expand::before, .ib-expand::after {
  position: absolute;
  content: "";
}
.ib-expand:before {
  border-left: 6px solid var(--calendar-js-title-bar-button-color);
  border-right: 6px solid var(--calendar-js-title-bar-button-color);
  width: 4px;
  height: 6px;
  border-radius: 4px;
  left: 0;
  top: 0;
}
.ib-expand:after {
  border-left: 6px solid var(--calendar-js-title-bar-button-color);
  border-right: 6px solid var(--calendar-js-title-bar-button-color);
  width: 4px;
  height: 6px;
  border-radius: 4px;
  left: 0;
  bottom: 0;
}

.ib-hourglass {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-hourglass:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-hourglass:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-hourglass::before, .ib-hourglass::after {
  position: absolute;
  content: "";
}
.ib-hourglass:before {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--calendar-js-title-bar-button-color);
  left: 0;
  bottom: 0;
}
.ib-hourglass:after {
  width: 0;
  height: 0;
  border-top: 8px solid var(--calendar-js-title-bar-button-color);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 0;
  top: 0;
}

.ib-bar-graph {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  border-top: 4px solid var(--calendar-js-title-bar-button-color);
  height: 12px;
}
.ib-bar-graph:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-bar-graph:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-bar-graph::before, .ib-bar-graph::after {
  position: absolute;
  content: "";
}
.ib-bar-graph:before {
  top: calc(50% - 2px);
  transform: translate(0, -50%);
  background-color: var(--calendar-js-light-color);
  height: 4px;
  width: 5.3333333333px;
  bottom: 0;
  left: 0;
}
.ib-bar-graph:after {
  background-color: var(--calendar-js-light-color);
  height: 4px;
  width: 8px;
  bottom: 0;
  left: 0;
}

.ib-edit {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  position: relative;
}
.ib-edit:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-edit:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-edit::before, .ib-edit::after {
  position: absolute;
  content: "";
}
.ib-edit::before {
  width: 4px;
  height: 12px;
  background-color: var(--calendar-js-title-bar-button-color);
  border-radius: 4px;
  left: 6px;
  top: -1px;
  -webkit-transform: rotate(41deg);
  -ms-transform: rotate(41deg);
  transform: rotate(41deg);
}
.ib-edit::after {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: var(--calendar-js-title-bar-button-color);
  border-radius: var(--calendar-js-border-radius);
  bottom: 2px;
  left: 0;
}

.ib-arrow-right-full-line {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-arrow-right-full-line:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-right-full-line:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-arrow-right-full-line::before, .ib-arrow-right-full-line::after {
  position: absolute;
  content: "";
}
.ib-arrow-right-full-line:before {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--calendar-js-title-bar-button-color);
  right: 0;
  top: 0;
}
.ib-arrow-right-full-line:after {
  top: 50%;
  transform: translate(0, -50%);
  width: 8px;
  height: 8px;
  background-color: var(--calendar-js-title-bar-button-color);
  left: 0;
}

.ib-plus-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
}
.ib-plus-icon::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translate(-50%);
  background-color: var(--calendar-js-menu-item-icon-color);
  width: 3px;
  height: 100%;
  border-radius: 3px;
  top: 0;
}
.ib-plus-icon::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--calendar-js-menu-item-icon-color);
  width: 100%;
  height: 3px;
  border-radius: 3px;
  left: 0;
}

.ib-hamburger-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  border-top: 3px solid var(--calendar-js-menu-item-icon-color);
  border-bottom: 3px solid var(--calendar-js-menu-item-icon-color);
  border-radius: 3px;
  height: 6px;
}
.ib-hamburger-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-hamburger-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-hamburger-icon::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--calendar-js-menu-item-icon-color);
  width: 100%;
  height: 3px;
  border-radius: 3px;
  left: 0;
}

.ib-hamburger-side-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  border-right: 3px solid var(--calendar-js-menu-item-icon-color);
  border-left: 3px solid var(--calendar-js-menu-item-icon-color);
  border-radius: 3px;
  width: 6px;
}
.ib-hamburger-side-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-hamburger-side-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-hamburger-side-icon::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translate(-50%);
  background-color: var(--calendar-js-menu-item-icon-color);
  width: 3px;
  height: 100%;
  border-radius: 3px;
  top: 0;
}

.ib-arrow-expand-left-right-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-arrow-expand-left-right-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-expand-left-right-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-arrow-expand-left-right-icon::before, .ib-arrow-expand-left-right-icon::after {
  position: absolute;
  content: "";
}
.ib-arrow-expand-left-right-icon::before {
  border-left: 3px solid var(--calendar-js-menu-item-icon-color);
  border-bottom: 3px solid var(--calendar-js-menu-item-icon-color);
  width: 6px;
  height: 6px;
  bottom: 0;
  left: 0;
}
.ib-arrow-expand-left-right-icon::after {
  border-right: 3px solid var(--calendar-js-menu-item-icon-color);
  border-top: 3px solid var(--calendar-js-menu-item-icon-color);
  width: 6px;
  height: 6px;
  top: 0;
  right: 0;
}

.ib-close-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-close-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-close-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-close-icon::before, .ib-close-icon::after {
  position: absolute;
  content: "";
}
.ib-close-icon::before, .ib-close-icon::after {
  width: 3px;
  height: 13.5px;
  background-color: var(--calendar-js-menu-item-icon-color);
  border-radius: 3px;
  left: 4.5px;
  top: -0.75px;
}
.ib-close-icon::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ib-close-icon::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ib-arrow-top-right-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  width: 9px;
  height: 9px;
  border-right: 3px solid var(--calendar-js-menu-item-icon-color);
  border-top: 3px solid var(--calendar-js-menu-item-icon-color);
  border-radius: 3px;
}
.ib-arrow-top-right-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-top-right-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}

.ib-circle-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  background-color: var(--calendar-js-menu-item-icon-color);
  border-radius: 50%;
}
.ib-circle-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-circle-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}

.ib-circle-hollow-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  border: 3px solid var(--calendar-js-menu-item-icon-color);
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.ib-circle-hollow-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-circle-hollow-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}

.ib-minus-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-minus-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-minus-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-minus-icon::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--calendar-js-menu-item-icon-color);
  width: 100%;
  height: 3px;
  border-radius: 3px;
  left: 0;
}

.ib-octagon-hollow-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-octagon-hollow-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-octagon-hollow-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-octagon-hollow-icon::before, .ib-octagon-hollow-icon::after {
  position: absolute;
  content: "";
}
.ib-octagon-hollow-icon::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: 3px solid var(--calendar-js-menu-item-icon-color);
  width: 3px;
  height: 3px;
  left: 1.5px;
  top: 1.5px;
}
.ib-octagon-hollow-icon::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  border: 3px solid var(--calendar-js-menu-item-icon-color);
  width: 3px;
  height: 3px;
  left: 1.5px;
  top: 1.5px;
}

.ib-pipe-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-pipe-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-pipe-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-pipe-icon::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translate(-50%);
  background-color: var(--calendar-js-menu-item-icon-color);
  width: 3px;
  height: 100%;
  border-radius: 3px;
  top: 0;
}

.ib-equals-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-equals-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-equals-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-equals-icon::before, .ib-equals-icon::after {
  position: absolute;
  content: "";
}
.ib-equals-icon:before {
  top: calc(50% - 3px);
  transform: translate(0, -50%);
  background-color: var(--calendar-js-menu-item-icon-color);
  width: 100%;
  height: 3px;
  border-radius: 3px;
  left: 0;
}
.ib-equals-icon:after {
  top: calc(50% + 3px);
  transform: translate(0, -50%);
  background-color: var(--calendar-js-menu-item-icon-color);
  width: 100%;
  height: 3px;
  border-radius: 3px;
  left: 0;
}

.ib-rhombus-hollow-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-rhombus-hollow-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-rhombus-hollow-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-rhombus-hollow-icon:before {
  position: absolute;
  content: "";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: 3px solid var(--calendar-js-menu-item-icon-color);
  border-radius: 3px;
  width: 3px;
  height: 3px;
  left: 1.5px;
  top: 1.5px;
}

.ib-arrow-down-full-line-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.ib-arrow-down-full-line-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-down-full-line-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-arrow-down-full-line-icon::before, .ib-arrow-down-full-line-icon::after {
  position: absolute;
  content: "";
}
.ib-arrow-down-full-line-icon::before {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--calendar-js-menu-item-icon-color);
  left: 0;
  bottom: 0;
}
.ib-arrow-down-full-line-icon::after {
  left: 50%;
  transform: translate(-50%);
  width: 6px;
  height: 6px;
  background-color: var(--calendar-js-menu-item-icon-color);
  top: 0;
}

.ib-arrow-up-full-line-share-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  width: 8px;
  height: 10px;
  border-bottom: 2px solid var(--calendar-js-menu-item-icon-color);
  border-left: 2px solid var(--calendar-js-menu-item-icon-color);
  border-right: 2px solid var(--calendar-js-menu-item-icon-color);
  border-radius: 3px;
}
.ib-arrow-up-full-line-share-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-up-full-line-share-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-arrow-up-full-line-share-icon::before, .ib-arrow-up-full-line-share-icon::after {
  position: absolute;
  content: "";
}
.ib-arrow-up-full-line-share-icon:before {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid var(--calendar-js-menu-item-icon-color);
  left: 0;
  top: 0;
}
.ib-arrow-up-full-line-share-icon:after {
  left: 50%;
  transform: translate(-50%);
  width: 4px;
  height: 4px;
  background-color: var(--calendar-js-menu-item-icon-color);
  bottom: 0;
}

.ib-edit-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  position: relative;
}
.ib-edit-icon:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-edit-icon:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-edit-icon::before, .ib-edit-icon::after {
  position: absolute;
  content: "";
}
.ib-edit-icon::before {
  width: 3px;
  height: 9px;
  background-color: var(--calendar-js-menu-item-icon-color);
  border-radius: 3px;
  left: 4.5px;
  top: -0.75px;
  -webkit-transform: rotate(41deg);
  -ms-transform: rotate(41deg);
  transform: rotate(41deg);
}
.ib-edit-icon::after {
  position: absolute;
  width: 3px;
  height: 3px;
  background-color: var(--calendar-js-menu-item-icon-color);
  border-radius: var(--calendar-js-border-radius);
  bottom: 1.5px;
  left: 0;
}

.ib-refresh-medium {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  border-color: var(--calendar-js-light-color);
}
.ib-refresh-medium:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-refresh-medium:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-refresh-medium::before, .ib-refresh-medium::after {
  position: absolute;
  content: "";
}
.ib-refresh-medium::before {
  border-top: 3px solid;
  border-left: 3px solid;
  border-radius: 3px;
  width: 5px;
  height: 9px;
  left: 0;
  top: 0;
}
.ib-refresh-medium::after {
  border-bottom: 3px solid;
  border-right: 3px solid;
  border-radius: 3px;
  width: 5px;
  height: 9px;
  right: 0;
  top: 0;
}

.ib-refresh-small {
  width: 8px;
  height: 8px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  border-color: var(--calendar-js-light-color);
}
.ib-refresh-small:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-refresh-small:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}
.ib-refresh-small::before, .ib-refresh-small::after {
  position: absolute;
  content: "";
}
.ib-refresh-small::before {
  border-top: 2px solid;
  border-left: 2px solid;
  border-radius: 2px;
  width: 3.3333333333px;
  height: 6px;
  left: 0;
  top: 0;
}
.ib-refresh-small::after {
  border-bottom: 2px solid;
  border-right: 2px solid;
  border-radius: 2px;
  width: 3.3333333333px;
  height: 6px;
  right: 0;
  top: 0;
}

.ib-arrow-down-full-medium {
  width: 10px;
  height: 10px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  width: 0;
  height: 0;
  border-top: 10px solid var(--calendar-js-dark-color);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.ib-arrow-down-full-medium:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-down-full-medium:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}

.ib-arrow-up-full-medium {
  width: 10px;
  height: 10px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid var(--calendar-js-light-color);
}
.ib-arrow-up-full-medium:not(.ib-no-hover):hover {
  cursor: pointer;
  opacity: 0.7;
}
.ib-arrow-up-full-medium:not(.ib-no-active):active {
  cursor: pointer;
  opacity: 0.5;
}/*# sourceMappingURL=calendar.js.css.map */


.main-header {
  display: contents !important;
}

.custab-design-urs-head .nav>li>a {
  position: relative;
  display: block;
  padding: 0px 0px !important;
  margin-right:20px !important;
}

.custab-design-urs-head .nav-pills>li.active>a {
  border:#03acec !important;
  border-radius: 5px;
  background-color: #03acec !important;
  color: white !important;
  border-bottom-width: 0px;
  padding: 4px 10px 4px 10px !important;
  margin: -1px;
}/*
 * Calendar.js Library v2.10.12
 *
 * Copyright 2024 Bunoon
 * Released under the MIT License
 */
:root {
    --calendar-js-default-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --calendar-js-title-bar-font-weight: 900;
    --calendar-js-large-font-size:14px;
    --calendar-js-small-font-size: 0.7rem;
    --calendar-js-dark-color:#3276b1 !important;
    --calendar-js-dark-lighter-color: #575555;
    --calendar-js-light-color: #F5F5F5;
    --calendar-js-day-date-picker-hover-color: #a7a7a7;
    --calendar-js-grid-border-color: #B0B0B0;
    --calendar-js-alert-color: #C60000;
    --calendar-js-event-color: #484848;
    --calendar-js-event-text-color: var(--calendar-js-light-color);
    --calendar-js-event-color-all-day: #1b3752;
    --calendar-js-event-text-color-all-day: var(--calendar-js-light-color);
    --calendar-js-day-names-color: #f5f5f5;
    --calendar-js-input-border-color: #A8A8A8;
    --calendar-js-input-background-color: #FFFFFF;
    --calendar-js-area-disabled-stripped: rgba( 40, 40, 40, 0.1 );
    --calendar-js-area-disabled-stripped-weekend-day: rgba( 40, 40, 40, 0.2 );
    --calendar-js-link-color: #2471A3;
    --calendar-js-input-hover-color: var(--calendar-js-dark-color);
    --calendar-js-primary-button-color: var(--calendar-js-dark-color);
    --calendar-js-secondary-button-color: var(--calendar-js-dark-color);
    --calendar-js-tertiary-button-color: #6c757d;
    --calendar-js-drop-down-menu-background-color: #DCDCDC;
    --calendar-js-title-bar-button-color: var(--calendar-js-light-color);
    --calendar-js-menu-item-icon-color: var(--calendar-js-dark-color);
    --calendar-js-title-bar-text-color: var(--calendar-js-light-color);
    --calendar-js-view-time-arrow-color: rgb(234, 67, 53);
    --calendar-js-transition: all .3s;
    --calendar-js-transition-faster: all .2s;
    --calendar-js-border-radius: 0.25rem;
    --calendar-js-spacing: 12px;
    --calendar-js-spacing-border-size: 0.5px;
    --calendar-js-spacing-border-left-size: calc( var(--calendar-js-spacing-border-size) * 12 );
    --calendar-js-spacing-border-size-button: var(--calendar-js-spacing-border-size);
    --calendar-js-spacing-shadow-size: 4px;
    --calendar-js-side-menu-width: 320px;
    --calendar-js-side-menu-width-small: 270px;
    --calendar-js-side-menu-right-border-width: calc( var(--calendar-js-spacing-border-size) * 12 );
    --calendar-js-time-view-hours-width: 70px;
    --calendar-js-time-view-hours-height: 25px;
    --calendar-js-time-view-arrow-line-height: 12px;
    --calendar-js-time-view-timeline-section-width: 180px;
    --calendar-js-time-view-timeline-section-width-small: 130px;
    --calendar-js-input-box-shadow-size: 2px;
    --calendar-js-input-checkbox-size-with-spacing: 25px;
    --calendar-js-event-left-border: 7px solid var(--calendar-js-dark-color);
    --calendar-js-event-expired-opacity: 0.7;
    --calendar-js-scroll-bar-border-style: inset 0 0 6px gray;
  }
  
  @media (prefers-color-scheme: dark) {
    :root {
      --calendar-js-dark-color: #3276b1;
      --calendar-js-input-hover-color: var(--calendar-js-dark-color);
      --calendar-js-primary-button-color: var(--calendar-js-dark-color);
      --calendar-js-secondary-button-color: var(--calendar-js-dark-color);
      --calendar-js-menu-item-icon-color: var(--calendar-js-dark-color);
    }
  }
  /*
      -------------------------------------------------------------------------
      Calendar.js - Containers
      -------------------------------------------------------------------------
  */
  div.calendar,
  div.calendar-tooltip,
  div.calendar-tooltip-event,
  div.calendar-context-menu,
  div.calendar-dialog,
  div.calendar-dialog input,
  div.calendar-dialog textarea,
  div.calendar-notification,
  div.calendar-widget {
    font-family: var(--calendar-js-default-font);
    color: var(--calendar-js-dark-color);
  }
  @media screen and (min-width: 451px) {
    div.calendar,
    div.calendar-tooltip,
    div.calendar-tooltip-event,
    div.calendar-context-menu,
    div.calendar-dialog,
    div.calendar-dialog input,
    div.calendar-dialog textarea,
    div.calendar-notification,
    div.calendar-widget {
      font-size: var(--calendar-js-large-font-size);
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar,
    div.calendar-tooltip,
    div.calendar-tooltip-event,
    div.calendar-context-menu,
    div.calendar-dialog,
    div.calendar-dialog input,
    div.calendar-dialog textarea,
    div.calendar-notification,
    div.calendar-widget {
      font-size: var(--calendar-js-small-font-size);
    }
  }
  div.calendar div.view-shown,
  div.calendar-tooltip div.view-shown,
  div.calendar-tooltip-event div.view-shown,
  div.calendar-context-menu div.view-shown,
  div.calendar-dialog div.view-shown,
  div.calendar-dialog input div.view-shown,
  div.calendar-dialog textarea div.view-shown,
  div.calendar-notification div.view-shown,
  div.calendar-widget div.view-shown {
    top: 0 !important;
    visibility: visible !important;
  }
  div.calendar span.light-title-bar-text,
  div.calendar-tooltip span.light-title-bar-text,
  div.calendar-tooltip-event span.light-title-bar-text,
  div.calendar-context-menu span.light-title-bar-text,
  div.calendar-dialog span.light-title-bar-text,
  div.calendar-dialog input span.light-title-bar-text,
  div.calendar-dialog textarea span.light-title-bar-text,
  div.calendar-notification span.light-title-bar-text,
  div.calendar-widget span.light-title-bar-text {
    font-weight: 300 !important;
  }
  div.calendar *,
  div.calendar-tooltip *,
  div.calendar-tooltip-event *,
  div.calendar-context-menu *,
  div.calendar-dialog *,
  div.calendar-dialog input *,
  div.calendar-dialog textarea *,
  div.calendar-notification *,
  div.calendar-widget * {
    box-sizing: content-box;
    line-height: normal;
  }
  div.calendar *::before, div.calendar *::after,
  div.calendar-tooltip *::before,
  div.calendar-tooltip *::after,
  div.calendar-tooltip-event *::before,
  div.calendar-tooltip-event *::after,
  div.calendar-context-menu *::before,
  div.calendar-context-menu *::after,
  div.calendar-dialog *::before,
  div.calendar-dialog *::after,
  div.calendar-dialog input *::before,
  div.calendar-dialog input *::after,
  div.calendar-dialog textarea *::before,
  div.calendar-dialog textarea *::after,
  div.calendar-notification *::before,
  div.calendar-notification *::after,
  div.calendar-widget *::before,
  div.calendar-widget *::after {
    box-sizing: content-box;
    line-height: normal;
  }
  
  div.disabled-background {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
    position: fixed;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.3);
  }
  
  div.disabled-area {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
    position: absolute;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
  }
  
  div.prevent-pointer-events,
  span.prevent-pointer-events {
    pointer-events: none;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Mode - Full-Screen
      -------------------------------------------------------------------------
  */
  div.full-screen-view {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 500;
    position: fixed !important;
    border-radius: 0 !important;
    border: none !important;
  }
  div.full-screen-view div.header-days {
    flex: none !important;
  }
  div.full-screen-view div.row-cells {
    flex: 1 1 auto;
  }
  div.full-screen-view div.plus-x-events {
    display: none !important;
  }
  div.full-screen-view div.full-month-view {
    display: flex;
    flex-flow: column;
    height: 100%;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Mode - Date-Picker
      -------------------------------------------------------------------------
  */
  div.calendar-date-picker {
    position: relative;
  }
  div.calendar-date-picker input.calendar-date-picker-input {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    border-radius: var(--calendar-js-border-radius);
    outline: none;
    width: auto;
    padding: 0.375rem 0.75rem;
    line-height: 21px;
    color: var(--calendar-js-dark-color);
    margin-bottom: 0 !important;
    background-color: var(--calendar-js-input-background-color);
    transition: var(--calendar-js-transition);
    box-sizing: border-box;
    max-height: 35px;
  }
  div.calendar-date-picker input.calendar-date-picker-input:last-child {
    margin-bottom: 0;
  }
  div.calendar-date-picker input.calendar-date-picker-input:focus {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
    box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
  }
  div.calendar-date-picker input.calendar-date-picker-input:not(:disabled):hover {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
  }
  div.calendar-date-picker div.calendar-hidden {
    display: none;
  }
  div.calendar-date-picker div.calendar-shown {
    animation: fade-in-effect ease 0.5s;
    -webkit-animation: fade-in-effect ease 0.5s;
    -moz-animation: fade-in-effect ease 0.5s;
    -o-animation: fade-in-effect ease 0.5s;
    -ms-animation: fade-in-effect ease 0.5s;
    display: block;
  }
  div.calendar-date-picker div.calendar-shadow-bottom {
    box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  }
  div.calendar-date-picker div.calendar-shadow-top {
    box-shadow: var(--calendar-js-spacing-shadow-size) calc(0px - var(--calendar-js-spacing-shadow-size)) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  }
  div.calendar-date-picker div.calendar {
    font-size: var(--calendar-js-small-font-size) !important;
    position: absolute;
    width: 100%;
    max-width: 330px;
    z-index: 1000;
    margin-top: var(--calendar-js-spacing-border-size);
    margin-left: -var(--calendar-js-spacing-border-size);
  }
  div.calendar-date-picker div.calendar div.full-month-view div.title-bar {
    font-size: var(--calendar-js-large-font-size) !important;
  }
  div.calendar-date-picker div.calendar div.full-month-view div.cell {
    padding: calc(var(--calendar-js-spacing) / 2) !important;
  }
  div.calendar-date-picker div.calendar div.full-month-view div.days div.cell-today {
    background-color: var(--calendar-js-dark-color) !important;
    color: var(--calendar-js-light-color) !important;
  }
  div.calendar-date-picker div.calendar div.full-month-view div.days div.cell-selected {
    background-color: var(--calendar-js-day-date-picker-hover-color) !important;
  }
  div.calendar-date-picker div.calendar div.full-month-view div.days div.cell {
    transition: var(--calendar-js-transition);
  }
  div.calendar-date-picker div.calendar div.full-month-view div.days div.cell:not(.cell-no-click):hover {
    cursor: pointer;
    background-color: var(--calendar-js-day-date-picker-hover-color);
  }
  div.calendar-date-picker div.calendar div.full-month-view div.days div.cell:not(.cell-no-click):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.calendar-date-picker div.calendar div.full-month-view div.ib-arrow-expand-left-right-icon {
    display: none !important;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Mode - Widget
      -------------------------------------------------------------------------
  */
  div.calendar-widget {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    border-radius: var(--calendar-js-border-radius);
    padding: var(--calendar-js-spacing);
    background-image: linear-gradient(var(--calendar-js-dark-color), var(--calendar-js-dark-lighter-color));
    color: var(--calendar-js-light-color);
    max-width: 400px !important;
    width: 100%;
  }
  div.calendar-widget div.day-name {
    font-weight: 900;
    margin-bottom: var(--calendar-js-spacing);
  }
  div.calendar-widget div.day-name div.right-divider-line {
    width: 1px;
    background-color: var(--calendar-js-title-bar-button-color);
    height: 16px;
  }
  div.calendar-widget div.day-name div.ib-arrow-left-full,
  div.calendar-widget div.day-name div.ib-arrow-right-full,
  div.calendar-widget div.day-name div.ib-plus,
  div.calendar-widget div.day-name div.ib-pin,
  div.calendar-widget div.day-name div.right-divider-line {
    float: right;
    margin-left: var(--calendar-js-spacing);
  }
  div.calendar-widget div.day-date {
    font-weight: 300;
    font-size: x-large;
    margin-bottom: calc(var(--calendar-js-spacing) * 2);
  }
  div.calendar-widget div.scroll-margin {
    padding-right: var(--calendar-js-spacing);
  }
  div.calendar-widget div.events {
    margin-top: var(--calendar-js-spacing);
    font-weight: 300;
    max-height: 400px;
    overflow-y: auto;
  }
  div.calendar-widget div.events div.expired {
    opacity: var(--calendar-js-event-expired-opacity);
  }
  div.calendar-widget div.events div.all-day {
    background-color: var(--calendar-js-event-color-all-day) !important;
    color: var(--calendar-js-event-text-color-all-day) !important;
  }
  div.calendar-widget div.events div.event {
    white-space: pre-line;
    -ms-word-break: normal;
    word-break: normal;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-event-color);
    padding: var(--calendar-js-spacing);
    color: var(--calendar-js-event-text-color);
    margin-bottom: var(--calendar-js-spacing);
    border-left: var(--calendar-js-event-left-border);
    text-align: left;
  }
  div.calendar-widget div.events div.event div {
    margin-bottom: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar-widget div.events div.event div:last-child {
    margin-bottom: 0;
  }
  div.calendar-widget div.events div.event div.title {
    font-weight: 900;
  }
  div.calendar-widget div.events div.event div.date,
  div.calendar-widget div.events div.event div.duration,
  div.calendar-widget div.events div.event div.description,
  div.calendar-widget div.events div.event div.location,
  div.calendar-widget div.events div.event div.repeats {
    font-size: smaller;
    font-weight: 300;
  }
  div.calendar-widget div.events div.event div.ib-refresh-medium {
    margin-right: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar-widget div.events div.event:last-child {
    margin-bottom: 0;
  }
  div.calendar-widget div.events:last-child {
    margin-bottom: 0;
  }
  div.calendar-widget div.events div.event {
    margin-bottom: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar-widget div.events div.event:last-of-type {
    margin-bottom: 0;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Notifications
      -------------------------------------------------------------------------
  */
  div.calendar-notification {
    animation: fade-in-effect ease 0.5s;
    -webkit-animation: fade-in-effect ease 0.5s;
    -moz-animation: fade-in-effect ease 0.5s;
    -o-animation: fade-in-effect ease 0.5s;
    -ms-animation: fade-in-effect ease 0.5s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    position: fixed;
    bottom: var(--calendar-js-spacing);
    right: var(--calendar-js-spacing);
    width: auto;
    height: auto;
    display: none;
    z-index: 2500;
  }
  div.calendar-notification div.ib-close-icon {
    margin-left: calc(var(--calendar-js-spacing) * 2);
  }
  div.calendar-notification div.ib-close-icon::before, div.calendar-notification div.ib-close-icon::after {
    background-color: #9A9;
  }
  div.calendar-notification div.success,
  div.calendar-notification div.error {
    padding: var(--calendar-js-spacing);
    border-radius: var(--calendar-js-border-radius);
  }
  div.calendar-notification div.success div.ib-close-icon,
  div.calendar-notification div.error div.ib-close-icon {
    margin-left: calc(var(--calendar-js-spacing) * 2);
  }
  div.calendar-notification div.success {
    background-color: #EFE;
    border: var(--calendar-js-spacing-border-size) solid #DED;
    color: #9A9;
    box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  }
  div.calendar-notification div.success div.ib-close-icon::before, div.calendar-notification div.success div.ib-close-icon::after {
    background-color: #9A9;
  }
  div.calendar-notification div.error {
    background-color: #FEE;
    border: var(--calendar-js-spacing-border-size) solid #EDD;
    color: #A66;
    box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
  }
  div.calendar-notification div.error div.ib-close-icon::before, div.calendar-notification div.error div.ib-close-icon::after {
    background-color: #A66;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Layout
      -------------------------------------------------------------------------
  */
  div.calendar {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    border-radius: var(--calendar-js-border-radius);
    overflow: hidden;
    width: 100%;
    min-width: 260px;
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: relative;
  }
  div.calendar sup {
    font-size: xx-small;
  }
  div.calendar p {
    margin-bottom: 0;
  }
  div.calendar div.focused-event {
    animation: focused-event-effect 2s infinite;
  }
  div.calendar div.selected-event {
    box-shadow: 0 0 1.5px 1.5px var(--calendar-js-alert-color);
  }
  div.calendar div.cut-event {
    opacity: 0.2 !important;
  }
  div.calendar div.copy-event {
    opacity: 0.5 !important;
  }
  div.calendar div.header-days {
    font-weight: 900 !important;
    background-color: var(--calendar-js-day-names-color) !important;
    color: var(--calendar-js-dark-color) !important;
    text-transform: uppercase;
  }
  div.calendar div.weekend-day {
    background-color: var(--calendar-js-day-names-color);
  }
  div.calendar div.working-day {
    background-color:#f5f5f5;
  }
  div.calendar div.drag-over {
    background-color: rgba(135, 206, 250, 0.4) !important;
    transition: var(--calendar-js-transition-faster);
  }
  div.calendar div.drag-not-allowed {
    background: repeating-linear-gradient(135deg, transparent, transparent var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped) var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped) calc(var(--calendar-js-spacing) * 2)), repeating-linear-gradient(45deg, var(--calendar-js-light-color), var(--calendar-js-light-color) var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped) var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped) calc(var(--calendar-js-spacing) * 2));
  }
  div.calendar div.drag-not-allowed div.ib-arrow-expand-left-right-icon {
    display: none !important;
  }
  div.calendar div.drag-not-allowed-weekend-day {
    background: repeating-linear-gradient(135deg, transparent, transparent var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped-weekend-day) var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped-weekend-day) calc(var(--calendar-js-spacing) * 2)), repeating-linear-gradient(45deg, var(--calendar-js-day-names-color), var(--calendar-js-day-names-color) var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped-weekend-day) var(--calendar-js-spacing), var(--calendar-js-area-disabled-stripped-weekend-day) calc(var(--calendar-js-spacing) * 2));
  }
  div.calendar div.drag-not-allowed-weekend-day div.ib-arrow-expand-left-right-icon {
    display: none !important;
  }
  div.calendar div.no-events-available-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    max-width: 300px;
  }
  div.calendar div.no-events-available-text p {
    margin-top: 0;
    margin-bottom: var(--calendar-js-spacing);
  }
  div.calendar span.link {
    text-decoration: underline !important;
    color: var(--calendar-js-link-color) !important;
    transition: var(--calendar-js-transition);
  }
  div.calendar span.link:hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.calendar span.link:active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.calendar div.row-cells {
    border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-weight: 500;
    background-color: var(--calendar-js-light-color);
    color: var(--calendar-js-dark-color);
    width: 100%;
  }
  div.calendar div.row-cells div.cell-1 {
    width: 100%;
  }
  div.calendar div.row-cells div.cell-2 {
    width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size)) / 2);
  }
  div.calendar div.row-cells div.cell-3 {
    width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size)) / 3);
  }
  div.calendar div.row-cells div.cell-4 {
    width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size)) / 4);
  }
  div.calendar div.row-cells div.cell-5 {
    width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size)) / 5);
  }
  div.calendar div.row-cells div.cell-6 {
    width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size)) / 6);
  }
  div.calendar div.row-cells div.cell-7 {
    width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size)) / 7);
  }
  div.calendar div.row-cells div.scrollY {
    overflow-y: auto !important;
  }
  div.calendar div.row-cells div.cell {
    display: inline-block;
    text-align: center;
    border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
    position: relative;
    overflow: hidden;
    color: var(--calendar-js-dark-color);
  }
  @media screen and (min-width: 451px) {
    div.calendar div.row-cells div.cell {
      padding: var(--calendar-js-spacing);
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.row-cells div.cell {
      padding: calc(var(--calendar-js-spacing) / 2);
    }
  }
  div.calendar div.row-cells div.cell div.separator,
  div.calendar div.row-cells div.cell div.dots-separator {
    height: 2px;
  }
  @media screen and (max-width: 450px) {
    div.calendar div.row-cells div.cell div.separator {
      display: none;
    }
  }
  div.calendar div.row-cells div.cell div.day-muted,
  div.calendar div.row-cells div.cell span.day-muted,
  div.calendar div.row-cells div.cell span.no-click {
    opacity: 0.3;
  }
  div.calendar div.row-cells div.cell span {
    display: inline-block;
    padding: 4px;
    padding-left: 0;
    padding-right: 0;
    border-radius: var(--calendar-js-border-radius);
  }
  div.calendar div.row-cells div.cell span.today, div.calendar div.row-cells div.cell span.first-day {
    padding-left: 7px;
    padding-right: 7px;
  }
  div.calendar div.row-cells div.cell span.today {
    background-color: var(--calendar-js-dark-color) !important;
    color: var(--calendar-js-light-color) !important;
  }
  div.calendar div.row-cells div.cell span.first-day {
    background-color: #C8C8C8;
    color: var(--calendar-js-dark-color);
  }
  div.calendar div.row-cells div.cell span.holiday, div.calendar div.row-cells div.cell span.holiday-link, div.calendar div.row-cells div.cell span.month-name, div.calendar div.row-cells div.cell span.blank {
    display: inline-block;
    font-size: xx-small;
  }
  div.calendar div.row-cells div.cell span.month-name:hover, div.calendar div.row-cells div.cell span.holiday-link:hover {
    text-decoration: underline;
    cursor: pointer;
  }
  div.calendar div.row-cells div.cell span.blank {
    padding: 0 !important;
  }
  @media screen and (max-width: 450px) {
    div.calendar div.row-cells div.cell span.holiday, div.calendar div.row-cells div.cell span.holiday-link {
      display: none;
    }
  }
  div.calendar div.row-cells div.cell:last-child {
    border-right: none;
  }
  div.calendar div.row-cells div.cell div.ib-arrow-expand-left-right-icon::before {
    border-left-color: var(--calendar-js-dark-color);
    border-bottom-color: var(--calendar-js-dark-color);
  }
  div.calendar div.row-cells div.cell div.ib-arrow-expand-left-right-icon::after {
    border-right-color: var(--calendar-js-dark-color);
    border-top-color: var(--calendar-js-dark-color);
  }
  @media screen and (min-width: 451px) {
    div.calendar div.row-cells div.cell:hover div.ib-arrow-expand-left-right-icon {
      display: block;
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.row-cells div.cell:hover div.ib-arrow-expand-left-right-icon {
      display: none;
    }
  }
  div.calendar div.row-cells:last-child {
    border-bottom: none;
  }
  div.calendar div.ib-arrow-expand-left-right-icon {
    animation: fade-in-effect ease 2s;
    -webkit-animation: fade-in-effect ease 2s;
    -moz-animation: fade-in-effect ease 2s;
    -o-animation: fade-in-effect ease 2s;
    -ms-animation: fade-in-effect ease 2s;
    position: absolute;
    right: 5px;
    top: 5px;
    display: none;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Layout - Pin-Up Mode
      -------------------------------------------------------------------------
  */
  div.calendar div.pin-up {
    position: relative;
    background-size: cover;
    height: 250px;
    background-color: var(--calendar-js-day-names-color);
    border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
  }
  div.calendar div.pin-up div.pin-up-text {
    position: absolute;
    color: var(--calendar-js-light-color);
    bottom: calc(var(--calendar-js-spacing) * 2);
    right: calc(var(--calendar-js-spacing) * 2);
    font-weight: 900;
    text-align: center;
    border-radius: var(--calendar-js-border-radius);
    background-color: rgba(59, 58, 59, 0.6);
    padding: calc(var(--calendar-js-spacing) * 2);
    transition: var(--calendar-js-transition);
  }
  div.calendar div.pin-up div.pin-up-text:hover {
    background-color: rgba(59, 58, 59, 0.8);
    cursor: pointer;
    opacity: 1;
  }
  div.calendar div.pin-up div.pin-up-text:active {
    cursor: pointer;
    opacity: 0.7;
  }
  div.calendar div.pin-up div.pin-up-text div.day {
    font-size: 40px;
  }
  div.calendar div.pin-up div.pin-up-text div.day sup {
    font-size: small;
  }
  div.calendar div.pin-up div.pin-up-text div.month {
    font-size: 20px;
  }
  div.calendar div.pin-up div.pin-up-text div.year {
    margin-top: 6px;
    font-size: 14px;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Layout - Side Menu
      -------------------------------------------------------------------------
  */
  div.calendar div.side-menu-disabled-background {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
    position: absolute;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
  }
  div.calendar div.side-menu {
    position: absolute;
    height: 100%;
    top: 0;
    color: var(--calendar-js-light-color) !important;
    z-index: 1500;
    transition: var(--calendar-js-transition);
    background-color: var(--calendar-js-dark-color);
    border-right: var(--calendar-js-side-menu-right-border-width) solid var(--calendar-js-light-color);
    border-radius: var(--calendar-js-border-radius);
    overflow-x: hidden;
    overflow-y: auto;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.side-menu {
      width: var(--calendar-js-side-menu-width);
      left: calc(0px - (var(--calendar-js-side-menu-width) + var(--calendar-js-side-menu-right-border-width)));
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.side-menu {
      width: var(--calendar-js-side-menu-width-small);
      left: calc(0px - (var(--calendar-js-side-menu-width-small) + var(--calendar-js-side-menu-right-border-width)));
    }
  }
  div.calendar div.side-menu div.main-header {
    font-weight: 700;
    height: auto;
    overflow: auto;
    position: sticky;
    top: 0;
    background-color: var(--calendar-js-dark-color);
    padding: var(--calendar-js-spacing);
    z-index: 1;
    color: var(--calendar-js-title-bar-text-color);
  }
  @media screen and (min-width: 451px) {
    div.calendar div.side-menu div.main-header {
      font-size: 1.2rem;
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.side-menu div.main-header {
      font-size: 1rem;
    }
  }
  div.calendar div.side-menu div.main-header p {
    float: left;
    margin: 0 !important;
  }
  div.calendar div.side-menu div.main-header div.right-divider-line {
    width: 1px;
    background-color: var(--calendar-js-title-bar-button-color);
    height: 16px;
  }
  div.calendar div.side-menu div.main-header div[class^=ib-],
  div.calendar div.side-menu div.main-header div.right-divider-line {
    margin-top: 3px;
    float: right;
    margin-left: var(--calendar-js-spacing);
  }
  div.calendar div.side-menu div.content {
    padding: var(--calendar-js-spacing);
    padding-top: 0;
  }
  div.calendar div.side-menu div.content div.content-section-opened {
    border-left: var(--calendar-js-spacing-border-left-size) solid #656363 !important;
  }
  div.calendar div.side-menu div.content div.content-section {
    margin-top: var(--calendar-js-spacing);
    border-radius: var(--calendar-js-border-radius);
    background-color: #474545;
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-lighter-color);
    transition: var(--calendar-js-transition);
  }
  div.calendar div.side-menu div.content div.content-section:first-of-type {
    margin-top: 0;
  }
  div.calendar div.side-menu div.content div.content-section div.text-header,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed {
    position: relative;
    padding: var(--calendar-js-spacing);
    margin-top: 0 !important;
    margin-bottom: 0;
    cursor: pointer;
  }
  div.calendar div.side-menu div.content div.content-section div.text-header div.right-divider-line,
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-down-full,
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-up-full,
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-square,
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-square-hollow,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.right-divider-line,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-down-full,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-up-full,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-square,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-square-hollow {
    float: right;
    margin-top: 1px;
    margin-right: var(--calendar-js-spacing);
  }
  div.calendar div.side-menu div.content div.content-section div.text-header div.right-divider-line:first-of-type,
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-down-full:first-of-type,
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-up-full:first-of-type,
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-square:first-of-type,
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-square-hollow:first-of-type,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.right-divider-line:first-of-type,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-down-full:first-of-type,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-up-full:first-of-type,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-square:first-of-type,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-square-hollow:first-of-type {
    margin-right: 0;
  }
  div.calendar div.side-menu div.content div.content-section div.text-header div.right-divider-line,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.right-divider-line {
    width: 1px;
    background-color: var(--calendar-js-title-bar-button-color);
    height: 16px;
  }
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-down-full,
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-up-full,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-down-full,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-up-full {
    pointer-events: none;
  }
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-down-full,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-down-full {
    border-top-color: var(--calendar-js-light-color);
  }
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-arrow-up-full,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-arrow-up-full {
    border-bottom-color: var(--calendar-js-light-color);
  }
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-square-hollow,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-square-hollow {
    border-color: var(--calendar-js-light-color);
  }
  div.calendar div.side-menu div.content div.content-section div.text-header div.ib-square,
  div.calendar div.side-menu div.content div.content-section div.text-header-closed div.ib-square {
    background-color: var(--calendar-js-light-color);
  }
  div.calendar div.side-menu div.content div.content-section div.text-header {
    font-weight: 700;
  }
  div.calendar div.side-menu div.content div.content-section div.checkbox-container {
    animation: fade-in-effect ease 0.5s;
    -webkit-animation: fade-in-effect ease 0.5s;
    -moz-animation: fade-in-effect ease 0.5s;
    -o-animation: fade-in-effect ease 0.5s;
    -ms-animation: fade-in-effect ease 0.5s;
    padding-left: var(--calendar-js-spacing);
    padding-right: var(--calendar-js-spacing);
    padding-bottom: var(--calendar-js-spacing);
  }
  div.calendar div.side-menu div.content div.content-section div.checkbox-container label.checkbox {
    margin-bottom: calc(var(--calendar-js-spacing) / 2);
    margin-left: var(--calendar-js-spacing);
    color: var(--calendar-js-light-color) !important;
  }
  div.calendar div.side-menu div.content div.content-section div.checkbox-container label.checkbox span.check-mark {
    background-color: var(--calendar-js-light-color) !important;
  }
  div.calendar div.side-menu div.content div.content-section div.checkbox-container label.checkbox span.check-mark::before {
    border-color: var(--calendar-js-dark-color) !important;
  }
  div.calendar div.side-menu-open {
    left: 0 !important;
    transition: var(--calendar-js-transition);
    box-shadow: 0 0 10px 10px var(--calendar-js-dark-color);
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Full Day View
      -------------------------------------------------------------------------
  */
  div.calendar div.full-day-view {
    top: -100%;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: var(--calendar-js-light-color);
    transition: var(--calendar-js-transition);
    visibility: hidden;
  }
  div.calendar div.full-day-view span.holiday {
    font-weight: 300 !important;
  }
  div.calendar div.full-day-view div.title-bar {
    width: calc(100% - var(--calendar-js-spacing));
    display: inline-block;
    padding-top: var(--calendar-js-spacing);
    padding-bottom: var(--calendar-js-spacing);
    padding-left: calc(var(--calendar-js-spacing) / 2);
    padding-right: calc(var(--calendar-js-spacing) / 2);
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    text-align: center;
  }
  div.calendar div.full-day-view div.title-bar div.left-divider-line,
  div.calendar div.full-day-view div.title-bar div.right-divider-line,
  div.calendar div.full-day-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-day-view div.title-bar div.right-divider-line-views {
    width: 1px;
    background-color: var(--calendar-js-title-bar-button-color);
    height: 16px;
  }
  div.calendar div.full-day-view div.title-bar div.left-divider-line {
    float: left;
  }
  div.calendar div.full-day-view div.title-bar div.right-divider-line,
  div.calendar div.full-day-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-day-view div.title-bar div.right-divider-line-views {
    float: right;
  }
  div.calendar div.full-day-view div.title-bar div.title {
    font-weight: 900 !important;
    display: inline-block;
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-day-view div.title-bar div.title {
      margin-top: 2px;
      max-width: 160px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  div.calendar div.full-day-view div.title-bar div {
    margin-left: calc(var(--calendar-js-spacing) / 2) !important;
    margin-right: calc(var(--calendar-js-spacing) / 2) !important;
  }
  div.calendar div.full-day-view div.title-bar div.ib-arrow-left-full,
  div.calendar div.full-day-view div.title-bar div.ib-pin,
  div.calendar div.full-day-view div.title-bar div.ib-refresh,
  div.calendar div.full-day-view div.title-bar div.ib-search,
  div.calendar div.full-day-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.full-day-view div.title-bar div.ib-hamburger,
  div.calendar div.full-day-view div.title-bar div.ib-arrow-right-full-line {
    float: left;
  }
  div.calendar div.full-day-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.full-day-view div.title-bar div.ib-plus,
  div.calendar div.full-day-view div.title-bar div.ib-close,
  div.calendar div.full-day-view div.title-bar div.ib-bar-graph,
  div.calendar div.full-day-view div.title-bar div.ib-arrow-right-full,
  div.calendar div.full-day-view div.title-bar div.ib-hourglass,
  div.calendar div.full-day-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-day-view div.title-bar div.ib-arrow-contract-left-right {
    float: right;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.full-day-view div.title-bar div.ib-arrow-down-full-line,
    div.calendar div.full-day-view div.title-bar div.ib-arrow-expand-left-right,
    div.calendar div.full-day-view div.title-bar div.ib-arrow-contract-left-right,
    div.calendar div.full-day-view div.title-bar div.ib-search,
    div.calendar div.full-day-view div.title-bar div.ib-refresh,
    div.calendar div.full-day-view div.title-bar div.ib-octagon-hollow,
    div.calendar div.full-day-view div.title-bar div.ib-bar-graph,
    div.calendar div.full-day-view div.title-bar div.ib-hourglass,
    div.calendar div.full-day-view div.title-bar div.right-divider-line-full-screen-mode,
    div.calendar div.full-day-view div.title-bar div.right-divider-line-views,
    div.calendar div.full-day-view div.title-bar div.ib-arrow-right-full-line {
      display: inline-block;
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-day-view div.title-bar div.ib-arrow-down-full-line,
    div.calendar div.full-day-view div.title-bar div.ib-arrow-expand-left-right,
    div.calendar div.full-day-view div.title-bar div.ib-arrow-contract-left-right,
    div.calendar div.full-day-view div.title-bar div.ib-search,
    div.calendar div.full-day-view div.title-bar div.ib-refresh,
    div.calendar div.full-day-view div.title-bar div.ib-octagon-hollow,
    div.calendar div.full-day-view div.title-bar div.ib-bar-graph,
    div.calendar div.full-day-view div.title-bar div.ib-hourglass,
    div.calendar div.full-day-view div.title-bar div.right-divider-line-full-screen-mode,
    div.calendar div.full-day-view div.title-bar div.right-divider-line-views,
    div.calendar div.full-day-view div.title-bar div.ib-arrow-right-full-line {
      display: none !important;
    }
  }
  div.calendar div.full-day-view div.contents {
    display: inline-block;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    padding: 0 !important;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.full-day-view div.contents {
      height: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-large-font-size)));
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-day-view div.contents {
      height: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-small-font-size)));
    }
  }
  div.calendar div.full-day-view div.contents div.content-events-all-day {
    position: relative;
    border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    overflow: hidden;
  }
  div.calendar div.full-day-view div.contents div.content-events-all-day div.all-day-text {
    width: var(--calendar-js-time-view-hours-width);
    padding: var(--calendar-js-spacing);
    background-color: var(--calendar-js-light-color);
    color: var(--calendar-js-dark-color);
    border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
  div.calendar div.full-day-view div.contents div.content-events-all-day div.event {
    position: static !important;
    margin-left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 3) !important;
    margin-top: var(--calendar-js-spacing);
    margin-bottom: var(--calendar-js-spacing);
  }
  div.calendar div.full-day-view div.contents div.expired {
    opacity: var(--calendar-js-event-expired-opacity);
  }
  div.calendar div.full-day-view div.contents div.all-day {
    background-color: var(--calendar-js-event-color-all-day) !important;
    color: var(--calendar-js-event-text-color-all-day) !important;
  }
  div.calendar div.full-day-view div.contents div.event {
    white-space: pre-line;
    -ms-word-break: normal;
    word-break: normal;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-event-color);
    padding: var(--calendar-js-spacing);
    color: var(--calendar-js-event-text-color);
    margin-bottom: var(--calendar-js-spacing);
    border-left: var(--calendar-js-event-left-border);
    text-align: left;
  }
  div.calendar div.full-day-view div.contents div.event div {
    margin-bottom: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.full-day-view div.contents div.event div:last-child {
    margin-bottom: 0;
  }
  div.calendar div.full-day-view div.contents div.event div.title {
    font-weight: 900;
  }
  div.calendar div.full-day-view div.contents div.event div.date,
  div.calendar div.full-day-view div.contents div.event div.duration,
  div.calendar div.full-day-view div.contents div.event div.description,
  div.calendar div.full-day-view div.contents div.event div.location,
  div.calendar div.full-day-view div.contents div.event div.repeats {
    font-size: smaller;
    font-weight: 300;
  }
  div.calendar div.full-day-view div.contents div.event div.ib-refresh-medium {
    margin-right: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.full-day-view div.contents div.event:last-child {
    margin-bottom: 0;
  }
  div.calendar div.full-day-view div.contents:last-child {
    margin-bottom: 0;
  }
  div.calendar div.full-day-view div.contents div.contents-events {
    position: relative;
  }
  div.calendar div.full-day-view div.contents div.contents-events div.resizable {
    resize: vertical;
  }
  div.calendar div.full-day-view div.contents div.contents-events div.time-arrow {
    position: absolute;
    width: calc(100% - var(--calendar-js-time-view-hours-width) - var(--calendar-js-spacing) * 2 - var(--calendar-js-spacing-border-size));
    left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size));
    top: 0;
    z-index: 10;
    height: var(--calendar-js-time-view-arrow-line-height);
    display: none;
    pointer-events: none;
  }
  div.calendar div.full-day-view div.contents div.contents-events div.time-arrow div.arrow-left {
    width: 0;
    height: 0;
    border-top: calc(var(--calendar-js-time-view-arrow-line-height) / 2) solid transparent;
    border-bottom: calc(var(--calendar-js-time-view-arrow-line-height) / 2) solid transparent;
    border-right: var(--calendar-js-time-view-arrow-line-height) solid var(--calendar-js-view-time-arrow-color);
  }
  div.calendar div.full-day-view div.contents div.contents-events div.time-arrow div.line {
    background-color: var(--calendar-js-view-time-arrow-color);
    position: absolute;
    left: var(--calendar-js-time-view-arrow-line-height);
    top: calc(var(--calendar-js-time-view-arrow-line-height) / 4);
    height: calc(var(--calendar-js-time-view-arrow-line-height) / 2);
    width: 100%;
  }
  div.calendar div.full-day-view div.contents div.contents-events div.hour {
    background-color: var(--calendar-js-light-color);
    border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: relative;
  }
  div.calendar div.full-day-view div.contents div.contents-events div.hour::before {
    border-bottom: var(--calendar-js-spacing-border-size) dashed var(--calendar-js-input-border-color);
    width: calc(100% - (var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2));
    height: calc(var(--calendar-js-time-view-hours-height) + var(--calendar-js-spacing) * 2 - var(--calendar-js-spacing-border-size));
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size));
  }
  div.calendar div.full-day-view div.contents div.contents-events div.hour div.hour-text {
    display: flex;
    align-items: center;
    width: var(--calendar-js-time-view-hours-width);
    height: var(--calendar-js-time-view-hours-height);
    padding: var(--calendar-js-spacing);
    background-color: var(--calendar-js-light-color);
    color: var(--calendar-js-dark-color);
    border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  }
  div.calendar div.full-day-view div.contents div.contents-events div.hour div.hour-text:nth-child(odd) {
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-light-color);
  }
  div.calendar div.full-day-view div.contents div.contents-events div.hour:nth-child(odd) {
    background-color: var(--calendar-js-day-names-color);
  }
  div.calendar div.full-day-view div.contents div.contents-events div.hour:last-child {
    border-bottom: none;
  }
  div.calendar div.full-day-view div.contents div.event {
    position: absolute;
    margin-left: 0;
    margin-right: 0;
    width: calc(100% - var(--calendar-js-time-view-hours-width) - var(--calendar-js-spacing) * 6 - var(--calendar-js-spacing) / 2);
    left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 3);
    overflow: hidden;
    z-index: 1;
  }
  div.calendar div.full-day-view div.contents div.working-hours {
    position: absolute;
    width: calc(100% - var(--calendar-js-time-view-hours-width) - var(--calendar-js-spacing) * 2);
    left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2);
    background-color: rgba(40, 40, 40, 0.4);
    display: none;
    pointer-events: none;
    z-index: 0;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Full Week View
      -------------------------------------------------------------------------
  */
  div.calendar div.full-week-view {
    top: -100%;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: var(--calendar-js-light-color);
    transition: var(--calendar-js-transition);
    visibility: hidden;
  }
  div.calendar div.full-week-view div.title-bar {
    width: calc(100% - var(--calendar-js-spacing));
    display: inline-block;
    padding-top: var(--calendar-js-spacing);
    padding-bottom: var(--calendar-js-spacing);
    padding-left: calc(var(--calendar-js-spacing) / 2);
    padding-right: calc(var(--calendar-js-spacing) / 2);
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    text-align: center;
  }
  div.calendar div.full-week-view div.title-bar div.left-divider-line,
  div.calendar div.full-week-view div.title-bar div.right-divider-line,
  div.calendar div.full-week-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-week-view div.title-bar div.right-divider-line-views {
    width: 1px;
    background-color: var(--calendar-js-title-bar-button-color);
    height: 16px;
  }
  div.calendar div.full-week-view div.title-bar div.left-divider-line {
    float: left;
  }
  div.calendar div.full-week-view div.title-bar div.right-divider-line,
  div.calendar div.full-week-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-week-view div.title-bar div.right-divider-line-views {
    float: right;
  }
  div.calendar div.full-week-view div.title-bar div.title {
    font-weight: 900 !important;
    display: inline-block;
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-week-view div.title-bar div.title {
      margin-top: 2px;
      max-width: 160px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  div.calendar div.full-week-view div.title-bar div {
    margin-left: calc(var(--calendar-js-spacing) / 2) !important;
    margin-right: calc(var(--calendar-js-spacing) / 2) !important;
  }
  div.calendar div.full-week-view div.title-bar div.ib-arrow-left-full,
  div.calendar div.full-week-view div.title-bar div.ib-pin,
  div.calendar div.full-week-view div.title-bar div.ib-refresh,
  div.calendar div.full-week-view div.title-bar div.ib-search,
  div.calendar div.full-week-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.full-week-view div.title-bar div.ib-hamburger,
  div.calendar div.full-week-view div.title-bar div.ib-arrow-right-full-line {
    float: left;
  }
  div.calendar div.full-week-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.full-week-view div.title-bar div.ib-plus,
  div.calendar div.full-week-view div.title-bar div.ib-close,
  div.calendar div.full-week-view div.title-bar div.ib-bar-graph,
  div.calendar div.full-week-view div.title-bar div.ib-arrow-right-full,
  div.calendar div.full-week-view div.title-bar div.ib-hourglass,
  div.calendar div.full-week-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-week-view div.title-bar div.ib-arrow-contract-left-right {
    float: right;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.full-week-view div.title-bar div.ib-arrow-down-full-line,
    div.calendar div.full-week-view div.title-bar div.ib-arrow-expand-left-right,
    div.calendar div.full-week-view div.title-bar div.ib-arrow-contract-left-right,
    div.calendar div.full-week-view div.title-bar div.ib-search,
    div.calendar div.full-week-view div.title-bar div.ib-refresh,
    div.calendar div.full-week-view div.title-bar div.ib-octagon-hollow,
    div.calendar div.full-week-view div.title-bar div.ib-bar-graph,
    div.calendar div.full-week-view div.title-bar div.ib-hourglass,
    div.calendar div.full-week-view div.title-bar div.right-divider-line-full-screen-mode,
    div.calendar div.full-week-view div.title-bar div.right-divider-line-views,
    div.calendar div.full-week-view div.title-bar div.ib-arrow-right-full-line {
      display: inline-block;
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-week-view div.title-bar div.ib-arrow-down-full-line,
    div.calendar div.full-week-view div.title-bar div.ib-arrow-expand-left-right,
    div.calendar div.full-week-view div.title-bar div.ib-arrow-contract-left-right,
    div.calendar div.full-week-view div.title-bar div.ib-search,
    div.calendar div.full-week-view div.title-bar div.ib-refresh,
    div.calendar div.full-week-view div.title-bar div.ib-octagon-hollow,
    div.calendar div.full-week-view div.title-bar div.ib-bar-graph,
    div.calendar div.full-week-view div.title-bar div.ib-hourglass,
    div.calendar div.full-week-view div.title-bar div.right-divider-line-full-screen-mode,
    div.calendar div.full-week-view div.title-bar div.right-divider-line-views,
    div.calendar div.full-week-view div.title-bar div.ib-arrow-right-full-line {
      display: none !important;
    }
  }
  div.calendar div.full-week-view div.contents {
    display: inline-block;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    padding: 0 !important;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.full-week-view div.contents {
      height: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-large-font-size)));
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-week-view div.contents {
      height: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-small-font-size)));
    }
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day {
    position: relative;
    border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    overflow: hidden;
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.all-day-text {
    width: var(--calendar-js-time-view-hours-width);
    padding: var(--calendar-js-spacing);
    background-color: var(--calendar-js-light-color);
    color: var(--calendar-js-dark-color);
    border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.event {
    position: static !important;
    margin-left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 3) !important;
    margin-top: var(--calendar-js-spacing);
    margin-bottom: var(--calendar-js-spacing);
  }
  div.calendar div.full-week-view div.contents div.header-days-container {
    position: sticky;
    top: 0;
    background-color: var(--calendar-js-dark-color);
    z-index: 100;
  }
  div.calendar div.full-week-view div.contents div.header-days-container div.header-days {
    width: calc(100% - var(--calendar-js-time-view-hours-width) - var(--calendar-js-spacing) * 2);
    background-color: blue;
    margin-left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size));
    border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
  }
  div.calendar div.full-week-view div.contents div.hours {
    position: relative;
  }
  div.calendar div.full-week-view div.contents div.hours div.hour {
    background-color: var(--calendar-js-light-color);
    border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: relative;
  }
  div.calendar div.full-week-view div.contents div.hours div.hour::before {
    border-bottom: var(--calendar-js-spacing-border-size) dashed var(--calendar-js-input-border-color);
    width: calc(100% - (var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2));
    height: calc(var(--calendar-js-time-view-hours-height) + var(--calendar-js-spacing) * 2 - var(--calendar-js-spacing-border-size));
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size));
  }
  div.calendar div.full-week-view div.contents div.hours div.hour div.hour-text {
    display: flex;
    align-items: center;
    width: var(--calendar-js-time-view-hours-width);
    height: var(--calendar-js-time-view-hours-height);
    padding: var(--calendar-js-spacing);
    background-color: var(--calendar-js-light-color);
    color: var(--calendar-js-dark-color);
    border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  }
  div.calendar div.full-week-view div.contents div.hours div.hour div.hour-text:nth-child(odd) {
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-light-color);
  }
  div.calendar div.full-week-view div.contents div.hours div.hour:nth-child(odd) {
    background-color: var(--calendar-js-day-names-color);
  }
  div.calendar div.full-week-view div.contents div.hours div.hour:last-child {
    border-bottom: none;
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days {
    height: 100% !important;
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.expired {
    opacity: var(--calendar-js-event-expired-opacity);
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.all-day {
    background-color: var(--calendar-js-event-color-all-day) !important;
    color: var(--calendar-js-event-text-color-all-day) !important;
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event {
    white-space: pre-line;
    -ms-word-break: normal;
    word-break: normal;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-event-color);
    padding: var(--calendar-js-spacing);
    color: var(--calendar-js-event-text-color);
    margin-bottom: var(--calendar-js-spacing);
    border-left: var(--calendar-js-event-left-border);
    text-align: left;
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div {
    margin-bottom: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div:last-child {
    margin-bottom: 0;
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.title {
    font-weight: 900;
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.date,
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.duration,
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.description,
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.location,
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.repeats {
    font-size: smaller;
    font-weight: 300;
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event div.ib-refresh-medium {
    margin-right: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event:last-child {
    margin-bottom: 0;
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell:last-child {
    margin-bottom: 0;
  }
  div.calendar div.full-week-view div.contents div.content-events-all-day div.days div.cell div.event {
    width: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size) * 5)) !important;
    margin-left: 0 !important;
  }
  div.calendar div.full-week-view div.contents div.days {
    position: absolute;
    width: calc(100% - var(--calendar-js-time-view-hours-width) - var(--calendar-js-spacing) * 2);
    height: 100%;
    top: 0;
    left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size));
    background-color: transparent;
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.time-arrow {
    position: absolute;
    width: calc(100% - var(--calendar-js-time-view-hours-width) - var(--calendar-js-spacing) * 2 - var(--calendar-js-spacing-border-size));
    left: calc(var(--calendar-js-time-view-hours-width) + var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size));
    top: 0;
    z-index: 10;
    height: var(--calendar-js-time-view-arrow-line-height);
    display: none;
    pointer-events: none;
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.time-arrow div.arrow-left {
    width: 0;
    height: 0;
    border-top: calc(var(--calendar-js-time-view-arrow-line-height) / 2) solid transparent;
    border-bottom: calc(var(--calendar-js-time-view-arrow-line-height) / 2) solid transparent;
    border-right: var(--calendar-js-time-view-arrow-line-height) solid var(--calendar-js-view-time-arrow-color);
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.time-arrow div.line {
    background-color: var(--calendar-js-view-time-arrow-color);
    position: absolute;
    left: var(--calendar-js-time-view-arrow-line-height);
    top: calc(var(--calendar-js-time-view-arrow-line-height) / 4);
    height: calc(var(--calendar-js-time-view-arrow-line-height) / 2);
    width: 100%;
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.expired {
    opacity: var(--calendar-js-event-expired-opacity);
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.all-day {
    background-color: var(--calendar-js-event-color-all-day) !important;
    color: var(--calendar-js-event-text-color-all-day) !important;
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.event {
    white-space: pre-line;
    -ms-word-break: normal;
    word-break: normal;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-event-color);
    padding: var(--calendar-js-spacing);
    color: var(--calendar-js-event-text-color);
    margin-bottom: var(--calendar-js-spacing);
    border-left: var(--calendar-js-event-left-border);
    text-align: left;
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.event div {
    margin-bottom: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.event div:last-child {
    margin-bottom: 0;
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.event div.title {
    font-weight: 900;
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.event div.date,
  div.calendar div.full-week-view div.contents div.days div.cell div.event div.duration,
  div.calendar div.full-week-view div.contents div.days div.cell div.event div.description,
  div.calendar div.full-week-view div.contents div.days div.cell div.event div.location,
  div.calendar div.full-week-view div.contents div.days div.cell div.event div.repeats {
    font-size: smaller;
    font-weight: 300;
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.event div.ib-refresh-medium {
    margin-right: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.event:last-child {
    margin-bottom: 0;
  }
  div.calendar div.full-week-view div.contents div.days div.cell:last-child {
    margin-bottom: 0;
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.time-arrow {
    width: 100%;
    left: 0;
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.event {
    position: absolute;
    margin: 0;
    overflow: hidden;
    z-index: 1;
    left: var(--calendar-js-spacing);
    width: calc(100% - (var(--calendar-js-spacing) * 5 - var(--calendar-js-spacing-border-size) * 2));
    overflow: hidden;
    text-overflow: ellipsis;
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.event span {
    white-space: pre;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.full-week-view div.contents div.days div.cell div.event {
      font-size: var(--calendar-js-large-font-size) !important;
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-week-view div.contents div.days div.cell div.event {
      font-size: var(--calendar-js-small-font-size) !important;
    }
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.working-hours {
    position: absolute;
    width: 100%;
    background-color: rgba(40, 40, 40, 0.4);
    display: none;
    pointer-events: none;
    z-index: 0;
    left: 0;
    margin-top: var(--calendar-js-spacing-border-size);
  }
  div.calendar div.full-week-view div.contents div.days div.cell div.resizable {
    resize: vertical;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Full Month View - Date Header
      -------------------------------------------------------------------------
  */
  div.calendar div.full-month-view div.title-bar {
    font-weight: var(--calendar-js-title-bar-font-weight);
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    text-align: center;
    padding-top: var(--calendar-js-spacing);
    padding-bottom: var(--calendar-js-spacing);
    padding-left: calc(var(--calendar-js-spacing) / 2);
    padding-right: calc(var(--calendar-js-spacing) / 2);
    position: relative;
  }
  div.calendar div.full-month-view div.title-bar div[class^=ib-],
  div.calendar div.full-month-view div.title-bar div.left-divider-line,
  div.calendar div.full-month-view div.title-bar div.right-divider-line,
  div.calendar div.full-month-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-month-view div.title-bar div.right-divider-line-views {
    margin-left: calc(var(--calendar-js-spacing) / 2);
    margin-right: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.full-month-view div.title-bar div.left-divider-line,
  div.calendar div.full-month-view div.title-bar div.right-divider-line,
  div.calendar div.full-month-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-month-view div.title-bar div.right-divider-line-views {
    width: 1px;
    background-color: var(--calendar-js-title-bar-button-color);
    height: 16px;
  }
  div.calendar div.full-month-view div.title-bar div.title-container {
    display: inline-block;
    position: relative;
    font-size: var(--calendar-js-large-font-size) !important;
  }
  div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button {
    white-space: nowrap;
    overflow: hidden;
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: var(--calendar-js-border-radius);
    background-color: #0E538F !important;
    border:#0E538F !important;
    font-weight: 500;
    transition: var(--calendar-js-transition);
  }
  div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button span.ib-arrow-down-full-medium,
  div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button span.ib-arrow-up-full-medium {
    margin-left: calc(var(--calendar-js-spacing) / 2);
    pointer-events: none;
  }
  div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button span.ib-arrow-down-full-medium {
    border-top-color: var(--calendar-js-title-bar-text-color);
  }
  div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button span.ib-arrow-up-full-medium {
    border-bottom-color: var(--calendar-js-title-bar-text-color);
  }
  div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button:hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button:active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months {
    animation: fade-in-effect ease 0.5s;
    -webkit-animation: fade-in-effect ease 0.5s;
    -moz-animation: fade-in-effect ease 0.5s;
    -o-animation: fade-in-effect ease 0.5s;
    -ms-animation: fade-in-effect ease 0.5s;
    position: absolute;
    width: 240px;
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    left: 50%;
    transform: translate(-50%);
    background-color: var(--calendar-js-light-color);
    border-radius: var(--calendar-js-border-radius);
    z-index: 1500;
    display: none;
    overflow: hidden;
    font-weight: 500;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down,
    div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months {
      top: calc(var(--calendar-js-spacing) + var(--calendar-js-large-font-size));
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down,
    div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months {
      top: calc(var(--calendar-js-spacing) + var(--calendar-js-small-font-size));
    }
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months {
    margin-left: 1px;
    margin-right: 1px;
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months:first-child,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months:first-child {
    margin-top: 1px;
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-selected,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-current-month,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-selected,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-current-month {
    width: calc(33.33% - ((var(--calendar-js-spacing)) + 2px));
    padding: calc(var(--calendar-js-spacing) / 2);
    margin: 1px;
    display: inline-block;
    border-radius: var(--calendar-js-border-radius);
    font-size:16px;
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-current-month,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-current-month {
    background-color: var(--calendar-js-day-names-color);
    color: var(--calendar-js-dark-color);
    transition: var(--calendar-js-transition);
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name:hover,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-current-month:hover,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name:hover,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-current-month:hover {
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-light-color);
    cursor: pointer;
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name:active:not(.year-selected),
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-current-month:active:not(.year-selected),
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name:active:not(.year-selected),
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-current-month:active:not(.year-selected) {
    cursor: pointer;
    opacity: 0.4;
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-selected,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-selected {
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-light-color);
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.months div.month-name-current-month,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.months div.month-name-current-month {
    background-color: #BCBCBC;
    color: var(--calendar-js-dark-color);
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.contents,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents {
    border-radius: var(--calendar-js-border-radius);
    height: 100px;
    white-space: pre-line;
    -ms-word-break: break-all;
    word-break: break-all;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: calc(var(--calendar-js-spacing) / 3);
    padding: 0;
    padding-top: calc(var(--calendar-js-spacing) / 2);
    padding-bottom: calc(var(--calendar-js-spacing) / 2);
    background-color: var(--calendar-js-light-color) !important;
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.contents div.year,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents div.year {
    display: inline-block;
    color: var(--calendar-js-dark-color);
    font-size: 16px !important;
    margin-right: 5px;
    width: calc(25% - 17px);
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: var(--calendar-js-border-radius);
    padding: 3px;
    transition: var(--calendar-js-transition);
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.contents div.year:hover,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents div.year:hover {
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-light-color);
    cursor: pointer;
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.contents div.year:active:not(.year-selected),
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents div.year:active:not(.year-selected) {
    cursor: pointer;
    opacity: 0.4;
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.contents div.year-selected,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents div.year-selected {
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-light-color);
    cursor: default !important;
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down div.contents div.year-has-events,
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents div.year-has-events {
    background-color: var(--calendar-js-drop-down-menu-background-color);
    color: var(--calendar-js-dark-color);
  }
  div.calendar div.full-month-view div.title-bar div.title-container div.years-drop-down-no-months div.contents {
    margin-top: 0;
    height: 180px;
  }
  div.calendar div.full-month-view div.title-bar div.ib-arrow-left-full,
  div.calendar div.full-month-view div.title-bar div.ib-pin,
  div.calendar div.full-month-view div.title-bar div.ib-refresh,
  div.calendar div.full-month-view div.title-bar div.ib-search,
  div.calendar div.full-month-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.full-month-view div.title-bar div.ib-hamburger,
  div.calendar div.full-month-view div.title-bar div.ib-rewind,
  div.calendar div.full-month-view div.title-bar div.left-divider-line,
  div.calendar div.full-month-view div.title-bar div.ib-arrow-right-full-line {
    float: left;
  }
  div.calendar div.full-month-view div.title-bar div.ib-close,
  div.calendar div.full-month-view div.title-bar div.ib-hamburger-side,
  div.calendar div.full-month-view div.title-bar div.ib-eye,
  div.calendar div.full-month-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.full-month-view div.title-bar div.ib-plus,
  div.calendar div.full-month-view div.title-bar div.ib-arrow-right-full,
  div.calendar div.full-month-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-month-view div.title-bar div.ib-arrow-contract-left-right,
  div.calendar div.full-month-view div.title-bar div.ib-forward,
  div.calendar div.full-month-view div.title-bar div.ib-expand,
  div.calendar div.full-month-view div.title-bar div.ib-hourglass,
  div.calendar div.full-month-view div.title-bar div.ib-bar-graph,
  div.calendar div.full-month-view div.title-bar div.right-divider-line,
  div.calendar div.full-month-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-month-view div.title-bar div.right-divider-line-views {
    float: right;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.full-month-view div.title-bar div.ib-refresh,
    div.calendar div.full-month-view div.title-bar div.ib-search,
    div.calendar div.full-month-view div.title-bar div.ib-hamburger,
    div.calendar div.full-month-view div.title-bar div.ib-hamburger-side,
    div.calendar div.full-month-view div.title-bar div.ib-eye,
    div.calendar div.full-month-view div.title-bar div.ib-arrow-down-full-line,
    div.calendar div.full-month-view div.title-bar div.ib-octagon-hollow,
    div.calendar div.full-month-view div.title-bar div.ib-expand,
    div.calendar div.full-month-view div.title-bar div.ib-hourglass,
    div.calendar div.full-month-view div.title-bar div.ib-rewind,
    div.calendar div.full-month-view div.title-bar div.ib-forward,
    div.calendar div.full-month-view div.title-bar div.ib-arrow-expand-left-right,
    div.calendar div.full-month-view div.title-bar div.ib-bar-graph,
    div.calendar div.full-month-view div.title-bar div.right-divider-line-full-screen-mode,
    div.calendar div.full-month-view div.title-bar div.right-divider-line-views,
    div.calendar div.full-month-view div.title-bar div.ib-arrow-right-full-line {
      display: inline-block;
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-month-view div.title-bar div.ib-refresh,
    div.calendar div.full-month-view div.title-bar div.ib-search,
    div.calendar div.full-month-view div.title-bar div.ib-hamburger-side,
    div.calendar div.full-month-view div.title-bar div.ib-eye,
    div.calendar div.full-month-view div.title-bar div.ib-arrow-down-full-line,
    div.calendar div.full-month-view div.title-bar div.ib-octagon-hollow,
    div.calendar div.full-month-view div.title-bar div.ib-expand,
    div.calendar div.full-month-view div.title-bar div.ib-hourglass,
    div.calendar div.full-month-view div.title-bar div.ib-rewind,
    div.calendar div.full-month-view div.title-bar div.ib-forward,
    div.calendar div.full-month-view div.title-bar div.ib-arrow-expand-left-right,
    div.calendar div.full-month-view div.title-bar div.ib-bar-graph,
    div.calendar div.full-month-view div.title-bar div.right-divider-line-full-screen-mode,
    div.calendar div.full-month-view div.title-bar div.right-divider-line-views,
    div.calendar div.full-month-view div.title-bar div.ib-arrow-right-full-line {
      display: none !important;
    }
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Full Month View - Day Events
      -------------------------------------------------------------------------
  */
  div.calendar div.full-month-view div.row-cells div.cell div.event {
    border-radius: var(--calendar-js-border-radius);
    background-color: #0e538f !important;
    padding: 10px;
    color: var(--calendar-js-event-text-color);
    margin-top: 5px;
    margin-bottom: 5px;
    border-left: var(--calendar-js-event-left-border);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.full-month-view div.row-cells div.cell div.event {
      font-size: 14px !important;
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-month-view div.row-cells div.cell div.event {
      font-size: 0.5rem !important;
    }
  }
  div.calendar div.full-month-view div.row-cells div.cell div.event:last-child {
    margin-bottom: 0;
  }
  div.calendar div.full-month-view div.row-cells div.cell div.event div.ib-refresh-small {
    margin-right: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.full-month-view div.row-cells div.cell div.event-circle {
    display: inline-block;
    border-radius: 50% !important;
    border-left: none !important;
    height: 5px;
    width: 5px;
    margin-left: 2.5px;
    margin-right: 2.5px;
  }
  div.calendar div.full-month-view div.row-cells div.cell div.event-circle:last-child {
    margin-bottom: 5px;
  }
  div.calendar div.full-month-view div.row-cells div.cell div.expired {
    opacity: var(--calendar-js-event-expired-opacity);
  }
  div.calendar div.full-month-view div.row-cells div.cell div.not-in-current-month {
    opacity: 0.1;
  }
  div.calendar div.full-month-view div.row-cells div.cell div.all-day {
    background-color: var(--calendar-js-event-color-all-day) !important;
    color: var(--calendar-js-event-text-color-all-day);
  }
  div.calendar div.full-month-view div.row-cells div.cell div.plus-x-events {
    display: inline-block;
    font-size: smaller;
    text-align: center;
    margin-top: calc(var(--calendar-js-spacing) / 2);
    margin-left: auto;
    margin-right: auto;
    transition: var(--calendar-js-transition);
  }
  div.calendar div.full-month-view div.row-cells div.cell div.plus-x-events:hover {
    cursor: pointer;
    opacity: 0.6;
    text-decoration: underline;
  }
  div.calendar div.full-month-view div.row-cells div.cell div.plus-x-events:active {
    cursor: pointer;
    opacity: 0.4;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Full Year View
      -------------------------------------------------------------------------
  */
  div.calendar div.full-year-view {
    top: -100%;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: var(--calendar-js-light-color);
    transition: var(--calendar-js-transition);
    visibility: hidden;
  }
  div.calendar div.full-year-view div.title-bar {
    width: calc(100% - var(--calendar-js-spacing));
    display: inline-block;
    padding-top: var(--calendar-js-spacing);
    padding-bottom: var(--calendar-js-spacing);
    padding-left: calc(var(--calendar-js-spacing) / 2);
    padding-right: calc(var(--calendar-js-spacing) / 2);
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    text-align: center;
  }
  div.calendar div.full-year-view div.title-bar div.left-divider-line,
  div.calendar div.full-year-view div.title-bar div.right-divider-line,
  div.calendar div.full-year-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-year-view div.title-bar div.right-divider-line-views {
    width: 1px;
    background-color: var(--calendar-js-title-bar-button-color);
    height: 16px;
  }
  div.calendar div.full-year-view div.title-bar div.left-divider-line {
    float: left;
  }
  div.calendar div.full-year-view div.title-bar div.right-divider-line,
  div.calendar div.full-year-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.full-year-view div.title-bar div.right-divider-line-views {
    float: right;
  }
  div.calendar div.full-year-view div.title-bar div.title {
    font-weight: 900 !important;
    display: inline-block;
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-year-view div.title-bar div.title {
      margin-top: 2px;
      max-width: 160px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  div.calendar div.full-year-view div.title-bar div {
    margin-left: calc(var(--calendar-js-spacing) / 2) !important;
    margin-right: calc(var(--calendar-js-spacing) / 2) !important;
  }
  div.calendar div.full-year-view div.title-bar div.ib-arrow-left-full,
  div.calendar div.full-year-view div.title-bar div.ib-pin,
  div.calendar div.full-year-view div.title-bar div.ib-refresh,
  div.calendar div.full-year-view div.title-bar div.ib-search,
  div.calendar div.full-year-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.full-year-view div.title-bar div.ib-hamburger,
  div.calendar div.full-year-view div.title-bar div.ib-arrow-right-full-line {
    float: left;
  }
  div.calendar div.full-year-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.full-year-view div.title-bar div.ib-plus,
  div.calendar div.full-year-view div.title-bar div.ib-close,
  div.calendar div.full-year-view div.title-bar div.ib-bar-graph,
  div.calendar div.full-year-view div.title-bar div.ib-arrow-right-full,
  div.calendar div.full-year-view div.title-bar div.ib-hourglass,
  div.calendar div.full-year-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-year-view div.title-bar div.ib-arrow-contract-left-right {
    float: right;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.full-year-view div.title-bar div.ib-arrow-down-full-line,
    div.calendar div.full-year-view div.title-bar div.ib-arrow-expand-left-right,
    div.calendar div.full-year-view div.title-bar div.ib-arrow-contract-left-right,
    div.calendar div.full-year-view div.title-bar div.ib-search,
    div.calendar div.full-year-view div.title-bar div.ib-refresh,
    div.calendar div.full-year-view div.title-bar div.ib-octagon-hollow,
    div.calendar div.full-year-view div.title-bar div.ib-bar-graph,
    div.calendar div.full-year-view div.title-bar div.ib-hourglass,
    div.calendar div.full-year-view div.title-bar div.right-divider-line-full-screen-mode,
    div.calendar div.full-year-view div.title-bar div.right-divider-line-views,
    div.calendar div.full-year-view div.title-bar div.ib-arrow-right-full-line {
      display: inline-block;
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-year-view div.title-bar div.ib-arrow-down-full-line,
    div.calendar div.full-year-view div.title-bar div.ib-arrow-expand-left-right,
    div.calendar div.full-year-view div.title-bar div.ib-arrow-contract-left-right,
    div.calendar div.full-year-view div.title-bar div.ib-search,
    div.calendar div.full-year-view div.title-bar div.ib-refresh,
    div.calendar div.full-year-view div.title-bar div.ib-octagon-hollow,
    div.calendar div.full-year-view div.title-bar div.ib-bar-graph,
    div.calendar div.full-year-view div.title-bar div.ib-hourglass,
    div.calendar div.full-year-view div.title-bar div.right-divider-line-full-screen-mode,
    div.calendar div.full-year-view div.title-bar div.right-divider-line-views,
    div.calendar div.full-year-view div.title-bar div.ib-arrow-right-full-line {
      display: none !important;
    }
  }
  div.calendar div.full-year-view div.contents {
    display: inline-block;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    width: calc(100% - var(--calendar-js-spacing));
    padding: calc(var(--calendar-js-spacing) / 2);
  }
  @media screen and (min-width: 451px) {
    div.calendar div.full-year-view div.contents {
      height: calc(100% - (var(--calendar-js-spacing) * 3 + var(--calendar-js-large-font-size)) - var(--calendar-js-spacing-border-size));
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-year-view div.contents {
      height: calc(100% - (var(--calendar-js-spacing) * 3 + var(--calendar-js-small-font-size)) - var(--calendar-js-spacing-border-size));
    }
  }
  div.calendar div.full-year-view div.contents div.year-month {
    border-radius: var(--calendar-js-border-radius);
    border-bottom-left-radius: 0.15rem;
    border-bottom-right-radius: 0.15rem;
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    background-color: var(--calendar-js-day-names-color);
    display: inline-block;
    margin: calc(var(--calendar-js-spacing) / 2);
  }
  @media screen and (min-width: 451px) {
    div.calendar div.full-year-view div.contents div.year-month {
      width: calc(50% - (var(--calendar-js-spacing) + var(--calendar-js-spacing) / 4));
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.full-year-view div.contents div.year-month {
      width: calc(100% - (var(--calendar-js-spacing) + var(--calendar-js-spacing) / 4));
    }
  }
  div.calendar div.full-year-view div.contents div.year-month div.title-bar-container {
    overflow: hidden;
  }
  div.calendar div.full-year-view div.contents div.year-month div.title-bar-container div.title-bar {
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-light-color);
    font-weight: 900;
    text-align: left;
    padding: var(--calendar-js-spacing);
  }
  div.calendar div.full-year-view div.contents div.year-month div.title-bar-container div.title-bar div.right-divider-line {
    width: 1px;
    background-color: var(--calendar-js-title-bar-button-color);
    height: 16px;
  }
  div.calendar div.full-year-view div.contents div.year-month div.title-bar-container div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.full-year-view div.contents div.year-month div.title-bar-container div.title-bar div.ib-plus,
  div.calendar div.full-year-view div.contents div.year-month div.title-bar-container div.title-bar div.right-divider-line {
    float: right;
    margin-right: var(--calendar-js-spacing) !important;
    margin-left: 0 !important;
  }
  div.calendar div.full-year-view div.contents div.year-month div.days div.cell {
    padding-top: var(--calendar-js-spacing) !important;
    padding-bottom: var(--calendar-js-spacing) !important;
    padding-left: calc(var(--calendar-js-spacing) / 2) !important;
    padding-right: calc(var(--calendar-js-spacing) / 2) !important;
    position: relative;
    overflow: visible !important;
    transition: var(--calendar-js-transition);
  }
  div.calendar div.full-year-view div.contents div.year-month div.days div.cell div.events-count {
    position: absolute;
    font-size: var(--calendar-js-small-font-size) !important;
    padding-top: calc(var(--calendar-js-spacing) / 4);
    padding-bottom: calc(var(--calendar-js-spacing) / 4);
    padding-right: calc(var(--calendar-js-spacing) / 2);
    padding-left: calc(var(--calendar-js-spacing) / 2);
    color: var(--calendar-js-light-color);
    background-color: var(--calendar-js-dark-lighter-color);
    bottom: -4px;
    right: -4px;
    border-radius: 50%;
    z-index: 10;
  }
  div.calendar div.full-year-view div.contents div.year-month div.days div.cell-today {
    background-color: var(--calendar-js-dark-color) !important;
    color: var(--calendar-js-light-color) !important;
  }
  div.calendar div.full-year-view div.contents div.year-month div.days div.has-events {
    background-color: rgba(135, 206, 250, 0.4);
  }
  div.calendar div.full-year-view div.contents div.year-month div.days div.cell:not(.cell-no-click):hover {
    cursor: pointer;
    background-color: var(--calendar-js-day-date-picker-hover-color);
  }
  div.calendar div.full-year-view div.contents div.year-month div.days div.cell:not(.cell-no-click):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.calendar div.full-year-view div.contents div.year-month div.days div.cell-muted span,
  div.calendar div.full-year-view div.contents div.year-month div.days div.cell-muted sup {
    opacity: 0.3;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - All Events View
      -------------------------------------------------------------------------
  */
  div.calendar div.all-events-view {
    top: -100%;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: var(--calendar-js-light-color);
    transition: var(--calendar-js-transition);
    visibility: hidden;
  }
  div.calendar div.all-events-view div.title-bar {
    width: calc(100% - var(--calendar-js-spacing));
    display: inline-block;
    padding-top: var(--calendar-js-spacing);
    padding-bottom: var(--calendar-js-spacing);
    padding-left: calc(var(--calendar-js-spacing) / 2);
    padding-right: calc(var(--calendar-js-spacing) / 2);
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    text-align: center;
  }
  div.calendar div.all-events-view div.title-bar div.left-divider-line,
  div.calendar div.all-events-view div.title-bar div.right-divider-line,
  div.calendar div.all-events-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.all-events-view div.title-bar div.right-divider-line-views {
    width: 1px;
    background-color: var(--calendar-js-title-bar-button-color);
    height: 16px;
  }
  div.calendar div.all-events-view div.title-bar div.left-divider-line {
    float: left;
  }
  div.calendar div.all-events-view div.title-bar div.right-divider-line,
  div.calendar div.all-events-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.all-events-view div.title-bar div.right-divider-line-views {
    float: right;
  }
  div.calendar div.all-events-view div.title-bar div.title {
    font-weight: 900 !important;
    display: inline-block;
  }
  @media screen and (max-width: 450px) {
    div.calendar div.all-events-view div.title-bar div.title {
      margin-top: 2px;
      max-width: 160px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  div.calendar div.all-events-view div.title-bar div {
    margin-left: calc(var(--calendar-js-spacing) / 2) !important;
    margin-right: calc(var(--calendar-js-spacing) / 2) !important;
  }
  div.calendar div.all-events-view div.title-bar div.ib-arrow-left-full,
  div.calendar div.all-events-view div.title-bar div.ib-pin,
  div.calendar div.all-events-view div.title-bar div.ib-refresh,
  div.calendar div.all-events-view div.title-bar div.ib-search,
  div.calendar div.all-events-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.all-events-view div.title-bar div.ib-hamburger,
  div.calendar div.all-events-view div.title-bar div.ib-arrow-right-full-line {
    float: left;
  }
  div.calendar div.all-events-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.all-events-view div.title-bar div.ib-plus,
  div.calendar div.all-events-view div.title-bar div.ib-close,
  div.calendar div.all-events-view div.title-bar div.ib-bar-graph,
  div.calendar div.all-events-view div.title-bar div.ib-arrow-right-full,
  div.calendar div.all-events-view div.title-bar div.ib-hourglass,
  div.calendar div.all-events-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.all-events-view div.title-bar div.ib-arrow-contract-left-right {
    float: right;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.all-events-view div.title-bar div.ib-arrow-down-full-line,
    div.calendar div.all-events-view div.title-bar div.ib-arrow-expand-left-right,
    div.calendar div.all-events-view div.title-bar div.ib-arrow-contract-left-right,
    div.calendar div.all-events-view div.title-bar div.ib-search,
    div.calendar div.all-events-view div.title-bar div.ib-refresh,
    div.calendar div.all-events-view div.title-bar div.ib-octagon-hollow,
    div.calendar div.all-events-view div.title-bar div.ib-bar-graph,
    div.calendar div.all-events-view div.title-bar div.ib-hourglass,
    div.calendar div.all-events-view div.title-bar div.right-divider-line-full-screen-mode,
    div.calendar div.all-events-view div.title-bar div.right-divider-line-views,
    div.calendar div.all-events-view div.title-bar div.ib-arrow-right-full-line {
      display: inline-block;
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.all-events-view div.title-bar div.ib-arrow-down-full-line,
    div.calendar div.all-events-view div.title-bar div.ib-arrow-expand-left-right,
    div.calendar div.all-events-view div.title-bar div.ib-arrow-contract-left-right,
    div.calendar div.all-events-view div.title-bar div.ib-search,
    div.calendar div.all-events-view div.title-bar div.ib-refresh,
    div.calendar div.all-events-view div.title-bar div.ib-octagon-hollow,
    div.calendar div.all-events-view div.title-bar div.ib-bar-graph,
    div.calendar div.all-events-view div.title-bar div.ib-hourglass,
    div.calendar div.all-events-view div.title-bar div.right-divider-line-full-screen-mode,
    div.calendar div.all-events-view div.title-bar div.right-divider-line-views,
    div.calendar div.all-events-view div.title-bar div.ib-arrow-right-full-line {
      display: none !important;
    }
  }
  div.calendar div.all-events-view div.contents {
    display: inline-block;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    width: calc(100% - var(--calendar-js-spacing) * 2);
    padding: var(--calendar-js-spacing);
  }
  @media screen and (min-width: 451px) {
    div.calendar div.all-events-view div.contents {
      height: calc(100% - (var(--calendar-js-spacing) * 4 + var(--calendar-js-large-font-size)) - var(--calendar-js-spacing-border-size));
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.all-events-view div.contents {
      height: calc(100% - (var(--calendar-js-spacing) * 4 + var(--calendar-js-small-font-size)) - var(--calendar-js-spacing-border-size));
    }
  }
  div.calendar div.all-events-view div.contents div.year-header {
    margin-top: calc(var(--calendar-js-spacing) * 2);
  }
  div.calendar div.all-events-view div.contents div.year-header span.header-text {
    font-weight: 900;
    font-size: 22px;
    transition: var(--calendar-js-transition);
  }
  div.calendar div.all-events-view div.contents div.year-header span.header-text:hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.calendar div.all-events-view div.contents div.year-header span.header-text:active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.calendar div.all-events-view div.contents div.year-header div.line {
    margin-top: calc(var(--calendar-js-spacing) / 2);
    border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    margin-bottom: var(--calendar-js-spacing);
  }
  div.calendar div.all-events-view div.contents div.year-header:first-of-type {
    margin-top: 0;
  }
  div.calendar div.all-events-view div.contents div.month {
    border-radius: var(--calendar-js-border-radius);
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    overflow: hidden;
    margin-bottom: var(--calendar-js-spacing);
  }
  div.calendar div.all-events-view div.contents div.month div.header {
    background-color: var(--calendar-js-dark-color) !important;
    color: var(--calendar-js-light-color) !important;
    padding: var(--calendar-js-spacing);
    font-weight: var(--calendar-js-title-bar-font-weight);
  }
  div.calendar div.all-events-view div.contents div.month div.header div.right-divider-line {
    width: 1px;
    background-color: var(--calendar-js-title-bar-button-color);
    height: 16px;
  }
  div.calendar div.all-events-view div.contents div.month div.header div.ib-arrow-expand-left-right,
  div.calendar div.all-events-view div.contents div.month div.header div.ib-plus,
  div.calendar div.all-events-view div.contents div.month div.header div.ib-close,
  div.calendar div.all-events-view div.contents div.month div.header div.ib-minus,
  div.calendar div.all-events-view div.contents div.month div.header div.ib-square-hollow,
  div.calendar div.all-events-view div.contents div.month div.header div.right-divider-line {
    float: right;
    margin-left: var(--calendar-js-spacing);
  }
  div.calendar div.all-events-view div.contents div.month div.events {
    padding: var(--calendar-js-spacing);
  }
  div.calendar div.all-events-view div.contents div.month div.events div.expired {
    opacity: var(--calendar-js-event-expired-opacity);
  }
  div.calendar div.all-events-view div.contents div.month div.events div.all-day {
    background-color: var(--calendar-js-event-color-all-day) !important;
    color: var(--calendar-js-event-text-color-all-day) !important;
  }
  div.calendar div.all-events-view div.contents div.month div.events div.event {
    white-space: pre-line;
    -ms-word-break: normal;
    word-break: normal;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-event-color);
    padding: var(--calendar-js-spacing);
    color: var(--calendar-js-event-text-color);
    margin-bottom: var(--calendar-js-spacing);
    border-left: var(--calendar-js-event-left-border);
    text-align: left;
  }
  div.calendar div.all-events-view div.contents div.month div.events div.event div {
    margin-bottom: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.all-events-view div.contents div.month div.events div.event div:last-child {
    margin-bottom: 0;
  }
  div.calendar div.all-events-view div.contents div.month div.events div.event div.title {
    font-weight: 900;
  }
  div.calendar div.all-events-view div.contents div.month div.events div.event div.date,
  div.calendar div.all-events-view div.contents div.month div.events div.event div.duration,
  div.calendar div.all-events-view div.contents div.month div.events div.event div.description,
  div.calendar div.all-events-view div.contents div.month div.events div.event div.location,
  div.calendar div.all-events-view div.contents div.month div.events div.event div.repeats {
    font-size: smaller;
    font-weight: 300;
  }
  div.calendar div.all-events-view div.contents div.month div.events div.event div.ib-refresh-medium {
    margin-right: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.all-events-view div.contents div.month div.events div.event:last-child {
    margin-bottom: 0;
  }
  div.calendar div.all-events-view div.contents div.month div.events:last-child {
    margin-bottom: 0;
  }
  div.calendar div.all-events-view div.contents div.month:last-child {
    margin-bottom: var(--calendar-js-spacing-border-size) !important;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Timeline View
      -------------------------------------------------------------------------
  */
  div.calendar div.timeline-view {
    top: -100%;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: var(--calendar-js-light-color);
    transition: var(--calendar-js-transition);
    visibility: hidden;
  }
  div.calendar div.timeline-view div.title-bar {
    width: calc(100% - var(--calendar-js-spacing));
    display: inline-block;
    padding-top: var(--calendar-js-spacing);
    padding-bottom: var(--calendar-js-spacing);
    padding-left: calc(var(--calendar-js-spacing) / 2);
    padding-right: calc(var(--calendar-js-spacing) / 2);
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    text-align: center;
  }
  div.calendar div.timeline-view div.title-bar div.left-divider-line,
  div.calendar div.timeline-view div.title-bar div.right-divider-line,
  div.calendar div.timeline-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.timeline-view div.title-bar div.right-divider-line-views {
    width: 1px;
    background-color: var(--calendar-js-title-bar-button-color);
    height: 16px;
  }
  div.calendar div.timeline-view div.title-bar div.left-divider-line {
    float: left;
  }
  div.calendar div.timeline-view div.title-bar div.right-divider-line,
  div.calendar div.timeline-view div.title-bar div.right-divider-line-full-screen-mode,
  div.calendar div.timeline-view div.title-bar div.right-divider-line-views {
    float: right;
  }
  div.calendar div.timeline-view div.title-bar div.title {
    font-weight: 900 !important;
    display: inline-block;
  }
  @media screen and (max-width: 450px) {
    div.calendar div.timeline-view div.title-bar div.title {
      margin-top: 2px;
      max-width: 160px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  div.calendar div.timeline-view div.title-bar div {
    margin-left: calc(var(--calendar-js-spacing) / 2) !important;
    margin-right: calc(var(--calendar-js-spacing) / 2) !important;
  }
  div.calendar div.timeline-view div.title-bar div.ib-arrow-left-full,
  div.calendar div.timeline-view div.title-bar div.ib-pin,
  div.calendar div.timeline-view div.title-bar div.ib-refresh,
  div.calendar div.timeline-view div.title-bar div.ib-search,
  div.calendar div.timeline-view div.title-bar div.ib-octagon-hollow,
  div.calendar div.timeline-view div.title-bar div.ib-hamburger,
  div.calendar div.timeline-view div.title-bar div.ib-arrow-right-full-line {
    float: left;
  }
  div.calendar div.timeline-view div.title-bar div.ib-arrow-down-full-line,
  div.calendar div.timeline-view div.title-bar div.ib-plus,
  div.calendar div.timeline-view div.title-bar div.ib-close,
  div.calendar div.timeline-view div.title-bar div.ib-bar-graph,
  div.calendar div.timeline-view div.title-bar div.ib-arrow-right-full,
  div.calendar div.timeline-view div.title-bar div.ib-hourglass,
  div.calendar div.timeline-view div.title-bar div.ib-arrow-expand-left-right,
  div.calendar div.timeline-view div.title-bar div.ib-arrow-contract-left-right {
    float: right;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.timeline-view div.title-bar div.ib-arrow-down-full-line,
    div.calendar div.timeline-view div.title-bar div.ib-arrow-expand-left-right,
    div.calendar div.timeline-view div.title-bar div.ib-arrow-contract-left-right,
    div.calendar div.timeline-view div.title-bar div.ib-search,
    div.calendar div.timeline-view div.title-bar div.ib-refresh,
    div.calendar div.timeline-view div.title-bar div.ib-octagon-hollow,
    div.calendar div.timeline-view div.title-bar div.ib-bar-graph,
    div.calendar div.timeline-view div.title-bar div.ib-hourglass,
    div.calendar div.timeline-view div.title-bar div.right-divider-line-full-screen-mode,
    div.calendar div.timeline-view div.title-bar div.right-divider-line-views,
    div.calendar div.timeline-view div.title-bar div.ib-arrow-right-full-line {
      display: inline-block;
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.timeline-view div.title-bar div.ib-arrow-down-full-line,
    div.calendar div.timeline-view div.title-bar div.ib-arrow-expand-left-right,
    div.calendar div.timeline-view div.title-bar div.ib-arrow-contract-left-right,
    div.calendar div.timeline-view div.title-bar div.ib-search,
    div.calendar div.timeline-view div.title-bar div.ib-refresh,
    div.calendar div.timeline-view div.title-bar div.ib-octagon-hollow,
    div.calendar div.timeline-view div.title-bar div.ib-bar-graph,
    div.calendar div.timeline-view div.title-bar div.ib-hourglass,
    div.calendar div.timeline-view div.title-bar div.right-divider-line-full-screen-mode,
    div.calendar div.timeline-view div.title-bar div.right-divider-line-views,
    div.calendar div.timeline-view div.title-bar div.ib-arrow-right-full-line {
      display: none !important;
    }
  }
  div.calendar div.timeline-view div.contents {
    position: relative;
    display: inline-block;
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
    padding: 0 !important;
    white-space: nowrap;
    vertical-align: top;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.timeline-view div.contents {
      height: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-large-font-size)));
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.timeline-view div.contents {
      height: calc(100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-small-font-size)));
    }
  }
  div.calendar div.timeline-view div.contents div.timeline-column {
    display: inline-block;
    position: absolute;
    top: 0;
    padding-left: var(--calendar-js-spacing);
    padding-right: var(--calendar-js-spacing);
    height: 100%;
    background-color: var(--calendar-js-light-color);
    border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
  }
  @media screen and (min-width: 451px) {
    div.calendar div.timeline-view div.contents div.timeline-column {
      width: var(--calendar-js-time-view-timeline-section-width);
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.timeline-view div.contents div.timeline-column {
      width: var(--calendar-js-time-view-timeline-section-width-small);
    }
  }
  div.calendar div.timeline-view div.contents div.timeline-column:nth-child(odd) {
    background-color: var(--calendar-js-day-names-color);
  }
  div.calendar div.timeline-view div.contents div.timeline-header {
    display: inline-block;
    position: sticky;
    border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
    top: 0;
    vertical-align: top;
    z-index: 10;
  }
  div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item {
    display: inline-block;
    padding: var(--calendar-js-spacing);
    text-align: center;
    border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
    background-color: var(--calendar-js-day-names-color);
  }
  @media screen and (min-width: 451px) {
    div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item {
      width: var(--calendar-js-time-view-timeline-section-width);
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item {
      width: var(--calendar-js-time-view-timeline-section-width-small);
    }
  }
  div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item:first-child {
    text-align: center;
    position: sticky;
    left: 0;
    z-index: 2000;
  }
  div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item:last-child {
    border-right: none;
  }
  div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item div.ib-arrow-right-full {
    float: right;
    border-left-color: var(--calendar-js-dark-color);
  }
  div.calendar div.timeline-view div.contents div.timeline-header div.timeline-header-item div.ib-arrow-left-full {
    float: left;
    border-right-color: var(--calendar-js-dark-color);
  }
  div.calendar div.timeline-view div.contents div.timeline-row {
    float: left;
    clear: both;
    position: relative;
    border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item,
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item-spacing {
    display: inline-block;
    padding: var(--calendar-js-spacing);
    padding-top: calc(var(--calendar-js-spacing) * 2);
    padding-bottom: calc(var(--calendar-js-spacing) * 2);
    text-align: left;
    color: var(--calendar-js-light-color);
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    position: sticky;
    left: 0;
    z-index: 2000;
  }
  @media screen and (min-width: 451px) {
    div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item,
    div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item-spacing {
      width: var(--calendar-js-time-view-timeline-section-width);
    }
  }
  @media screen and (max-width: 450px) {
    div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item,
    div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item-spacing {
      width: var(--calendar-js-time-view-timeline-section-width-small);
    }
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item:last-child,
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item-spacing:last-child {
    border-right: none;
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item {
    border-right: var(--calendar-js-spacing-border-size) solid var(--calendar-js-grid-border-color);
    background-color: var(--calendar-js-dark-color);
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-item-odd {
    background-color: var(--calendar-js-light-color);
    color: var(--calendar-js-dark-color);
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items {
    display: inline-block;
    vertical-align: top;
    position: relative;
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.timeline-row-item-spacing {
    background-color: transparent !important;
    border-right: var(--calendar-js-spacing-border-size) solid transparent !important;
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.expired {
    opacity: var(--calendar-js-event-expired-opacity);
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.all-day {
    background-color: var(--calendar-js-event-color-all-day) !important;
    color: var(--calendar-js-event-text-color-all-day) !important;
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event {
    white-space: pre-line;
    -ms-word-break: normal;
    word-break: normal;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-event-color);
    padding: var(--calendar-js-spacing);
    color: var(--calendar-js-event-text-color);
    margin-bottom: var(--calendar-js-spacing);
    border-left: var(--calendar-js-event-left-border);
    text-align: left;
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div {
    margin-bottom: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div:last-child {
    margin-bottom: 0;
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.title {
    font-weight: 900;
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.date,
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.duration,
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.description,
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.location,
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.repeats {
    font-size: smaller;
    font-weight: 300;
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event div.ib-refresh-medium {
    margin-right: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event:last-child {
    margin-bottom: 0;
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items:last-child {
    margin-bottom: 0;
  }
  div.calendar div.timeline-view div.contents div.timeline-row div.timeline-row-items div.event {
    position: absolute;
    margin-left: 0;
    margin-right: 0;
    top: calc(var(--calendar-js-spacing));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Dialog - Event Editor
      -------------------------------------------------------------------------
  */
  div.event-editor {
    width: calc(100% - var(--calendar-js-spacing) * 2);
    max-width: 420px;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: fixed;
    display: none;
    box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
    z-index: 1500;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  div.event-editor div.ib-close {
    float: right;
  }
  div.event-editor div.tab-content {
    height: 258px;
    margin-bottom: calc(var(--calendar-js-spacing) * 2);
  }
  div.event-editor div.tab-content div.split:last-of-type input {
    margin-bottom: 0 !important;
  }
  div.event-editor div.view {
    position: relative;
  }
  div.event-editor div.view div.title-bar {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    padding: var(--calendar-js-spacing);
    text-align: center;
    font-weight: var(--calendar-js-title-bar-font-weight);
  }
  div.event-editor div.view div.input-title-container {
    display: flex;
    margin-bottom: var(--calendar-js-spacing);
  }
  div.event-editor div.view div.input-title-container input[type=text] {
    flex-grow: 1;
    margin-bottom: 0 !important;
  }
  div.event-editor div.view div.input-title-container input[type=button] {
    padding: 0.375rem 0.75rem;
    margin-left: var(--calendar-js-spacing);
    line-height: 0;
  }
  div.event-editor div.view div.contents {
    padding: var(--calendar-js-spacing);
  }
  div.event-editor div.view input:not([type=button]),
  div.event-editor div.view textarea {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    border-radius: var(--calendar-js-border-radius);
    outline: none;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 21px;
    color: var(--calendar-js-dark-color);
    margin-bottom: var(--calendar-js-spacing);
    background-color: var(--calendar-js-input-background-color);
    transition: var(--calendar-js-transition);
    box-sizing: border-box;
    max-height: 35px;
  }
  div.event-editor div.view input:not([type=button]):last-child,
  div.event-editor div.view textarea:last-child {
    margin-bottom: 0;
  }
  div.event-editor div.view input:not([type=button]):focus,
  div.event-editor div.view textarea:focus {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
    box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
  }
  div.event-editor div.view input:not([type=button]):not(:disabled):hover,
  div.event-editor div.view textarea:not(:disabled):hover {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
  }
  div.event-editor div.view input:disabled,
  div.event-editor div.view textarea:disabled {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    background-color: var(--calendar-js-light-color);
    color: var(--calendar-js-input-border-color);
  }
  div.event-editor div.view textarea {
    height: 90px;
    resize: none;
    max-height: none;
  }
  div.event-editor div.view p {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    margin: 0;
    margin-bottom: 8px;
  }
  div.event-editor div.view div.split input,
  div.event-editor div.view div.split select,
  div.event-editor div.view div.split div.split-contents,
  div.event-editor div.view div.split p {
    width: calc(50% - var(--calendar-js-spacing) / 2);
    margin-right: calc(var(--calendar-js-spacing) / 2);
    margin-left: calc(var(--calendar-js-spacing) / 2);
    display: inline-block;
    vertical-align: top;
  }
  div.event-editor div.view div.split input:first-child,
  div.event-editor div.view div.split select:first-child,
  div.event-editor div.view div.split div.split-contents:first-child,
  div.event-editor div.view div.split p:first-child {
    margin-left: 0;
  }
  div.event-editor div.view div.split input:last-child,
  div.event-editor div.view div.split select:last-child,
  div.event-editor div.view div.split div.split-contents:last-child,
  div.event-editor div.view div.split p:last-child {
    margin-right: 0;
  }
  div.event-editor div.view div.split-margin {
    margin-left: 25px;
  }
  div.event-editor div.view div.buttons-container {
    text-align: right;
  }
  div.event-editor div.view input[type=button] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: none;
    padding: 0.255rem 0.55rem;
    line-height: 1.8;
    border-radius: var(--calendar-js-border-radius);
    outline: 0;
    cursor: pointer;
  }
  div.event-editor div.view input[type=button]:disabled {
    background-color: var(--calendar-js-input-border-color) !important;
    border-color: var(--calendar-js-input-border-color) !important;
    cursor: default !important;
    color: var(--calendar-js-light-color) !important;
  }
  div.event-editor div.view input[type=button].add-update {
    color: var(--calendar-js-light-color);
    background-color: var(--calendar-js-primary-button-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.event-editor div.view input[type=button].add-update:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.event-editor div.view input[type=button].add-update:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.event-editor div.view input[type=button].cancel {
    color: var(--calendar-js-secondary-button-color);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.event-editor div.view input[type=button].cancel:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.event-editor div.view input[type=button].cancel:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.event-editor div.view input[type=button].remove {
    color: var(--calendar-js-secondary-button-color);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.event-editor div.view input[type=button].remove:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.event-editor div.view input[type=button].remove:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.event-editor div.view input[type=button].select-colors {
    color: var(--calendar-js-light-color);
    background-color: var(--calendar-js-tertiary-button-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-tertiary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.event-editor div.view input[type=button].select-colors:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.event-editor div.view input[type=button].select-colors:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.event-editor div.view input[type=button].repeat-options {
    color: var(--calendar-js-light-color);
    background-color: var(--calendar-js-tertiary-button-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-tertiary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.event-editor div.view input[type=button].repeat-options:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.event-editor div.view input[type=button].repeat-options:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.event-editor div.view input[type=button].add-update, div.event-editor div.view input[type=button].cancel, div.event-editor div.view input[type=button].remove {
    width: 100%;
    max-width: 110px;
    display: inline-block;
    margin-left: var(--calendar-js-spacing);
  }
  div.event-editor div.view input[type=button].remove {
    margin-left: 0;
    float: left;
  }
  div.event-editor div.view input[type=button].select-colors, div.event-editor div.view input[type=button].repeat-options {
    width: 50px;
  }
  div.event-editor div.view input[type=button].repeat-options {
    position: absolute;
    margin: 0 !important;
    bottom: 0;
    right: 0;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Dialog - Event Editor - Select Colors
      -------------------------------------------------------------------------
  */
  div.event-editor-colors {
    width: calc(100% - var(--calendar-js-spacing) * 2);
    max-width: 300px;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: fixed;
    display: none;
    box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
    z-index: 1500;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  div.event-editor-colors div.ib-close {
    float: right;
  }
  div.event-editor-colors div.title-bar {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    padding: var(--calendar-js-spacing);
    text-align: center;
    font-weight: var(--calendar-js-title-bar-font-weight);
  }
  div.event-editor-colors div.contents {
    padding: var(--calendar-js-spacing);
  }
  div.event-editor-colors div.contents div.section {
    animation: fade-in-effect ease 0.5s;
    -webkit-animation: fade-in-effect ease 0.5s;
    -moz-animation: fade-in-effect ease 0.5s;
    -o-animation: fade-in-effect ease 0.5s;
    -ms-animation: fade-in-effect ease 0.5s;
    background-color: var(--calendar-js-day-names-color);
    padding: var(--calendar-js-spacing);
    margin-top: 0 !important;
    margin-left: var(--calendar-js-input-checkbox-size-with-spacing);
    border-radius: var(--calendar-js-border-radius);
    border: var(--calendar-js-spacing-border-size) solid #D0D0D0;
    margin-left: 0;
    margin-bottom: var(--calendar-js-spacing);
  }
  div.event-editor-colors div.contents div.section p {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    margin: 0;
    margin-bottom: 8px;
  }
  div.event-editor-colors input[type=color],
  div.event-editor-colors input[type=text] {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    border-radius: var(--calendar-js-border-radius);
    outline: none;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 21px;
    color: var(--calendar-js-dark-color);
    margin-bottom: var(--calendar-js-spacing);
    background-color: var(--calendar-js-input-background-color);
    transition: var(--calendar-js-transition);
    box-sizing: border-box;
    max-height: 35px;
    height: 40px;
  }
  div.event-editor-colors input[type=color]:last-child,
  div.event-editor-colors input[type=text]:last-child {
    margin-bottom: 0;
  }
  div.event-editor-colors input[type=color]:focus,
  div.event-editor-colors input[type=text]:focus {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
    box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
  }
  div.event-editor-colors input[type=color]:not(:disabled):hover,
  div.event-editor-colors input[type=text]:not(:disabled):hover {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
  }
  div.event-editor-colors div.buttons-container {
    margin-top: calc(var(--calendar-js-spacing) * 2);
    text-align: right;
  }
  div.event-editor-colors input[type=button] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: none;
    padding: 0.255rem 0.55rem;
    line-height: 1.8;
    border-radius: var(--calendar-js-border-radius);
    outline: 0;
    cursor: pointer;
  }
  div.event-editor-colors input[type=button]:disabled {
    background-color: var(--calendar-js-input-border-color) !important;
    border-color: var(--calendar-js-input-border-color) !important;
    cursor: default !important;
    color: var(--calendar-js-light-color) !important;
  }
  div.event-editor-colors input[type=button].update {
    color: var(--calendar-js-light-color);
    background-color: var(--calendar-js-primary-button-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.event-editor-colors input[type=button].update:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.event-editor-colors input[type=button].update:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.event-editor-colors input[type=button].cancel {
    color: var(--calendar-js-secondary-button-color);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.event-editor-colors input[type=button].cancel:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.event-editor-colors input[type=button].cancel:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.event-editor-colors input[type=button].update, div.event-editor-colors input[type=button].cancel {
    width: 100%;
    max-width: 110px;
    display: inline-block;
    margin-left: var(--calendar-js-spacing);
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Dialog - Event Editor - Repeat Options
      -------------------------------------------------------------------------
  */
  div.event-editor-repeat-options {
    width: calc(100% - var(--calendar-js-spacing) * 2);
    max-width: 300px;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: fixed;
    display: none;
    box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
    z-index: 1500;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  div.event-editor-repeat-options div.ib-close {
    float: right;
  }
  div.event-editor-repeat-options div.title-bar {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    padding: var(--calendar-js-spacing);
    text-align: center;
    font-weight: var(--calendar-js-title-bar-font-weight);
  }
  div.event-editor-repeat-options div.contents {
    padding: var(--calendar-js-spacing);
  }
  div.event-editor-repeat-options div.contents div.section {
    animation: fade-in-effect ease 0.5s;
    -webkit-animation: fade-in-effect ease 0.5s;
    -moz-animation: fade-in-effect ease 0.5s;
    -o-animation: fade-in-effect ease 0.5s;
    -ms-animation: fade-in-effect ease 0.5s;
    background-color: var(--calendar-js-day-names-color);
    padding: var(--calendar-js-spacing);
    margin-top: 0 !important;
    margin-left: var(--calendar-js-input-checkbox-size-with-spacing);
    border-radius: var(--calendar-js-border-radius);
    border: var(--calendar-js-spacing-border-size) solid #D0D0D0;
    margin-left: 0;
    margin-bottom: var(--calendar-js-spacing);
  }
  div.event-editor-repeat-options div.contents div.section p {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 8px;
  }
  div.event-editor-repeat-options div.contents div.section p:first-child {
    margin-top: 0;
  }
  div.event-editor-repeat-options input:not([type=button]),
  div.event-editor-repeat-options textarea {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    border-radius: var(--calendar-js-border-radius);
    outline: none;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 21px;
    color: var(--calendar-js-dark-color);
    margin-bottom: var(--calendar-js-spacing);
    background-color: var(--calendar-js-input-background-color);
    transition: var(--calendar-js-transition);
    box-sizing: border-box;
    max-height: 35px;
  }
  div.event-editor-repeat-options input:not([type=button]):last-child,
  div.event-editor-repeat-options textarea:last-child {
    margin-bottom: 0;
  }
  div.event-editor-repeat-options input:not([type=button]):focus,
  div.event-editor-repeat-options textarea:focus {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
    box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
  }
  div.event-editor-repeat-options input:not([type=button]):not(:disabled):hover,
  div.event-editor-repeat-options textarea:not(:disabled):hover {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
  }
  div.event-editor-repeat-options input[type=date] {
    margin-bottom: 0 !important;
  }
  div.event-editor-repeat-options label.checkbox {
    margin-bottom: calc(var(--calendar-js-spacing) / 2) !important;
  }
  div.event-editor-repeat-options div.buttons-container {
    text-align: right;
    margin-top: calc(var(--calendar-js-spacing) * 2);
  }
  div.event-editor-repeat-options input[type=button] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: none;
    padding: 0.255rem 0.55rem;
    line-height: 1.8;
    border-radius: var(--calendar-js-border-radius);
    outline: 0;
    cursor: pointer;
  }
  div.event-editor-repeat-options input[type=button]:disabled {
    background-color: var(--calendar-js-input-border-color) !important;
    border-color: var(--calendar-js-input-border-color) !important;
    cursor: default !important;
    color: var(--calendar-js-light-color) !important;
  }
  div.event-editor-repeat-options input[type=button].update {
    color: var(--calendar-js-light-color);
    background-color: var(--calendar-js-primary-button-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.event-editor-repeat-options input[type=button].update:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.event-editor-repeat-options input[type=button].update:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.event-editor-repeat-options input[type=button].cancel {
    color: var(--calendar-js-secondary-button-color);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.event-editor-repeat-options input[type=button].cancel:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.event-editor-repeat-options input[type=button].cancel:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.event-editor-repeat-options input[type=button].update, div.event-editor-repeat-options input[type=button].cancel {
    width: 100%;
    max-width: 110px;
    display: inline-block;
    margin-left: var(--calendar-js-spacing);
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Dialog - Message
      -------------------------------------------------------------------------
  */
  div.message {
    width: calc(100% - var(--calendar-js-spacing) * 2);
    max-width: 330px;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: fixed;
    display: none;
    box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
    z-index: 1500;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  div.message div.ib-close {
    float: right;
  }
  div.message div.title-bar {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    padding: var(--calendar-js-spacing);
    text-align: center;
    font-weight: var(--calendar-js-title-bar-font-weight);
  }
  div.message div.contents {
    padding: var(--calendar-js-spacing);
  }
  div.message div.contents div.text {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    margin-bottom: var(--calendar-js-spacing);
  }
  div.message label.checkbox {
    margin-bottom: 0 !important;
  }
  div.message div.buttons-container {
    text-align: right;
    margin-top: calc(var(--calendar-js-spacing) * 2);
  }
  div.message input[type=button] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: none;
    padding: 0.255rem 0.55rem;
    line-height: 1.8;
    border-radius: var(--calendar-js-border-radius);
    outline: 0;
    cursor: pointer;
  }
  div.message input[type=button]:disabled {
    background-color: var(--calendar-js-input-border-color) !important;
    border-color: var(--calendar-js-input-border-color) !important;
    cursor: default !important;
    color: var(--calendar-js-light-color) !important;
  }
  div.message input[type=button].yes-ok {
    color: var(--calendar-js-light-color);
    background-color: var(--calendar-js-primary-button-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.message input[type=button].yes-ok:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.message input[type=button].yes-ok:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.message input[type=button].no {
    color: var(--calendar-js-secondary-button-color);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.message input[type=button].no:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.message input[type=button].no:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.message input[type=button].yes-ok, div.message input[type=button].no {
    min-width: 110px;
    display: inline-block;
    margin-left: var(--calendar-js-spacing);
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Dialog - Export Events
      -------------------------------------------------------------------------
  */
  div.export-events {
    width: calc(100% - var(--calendar-js-spacing) * 2);
    max-width: 300px;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: fixed;
    display: none;
    box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
    z-index: 1500;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  div.export-events div.ib-close {
    float: right;
  }
  div.export-events div.title-bar {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    padding: var(--calendar-js-spacing);
    text-align: center;
    font-weight: var(--calendar-js-title-bar-font-weight);
  }
  div.export-events div.contents {
    padding: var(--calendar-js-spacing);
  }
  div.export-events div.contents input[type=text] {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    border-radius: var(--calendar-js-border-radius);
    outline: none;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 21px;
    color: var(--calendar-js-dark-color);
    margin-bottom: var(--calendar-js-spacing);
    background-color: var(--calendar-js-input-background-color);
    transition: var(--calendar-js-transition);
    box-sizing: border-box;
    max-height: 35px;
    height: 40px;
  }
  div.export-events div.contents input[type=text]:last-child {
    margin-bottom: 0;
  }
  div.export-events div.contents input[type=text]:focus {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
    box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
  }
  div.export-events div.contents input[type=text]:not(:disabled):hover {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
  }
  div.export-events div.contents input:disabled {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    background-color: var(--calendar-js-light-color);
    color: var(--calendar-js-input-border-color);
  }
  div.export-events div.contents div.options {
    animation: fade-in-effect ease 0.5s;
    -webkit-animation: fade-in-effect ease 0.5s;
    -moz-animation: fade-in-effect ease 0.5s;
    -o-animation: fade-in-effect ease 0.5s;
    -ms-animation: fade-in-effect ease 0.5s;
    background-color: var(--calendar-js-day-names-color);
    padding: var(--calendar-js-spacing);
    margin-top: 0 !important;
    margin-left: var(--calendar-js-input-checkbox-size-with-spacing);
    border-radius: var(--calendar-js-border-radius);
    border: var(--calendar-js-spacing-border-size) solid #D0D0D0;
  }
  div.export-events div.contents div.options div.split {
    margin-top: 0;
  }
  div.export-events div.split input,
  div.export-events div.split select,
  div.export-events div.split div.split-contents,
  div.export-events div.split p {
    width: calc(50% - var(--calendar-js-spacing) / 2);
    margin-right: calc(var(--calendar-js-spacing) / 2);
    margin-left: calc(var(--calendar-js-spacing) / 2);
    display: inline-block;
    vertical-align: top;
  }
  div.export-events div.split input:first-child,
  div.export-events div.split select:first-child,
  div.export-events div.split div.split-contents:first-child,
  div.export-events div.split p:first-child {
    margin-left: 0;
  }
  div.export-events div.split input:last-child,
  div.export-events div.split select:last-child,
  div.export-events div.split div.split-contents:last-child,
  div.export-events div.split p:last-child {
    margin-right: 0;
  }
  div.export-events div.split-margin {
    margin-left: 25px;
  }
  div.export-events div.buttons-container {
    text-align: right;
    margin-top: calc(var(--calendar-js-spacing) * 2);
  }
  div.export-events input[type=button] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: none;
    padding: 0.255rem 0.55rem;
    line-height: 1.8;
    border-radius: var(--calendar-js-border-radius);
    outline: 0;
    cursor: pointer;
  }
  div.export-events input[type=button]:disabled {
    background-color: var(--calendar-js-input-border-color) !important;
    border-color: var(--calendar-js-input-border-color) !important;
    cursor: default !important;
    color: var(--calendar-js-light-color) !important;
  }
  div.export-events input[type=button].export {
    color: var(--calendar-js-light-color);
    background-color: var(--calendar-js-primary-button-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.export-events input[type=button].export:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.export-events input[type=button].export:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.export-events input[type=button].cancel {
    color: var(--calendar-js-secondary-button-color);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.export-events input[type=button].cancel:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.export-events input[type=button].cancel:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.export-events input[type=button].export, div.export-events input[type=button].cancel {
    width: 100%;
    max-width: 110px;
    display: inline-block;
    margin-left: var(--calendar-js-spacing);
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Dialog - Search
      -------------------------------------------------------------------------
  */
  div.search {
    width: calc(100% - var(--calendar-js-spacing) * 2);
    max-width: 310px;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: fixed;
    display: none;
    box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
    z-index: 999;
  }
  div.search div.ib-close {
    float: right;
  }
  div.search div.title-bar {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    padding: var(--calendar-js-spacing);
    text-align: center;
    font-weight: var(--calendar-js-title-bar-font-weight);
  }
  div.search div.contents {
    padding: var(--calendar-js-spacing);
  }
  div.search div.contents div.history-container {
    position: relative;
    margin-bottom: var(--calendar-js-spacing);
    overflow-y: visible;
  }
  div.search div.contents div.history-container div.ib-arrow-down-full,
  div.search div.contents div.history-container div.ib-arrow-up-full {
    position: absolute;
    right: var(--calendar-js-spacing);
    top: var(--calendar-js-spacing);
  }
  div.search div.contents div.history-container input {
    margin-bottom: 0 !important;
    padding-right: calc(16px + var(--calendar-js-spacing) * 2);
  }
  div.search div.contents div.history-container div.history-dropdown {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    border-radius: var(--calendar-js-border-radius);
    outline: none;
    background-color: var(--calendar-js-input-background-color);
    position: absolute;
    width: calc(100% - 2px);
    max-height: 200px;
    z-index: 2000;
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
    box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: calc(var(--calendar-js-input-box-shadow-size) * 2);
  }
  div.search div.contents div.history-container div.history-dropdown div.history-dropdown-item {
    padding: var(--calendar-js-spacing);
    border-bottom: 1px dotted var(--calendar-js-input-border-color);
    transition: var(--calendar-js-transition);
  }
  div.search div.contents div.history-container div.history-dropdown div.history-dropdown-item span.search-search {
    font-weight: 900 !important;
  }
  div.search div.contents div.history-container div.history-dropdown div.history-dropdown-item:last-child {
    border-bottom: none;
  }
  div.search div.contents div.history-container div.history-dropdown div.history-dropdown-item:hover {
    background-color: var(--calendar-js-day-names-color);
    cursor: pointer;
  }
  div.search div.contents div.history-container div.history-dropdown div.history-dropdown-item:active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.search div.contents p {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    margin: 0;
    margin-bottom: 8px;
  }
  div.search div.contents div.advanced {
    animation: fade-in-effect ease 0.5s;
    -webkit-animation: fade-in-effect ease 0.5s;
    -moz-animation: fade-in-effect ease 0.5s;
    -o-animation: fade-in-effect ease 0.5s;
    -ms-animation: fade-in-effect ease 0.5s;
    background-color: var(--calendar-js-day-names-color);
    padding: var(--calendar-js-spacing);
    margin-top: 10px !important;
    margin-left: var(--calendar-js-input-checkbox-size-with-spacing);
    border-radius: var(--calendar-js-border-radius);
    border: var(--calendar-js-spacing-border-size) solid #D0D0D0;
  }
  div.search div.contents div.advanced div.split {
    margin-top: 0 !important;
  }
  div.search div.contents div.advanced div.split div.checkbox-container label.checkbox {
    margin-left: var(--calendar-js-spacing);
  }
  div.search div.contents div.advanced div.split div.radio-buttons-container label.radio-button {
    margin-left: var(--calendar-js-spacing);
  }
  div.search input[type=text] {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    border-radius: var(--calendar-js-border-radius);
    outline: none;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 21px;
    color: var(--calendar-js-dark-color);
    margin-bottom: var(--calendar-js-spacing);
    background-color: var(--calendar-js-input-background-color);
    transition: var(--calendar-js-transition);
    box-sizing: border-box;
    max-height: 35px;
  }
  div.search input[type=text]:last-child {
    margin-bottom: 0;
  }
  div.search input[type=text]:focus {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
    box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
  }
  div.search input[type=text]:not(:disabled):hover {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
  }
  div.search div.split input,
  div.search div.split select,
  div.search div.split div.split-contents,
  div.search div.split p {
    width: calc(50% - var(--calendar-js-spacing) / 2);
    margin-right: calc(var(--calendar-js-spacing) / 2);
    margin-left: calc(var(--calendar-js-spacing) / 2);
    display: inline-block;
    vertical-align: top;
  }
  div.search div.split input:first-child,
  div.search div.split select:first-child,
  div.search div.split div.split-contents:first-child,
  div.search div.split p:first-child {
    margin-left: 0;
  }
  div.search div.split input:last-child,
  div.search div.split select:last-child,
  div.search div.split div.split-contents:last-child,
  div.search div.split p:last-child {
    margin-right: 0;
  }
  div.search div.split-margin {
    margin-left: 25px;
  }
  div.search div.buttons-container {
    text-align: right;
    margin-top: calc(var(--calendar-js-spacing) * 2);
  }
  div.search input[type=button] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: none;
    padding: 0.255rem 0.55rem;
    line-height: 1.8;
    border-radius: var(--calendar-js-border-radius);
    outline: 0;
    cursor: pointer;
  }
  div.search input[type=button]:disabled {
    background-color: var(--calendar-js-input-border-color) !important;
    border-color: var(--calendar-js-input-border-color) !important;
    cursor: default !important;
    color: var(--calendar-js-light-color) !important;
  }
  div.search input[type=button].next {
    color: var(--calendar-js-light-color);
    background-color: var(--calendar-js-primary-button-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.search input[type=button].next:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.search input[type=button].next:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.search input[type=button].previous {
    color: var(--calendar-js-secondary-button-color);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.search input[type=button].previous:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.search input[type=button].previous:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.search input[type=button].next, div.search input[type=button].previous {
    width: 100%;
    max-width: 110px;
    display: inline-block;
    margin-left: var(--calendar-js-spacing);
  }
  div.search div.ib-minus,
  div.search div.ib-square-hollow {
    float: right;
  }
  div.search div.ib-minus,
  div.search div.ib-square-hollow {
    margin-right: var(--calendar-js-spacing);
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Dialog - Configuration
      -------------------------------------------------------------------------
  */
  div.configuration {
    width: calc(100% - var(--calendar-js-spacing) * 2);
    max-width: 400px;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: fixed;
    display: none;
    box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
    z-index: 1500;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  div.configuration div.ib-close {
    float: right;
  }
  div.configuration div.title-bar {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    padding: var(--calendar-js-spacing);
    text-align: center;
    font-weight: var(--calendar-js-title-bar-font-weight);
  }
  div.configuration div.contents {
    padding: var(--calendar-js-spacing);
  }
  div.configuration div.contents p {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    margin: 0;
    margin-bottom: 8px;
  }
  div.configuration div.contents input[type=text],
  div.configuration div.contents input[type=email] {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    border-radius: var(--calendar-js-border-radius);
    outline: none;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 21px;
    color: var(--calendar-js-dark-color);
    margin-bottom: var(--calendar-js-spacing);
    background-color: var(--calendar-js-input-background-color);
    transition: var(--calendar-js-transition);
    box-sizing: border-box;
    max-height: 35px;
  }
  div.configuration div.contents input[type=text]:last-child,
  div.configuration div.contents input[type=email]:last-child {
    margin-bottom: 0;
  }
  div.configuration div.contents input[type=text]:focus,
  div.configuration div.contents input[type=email]:focus {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
    box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
  }
  div.configuration div.contents input[type=text]:not(:disabled):hover,
  div.configuration div.contents input[type=email]:not(:disabled):hover {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
  }
  div.configuration div.contents div.tab-content {
    height: 135px;
  }
  div.configuration div.buttons-container {
    text-align: right;
    margin-top: calc(var(--calendar-js-spacing) * 2);
  }
  div.configuration input[type=button] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: none;
    padding: 0.255rem 0.55rem;
    line-height: 1.8;
    border-radius: var(--calendar-js-border-radius);
    outline: 0;
    cursor: pointer;
  }
  div.configuration input[type=button]:disabled {
    background-color: var(--calendar-js-input-border-color) !important;
    border-color: var(--calendar-js-input-border-color) !important;
    cursor: default !important;
    color: var(--calendar-js-light-color) !important;
  }
  div.configuration input[type=button].update {
    color: var(--calendar-js-light-color);
    background-color: var(--calendar-js-primary-button-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.configuration input[type=button].update:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.configuration input[type=button].update:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.configuration input[type=button].cancel {
    color: var(--calendar-js-secondary-button-color);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.configuration input[type=button].cancel:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.configuration input[type=button].cancel:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.configuration input[type=button].update, div.configuration input[type=button].cancel {
    width: 100%;
    max-width: 110px;
    display: inline-block;
    margin-left: var(--calendar-js-spacing);
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Dialog - Jump To Date
      -------------------------------------------------------------------------
  */
  div.jump-to-date {
    width: calc(100% - var(--calendar-js-spacing) * 2);
    max-width: 300px;
    border-radius: var(--calendar-js-border-radius);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    position: fixed;
    display: none;
    box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
    z-index: 1500;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  div.jump-to-date div.ib-close {
    float: right;
  }
  div.jump-to-date div.title-bar {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-title-bar-text-color);
    padding: var(--calendar-js-spacing);
    text-align: center;
    font-weight: var(--calendar-js-title-bar-font-weight);
  }
  div.jump-to-date div.contents {
    padding: var(--calendar-js-spacing);
  }
  div.jump-to-date div.contents input[type=date] {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    border-radius: var(--calendar-js-border-radius);
    outline: none;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 21px;
    color: var(--calendar-js-dark-color);
    margin-bottom: var(--calendar-js-spacing);
    background-color: var(--calendar-js-input-background-color);
    transition: var(--calendar-js-transition);
    box-sizing: border-box;
    max-height: 35px;
    height: 40px;
  }
  div.jump-to-date div.contents input[type=date]:last-child {
    margin-bottom: 0;
  }
  div.jump-to-date div.contents input[type=date]:focus {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
    box-shadow: 0 0 var(--calendar-js-input-box-shadow-size) var(--calendar-js-input-box-shadow-size) var(--calendar-js-dark-color);
  }
  div.jump-to-date div.contents input[type=date]:not(:disabled):hover {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
  }
  div.jump-to-date div.contents input:disabled {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    background-color: var(--calendar-js-light-color);
    color: var(--calendar-js-input-border-color);
  }
  div.jump-to-date div.split input,
  div.jump-to-date div.split select,
  div.jump-to-date div.split div.split-contents,
  div.jump-to-date div.split p {
    width: calc(50% - var(--calendar-js-spacing) / 2);
    margin-right: calc(var(--calendar-js-spacing) / 2);
    margin-left: calc(var(--calendar-js-spacing) / 2);
    display: inline-block;
    vertical-align: top;
  }
  div.jump-to-date div.split input:first-child,
  div.jump-to-date div.split select:first-child,
  div.jump-to-date div.split div.split-contents:first-child,
  div.jump-to-date div.split p:first-child {
    margin-left: 0;
  }
  div.jump-to-date div.split input:last-child,
  div.jump-to-date div.split select:last-child,
  div.jump-to-date div.split div.split-contents:last-child,
  div.jump-to-date div.split p:last-child {
    margin-right: 0;
  }
  div.jump-to-date div.split-margin {
    margin-left: 25px;
  }
  div.jump-to-date div.buttons-container {
    text-align: right;
    margin-top: calc(var(--calendar-js-spacing) * 2);
  }
  div.jump-to-date input[type=button] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: none;
    padding: 0.255rem 0.55rem;
    line-height: 1.8;
    border-radius: var(--calendar-js-border-radius);
    outline: 0;
    cursor: pointer;
  }
  div.jump-to-date input[type=button]:disabled {
    background-color: var(--calendar-js-input-border-color) !important;
    border-color: var(--calendar-js-input-border-color) !important;
    cursor: default !important;
    color: var(--calendar-js-light-color) !important;
  }
  div.jump-to-date input[type=button].go {
    color: var(--calendar-js-light-color);
    background-color: var(--calendar-js-primary-button-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-primary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.jump-to-date input[type=button].go:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.jump-to-date input[type=button].go:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.jump-to-date input[type=button].cancel {
    color: var(--calendar-js-secondary-button-color);
    background-color: var(--calendar-js-light-color);
    border: var(--calendar-js-spacing-border-size-button) solid var(--calendar-js-secondary-button-color);
    box-sizing: border-box;
    transition: var(--calendar-js-transition);
  }
  div.jump-to-date input[type=button].cancel:not(:disabled):hover {
    cursor: pointer;
    opacity: 0.6;
  }
  div.jump-to-date input[type=button].cancel:not(:disabled):active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.jump-to-date input[type=button].go, div.jump-to-date input[type=button].cancel {
    width: 100%;
    max-width: 110px;
    display: inline-block;
    margin-left: var(--calendar-js-spacing);
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Tabs
      -------------------------------------------------------------------------
  */
  div.calendar-dialog div.tab {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    padding: var(--calendar-js-spacing);
    border-top-left-radius: var(--calendar-js-border-radius);
    border-top-right-radius: var(--calendar-js-border-radius);
    border-bottom: none !important;
    text-align: center;
    display: inline-block;
    margin-left: calc(var(--calendar-js-spacing) / 2);
    vertical-align: bottom;
  }
  div.calendar-dialog div.tab-control-selected {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-light-color);
    padding: calc(var(--calendar-js-spacing) + var(--calendar-js-spacing) / 4);
  }
  div.calendar-dialog div.tab-control {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    transition: var(--calendar-js-transition);
  }
  div.calendar-dialog div.tab-control:hover {
    cursor: pointer;
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-light-color);
  }
  div.calendar-dialog div.tab-control:active {
    cursor: pointer;
    opacity: 0.7;
  }
  div.calendar-dialog div.tab-control,
  div.calendar-dialog div.tab-content {
    background-color: #FAFAFA;
    color: var(--calendar-js-dark-color);
  }
  div.calendar-dialog div.tab-content {
    animation: fade-in-effect ease 0.5s;
    -webkit-animation: fade-in-effect ease 0.5s;
    -moz-animation: fade-in-effect ease 0.5s;
    -o-animation: fade-in-effect ease 0.5s;
    -ms-animation: fade-in-effect ease 0.5s;
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    border-radius: var(--calendar-js-border-radius);
    padding: var(--calendar-js-spacing);
    overflow-x: hidden;
    overflow-y: auto;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - CheckBox
      -------------------------------------------------------------------------
  */
  div.calendar div.checkbox-container label.checkbox,
  div.calendar-dialog div.checkbox-container label.checkbox,
  div.calendar div.side-menu div.checkbox-container label.checkbox {
    margin-bottom: calc(var(--calendar-js-spacing) / 2) !important;
  }
  div.calendar div.checkbox-container div:last-child label.checkbox,
  div.calendar-dialog div.checkbox-container div:last-child label.checkbox,
  div.calendar div.side-menu div.checkbox-container div:last-child label.checkbox {
    margin-bottom: 0 !important;
  }
  div.calendar label.checkbox-tabbed-in,
  div.calendar-dialog label.checkbox-tabbed-in,
  div.calendar div.side-menu label.checkbox-tabbed-in {
    margin-left: var(--calendar-js-input-checkbox-size-with-spacing);
  }
  div.calendar label.checkbox-tabbed-down,
  div.calendar-dialog label.checkbox-tabbed-down,
  div.calendar div.side-menu label.checkbox-tabbed-down {
    margin-top: 5px;
  }
  div.calendar label.checkbox,
  div.calendar-dialog label.checkbox,
  div.calendar div.side-menu label.checkbox {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    position: relative;
    padding-left: var(--calendar-js-input-checkbox-size-with-spacing);
    padding-top: 1px;
    margin-bottom: var(--calendar-js-spacing);
    color: var(--calendar-js-dark-color);
  }
  div.calendar label.checkbox input,
  div.calendar-dialog label.checkbox input,
  div.calendar div.side-menu label.checkbox input {
    display: none !important;
  }
  div.calendar label.checkbox input:checked ~ span.check-mark,
  div.calendar-dialog label.checkbox input:checked ~ span.check-mark,
  div.calendar div.side-menu label.checkbox input:checked ~ span.check-mark {
    background-color: var(--calendar-js-dark-color);
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  }
  div.calendar label.checkbox input:checked ~ span.check-mark::before,
  div.calendar-dialog label.checkbox input:checked ~ span.check-mark::before,
  div.calendar div.side-menu label.checkbox input:checked ~ span.check-mark::before {
    display: block;
  }
  div.calendar label.checkbox input:disabled ~ span.check-mark, div.calendar label.checkbox input:disabled ~ span.text,
  div.calendar-dialog label.checkbox input:disabled ~ span.check-mark,
  div.calendar-dialog label.checkbox input:disabled ~ span.text,
  div.calendar div.side-menu label.checkbox input:disabled ~ span.check-mark,
  div.calendar div.side-menu label.checkbox input:disabled ~ span.text {
    opacity: 0.5;
  }
  div.calendar label.checkbox input:disabled ~ span.check-mark,
  div.calendar-dialog label.checkbox input:disabled ~ span.check-mark,
  div.calendar div.side-menu label.checkbox input:disabled ~ span.check-mark {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
  }
  div.calendar label.checkbox span.check-mark,
  div.calendar-dialog label.checkbox span.check-mark,
  div.calendar div.side-menu label.checkbox span.check-mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: var(--calendar-js-input-background-color);
    border-radius: var(--calendar-js-border-radius);
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    transition: var(--calendar-js-transition);
  }
  div.calendar label.checkbox span.check-mark::before,
  div.calendar-dialog label.checkbox span.check-mark::before,
  div.calendar div.side-menu label.checkbox span.check-mark::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 7px;
    border: solid var(--calendar-js-light-color);
    border-width: 0 3px 3px 0;
  }
  div.calendar label.checkbox:hover span.check-mark,
  div.calendar-dialog label.checkbox:hover span.check-mark,
  div.calendar div.side-menu label.checkbox:hover span.check-mark {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Radio Button
      -------------------------------------------------------------------------
  */
  div.calendar p.text-header,
  div.calendar-dialog p.text-header {
    font-weight: 700 !important;
  }
  div.calendar div.radio-buttons-container,
  div.calendar-dialog div.radio-buttons-container {
    position: relative;
  }
  div.calendar div.radio-button-container,
  div.calendar-dialog div.radio-button-container {
    margin-bottom: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar div.radio-button-container label.radio-button,
  div.calendar-dialog div.radio-button-container label.radio-button {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-top: 1px;
    color: var(--calendar-js-dark-color);
  }
  div.calendar div.radio-button-container label.radio-button input,
  div.calendar-dialog div.radio-button-container label.radio-button input {
    display: none !important;
  }
  div.calendar div.radio-button-container label.radio-button input:checked ~ span.check-mark,
  div.calendar-dialog div.radio-button-container label.radio-button input:checked ~ span.check-mark {
    background-color: var(--calendar-js-dark-color) !important;
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
  }
  div.calendar div.radio-button-container label.radio-button input:checked ~ span.check-mark::before,
  div.calendar-dialog div.radio-button-container label.radio-button input:checked ~ span.check-mark::before {
    display: block;
  }
  div.calendar div.radio-button-container label.radio-button input:disabled ~ span.check-mark, div.calendar div.radio-button-container label.radio-button input:disabled ~ span.text,
  div.calendar-dialog div.radio-button-container label.radio-button input:disabled ~ span.check-mark,
  div.calendar-dialog div.radio-button-container label.radio-button input:disabled ~ span.text {
    opacity: 0.5;
  }
  div.calendar div.radio-button-container label.radio-button input:disabled ~ span.check-mark,
  div.calendar-dialog div.radio-button-container label.radio-button input:disabled ~ span.check-mark {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color) !important;
  }
  div.calendar div.radio-button-container label.radio-button span.check-mark,
  div.calendar-dialog div.radio-button-container label.radio-button span.check-mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: var(--calendar-js-input-background-color);
    border-radius: 50%;
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-border-color);
    transition: var(--calendar-js-transition);
  }
  div.calendar div.radio-button-container label.radio-button span.check-mark::before,
  div.calendar-dialog div.radio-button-container label.radio-button span.check-mark::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 4px;
    width: 7px;
    height: 7px;
    background-color: var(--calendar-js-light-color);
    border-radius: 50%;
  }
  div.calendar div.radio-button-container label.radio-button:hover span.check-mark,
  div.calendar-dialog div.radio-button-container label.radio-button:hover span.check-mark {
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-input-hover-color);
  }
  div.calendar div.radio-button-container:last-child,
  div.calendar-dialog div.radio-button-container:last-child {
    margin-bottom: 0;
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Tooltip
      -------------------------------------------------------------------------
  */
  div.calendar-tooltip,
  div.calendar-tooltip-event {
    animation: fade-in-effect ease 1s;
    -webkit-animation: fade-in-effect ease 1s;
    -moz-animation: fade-in-effect ease 1s;
    -o-animation: fade-in-effect ease 1s;
    -ms-animation: fade-in-effect ease 1s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    position: absolute;
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    border-radius: var(--calendar-js-border-radius);
    background-color: rgb(240, 237, 199);
    color: var(--calendar-js-dark-color);
    padding: var(--calendar-js-spacing);
    display: none;
    z-index: 2000;
  }
  
  div.calendar-tooltip {
    font-size: smaller !important;
    white-space: nowrap;
    overflow: hidden;
  }
  
  div.calendar-tooltip-event {
    width: 100%;
    max-width: 300px;
  }
  div.calendar-tooltip-event div {
    margin-bottom: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar-tooltip-event div:last-child {
    margin-bottom: 0;
  }
  div.calendar-tooltip-event div.title {
    font-weight: 900;
    width: calc(100% - 24px - var(--calendar-js-spacing));
  }
  div.calendar-tooltip-event div.date,
  div.calendar-tooltip-event div.duration,
  div.calendar-tooltip-event div.description,
  div.calendar-tooltip-event div.location,
  div.calendar-tooltip-event div.repeats,
  div.calendar-tooltip-event div.url {
    font-size: smaller;
  }
  div.calendar-tooltip-event div.url {
    color: blue;
    display: inline-block;
  }
  div.calendar-tooltip-event div.url:hover {
    cursor: pointer;
    text-decoration: underline;
  }
  div.calendar-tooltip-event div.ib-refresh-medium {
    margin-right: calc(var(--calendar-js-spacing) / 2);
  }
  div.calendar-tooltip-event div.title-buttons {
    position: absolute !important;
    right: var(--calendar-js-spacing);
    top: var(--calendar-js-spacing);
  }
  div.calendar-tooltip-event div.title-buttons div.ib-close,
  div.calendar-tooltip-event div.title-buttons div.ib-edit {
    margin-left: calc(var(--calendar-js-spacing) / 2);
    float: right;
  }
  div.calendar-tooltip-event div.title-buttons div.ib-close::before, div.calendar-tooltip-event div.title-buttons div.ib-close::after,
  div.calendar-tooltip-event div.title-buttons div.ib-edit::before,
  div.calendar-tooltip-event div.title-buttons div.ib-edit::after {
    background-color: var(--calendar-js-dark-color);
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Context Menu
      -------------------------------------------------------------------------
  */
  div.calendar-context-menu {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    animation: fade-in-effect ease 0.5s;
    -webkit-animation: fade-in-effect ease 0.5s;
    -moz-animation: fade-in-effect ease 0.5s;
    -o-animation: fade-in-effect ease 0.5s;
    -ms-animation: fade-in-effect ease 0.5s;
    background-color: var(--calendar-js-drop-down-menu-background-color);
    border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
    border-left: var(--calendar-js-spacing-border-left-size) solid var(--calendar-js-dark-color);
    color: var(--calendar-js-dark-color);
    box-shadow: var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-spacing-shadow-size) var(--calendar-js-dark-color);
    border-radius: var(--calendar-js-border-radius);
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    display: none;
    cursor: pointer !important;
    z-index: 1000;
  }
  div.calendar-context-menu div.menu-text {
    display: inline-block;
  }
  div.calendar-context-menu div.bold {
    font-weight: 900;
  }
  div.calendar-context-menu div.ib-plus-icon,
  div.calendar-context-menu div.ib-arrow-expand-left-right-icon,
  div.calendar-context-menu div.ib-hamburger-side-icon,
  div.calendar-context-menu div.ib-close-icon,
  div.calendar-context-menu div.ib-arrow-top-right-icon,
  div.calendar-context-menu div.ib-circle-hollow-icon,
  div.calendar-context-menu div.ib-circle-icon,
  div.calendar-context-menu div.ib-minus-icon,
  div.calendar-context-menu div.ib-octagon-hollow-icon,
  div.calendar-context-menu div.ib-pipe-icon,
  div.calendar-context-menu div.ib-equals-icon,
  div.calendar-context-menu div.ib-rhombus-hollow-icon,
  div.calendar-context-menu div.ib-arrow-down-full-line-icon,
  div.calendar-context-menu div.ib-arrow-up-full-line-share-icon,
  div.calendar-context-menu div.ib-edit-icon {
    margin-right: var(--calendar-js-spacing);
  }
  div.calendar-context-menu div.item {
    padding: calc(var(--calendar-js-spacing) - var(--calendar-js-spacing) / 5);
    padding-right: calc(var(--calendar-js-spacing) * 3);
    transition: var(--calendar-js-transition);
  }
  div.calendar-context-menu div.item:hover {
    background-color: var(--calendar-js-dark-color);
    color: var(--calendar-js-light-color);
  }
  div.calendar-context-menu div.item:hover div.ib-plus-icon::before, div.calendar-context-menu div.item:hover div.ib-plus-icon::after, div.calendar-context-menu div.item:hover div.ib-hamburger-side-icon::before, div.calendar-context-menu div.item:hover div.ib-close-icon::before, div.calendar-context-menu div.item:hover div.ib-close-icon::after, div.calendar-context-menu div.item:hover div.ib-circle-icon, div.calendar-context-menu div.item:hover div.ib-minus-icon::before, div.calendar-context-menu div.item:hover div.ib-pipe-icon::before, div.calendar-context-menu div.item:hover div.ib-equals-icon::before, div.calendar-context-menu div.item:hover div.ib-equals-icon::after, div.calendar-context-menu div.item:hover div.ib-arrow-down-full-line-icon::after, div.calendar-context-menu div.item:hover div.ib-arrow-up-full-line-share-icon::after, div.calendar-context-menu div.item:hover div.ib-edit-icon::before, div.calendar-context-menu div.item:hover div.ib-edit-icon::after {
    background-color: var(--calendar-js-light-color);
  }
  div.calendar-context-menu div.item:hover div.ib-hamburger-side-icon, div.calendar-context-menu div.item:hover div.ib-arrow-expand-left-right-icon::after, div.calendar-context-menu div.item:hover div.ib-arrow-expand-left-right-icon::before, div.calendar-context-menu div.item:hover div.ib-arrow-top-right-icon, div.calendar-context-menu div.item:hover div.ib-circle-hollow-icon, div.calendar-context-menu div.item:hover div.ib-octagon-hollow-icon::before, div.calendar-context-menu div.item:hover div.ib-octagon-hollow-icon::after, div.calendar-context-menu div.item:hover div.ib-rhombus-hollow-icon::before, div.calendar-context-menu div.item:hover div.ib-arrow-up-full-line-share-icon {
    border-color: var(--calendar-js-light-color);
  }
  div.calendar-context-menu div.item:hover div.ib-arrow-down-full-line-icon::before {
    border-top-color: var(--calendar-js-light-color);
  }
  div.calendar-context-menu div.item:hover div.ib-arrow-up-full-line-share-icon::before {
    border-bottom-color: var(--calendar-js-light-color);
  }
  div.calendar-context-menu div.item:active {
    cursor: pointer;
    opacity: 0.4;
  }
  div.calendar-context-menu div.separator {
    border-bottom: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-color);
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Custom Scroll Bar
      -------------------------------------------------------------------------
  */
  .custom-scroll-bars::-webkit-scrollbar {
    width: 12px;
  }
  .custom-scroll-bars::-webkit-scrollbar-track {
    -webkit-box-shadow: var(--calendar-js-scroll-bar-border-style);
    box-shadow: var(--calendar-js-scroll-bar-border-style);
  }
  .custom-scroll-bars::-webkit-scrollbar-thumb {
    -webkit-box-shadow: var(--calendar-js-scroll-bar-border-style);
    box-shadow: var(--calendar-js-scroll-bar-border-style);
    background: var(--calendar-js-light-color);
  }
  .custom-scroll-bars::-webkit-scrollbar-thumb:hover {
    background-color: var(--calendar-js-drop-down-menu-background-color);
  }
  .custom-scroll-bars::-webkit-scrollbar-thumb:active {
    background-color: #C0C0C0;
  }
  
  .dark-thumb-scroll::-webkit-scrollbar-thumb {
    background: var(--calendar-js-dark-lighter-color);
  }
  
  /*
      -------------------------------------------------------------------------
      Calendar.js - Effects
      -------------------------------------------------------------------------
  */
  @keyframes fade-in-effect {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes focused-event-effect {
    0% {
      box-shadow: 0 0 0 0 var(--calendar-js-alert-color);
      box-shadow: 0 0 0 0 rgba(198, 0, 0, 0.5);
    }
    70% {
      box-shadow: 0 0 0 10px var(--calendar-js-alert-color);
      box-shadow: 0 0 0 10px rgba(198, 0, 0, 0);
    }
    100% {
      box-shadow: 0 0 0 0 var(--calendar-js-alert-color);
      box-shadow: 0 0 0 0 rgba(198, 0, 0, 0);
    }
  }
  /*
      -------------------------------------------------------------------------
      Calendar.js - Buttons
      -------------------------------------------------------------------------
  */
  .ib-arrow-left-full {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 16px solid var(--calendar-js-title-bar-button-color);
  }
  .ib-arrow-left-full:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-left-full:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  
  .ib-pin {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    height: 12px;
    border-top: 4px solid var(--calendar-js-title-bar-button-color);
    border-radius: 50%;
  }
  .ib-pin:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-pin:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-pin::before, .ib-pin::after {
    position: absolute;
    content: "";
  }
  .ib-pin::before {
    left: 50%;
    transform: translate(-50%);
    background-color: var(--calendar-js-title-bar-button-color);
    width: 4px;
    height: 6px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    top: 0;
  }
  .ib-pin::after {
    left: 50%;
    transform: translate(-50%);
    background-color: var(--calendar-js-title-bar-button-color);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    bottom: 0;
  }
  
  .ib-refresh {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-refresh:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-refresh:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-refresh::before, .ib-refresh::after {
    position: absolute;
    content: "";
  }
  .ib-refresh::before {
    border-top: 4px solid var(--calendar-js-title-bar-button-color);
    border-left: 4px solid var(--calendar-js-title-bar-button-color);
    border-radius: 4px;
    width: 6.6666666667px;
    height: 12px;
    left: 0;
    top: 0;
  }
  .ib-refresh::after {
    border-bottom: 4px solid var(--calendar-js-title-bar-button-color);
    border-right: 4px solid var(--calendar-js-title-bar-button-color);
    border-radius: 4px;
    width: 6.6666666667px;
    height: 12px;
    right: 0;
    top: 0;
  }
  
  .ib-search {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-search:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-search:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-search::before, .ib-search::after {
    position: absolute;
    content: "";
  }
  .ib-search::before {
    border: 4px solid var(--calendar-js-title-bar-button-color);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 0;
    top: 0;
  }
  .ib-search::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 4px;
    height: 8px;
    background-color: var(--calendar-js-title-bar-button-color);
    right: 2.6666666667px;
    bottom: 0.6666666667px;
  }
  
  .ib-hamburger {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    border-top: 4px solid var(--calendar-js-title-bar-button-color);
    border-bottom: 4px solid var(--calendar-js-title-bar-button-color);
    border-radius: 4px;
    height: 8px;
  }
  .ib-hamburger:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-hamburger:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-hamburger::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(0, -50%);
    background-color: var(--calendar-js-title-bar-button-color);
    width: 100%;
    height: 4px;
    border-radius: 4px;
    left: 0;
  }
  
  .ib-hamburger-side {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    border-left: 4px solid var(--calendar-js-title-bar-button-color);
    border-right: 4px solid var(--calendar-js-title-bar-button-color);
    border-radius: 4px;
    width: 8px;
  }
  .ib-hamburger-side:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-hamburger-side:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-hamburger-side::before {
    position: absolute;
    content: "";
    left: 50%;
    transform: translate(-50%);
    background-color: var(--calendar-js-title-bar-button-color);
    width: 4px;
    height: 100%;
    border-radius: 4px;
    top: 0;
  }
  
  .ib-eye {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    border-top: 4px solid var(--calendar-js-title-bar-button-color);
    border-bottom: 4px solid var(--calendar-js-title-bar-button-color);
    border-radius: 50%;
    height: 8px;
  }
  .ib-eye:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-eye:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-eye::before {
    position: absolute;
    content: "";
    left: calc(50% - 2px);
    transform: translate(-50%);
    top: 50%;
    transform: translate(0, -50%);
    background-color: var(--calendar-js-title-bar-button-color);
    width: 4px;
    height: 4px;
    border-radius: 50%;
  }
  
  .ib-arrow-down-full-line {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-arrow-down-full-line:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-down-full-line:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-arrow-down-full-line::before, .ib-arrow-down-full-line::after {
    position: absolute;
    content: "";
  }
  .ib-arrow-down-full-line::before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--calendar-js-title-bar-button-color);
    left: 0;
    bottom: 0;
  }
  .ib-arrow-down-full-line::after {
    left: 50%;
    transform: translate(-50%);
    width: 8px;
    height: 8px;
    background-color: var(--calendar-js-title-bar-button-color);
    top: 0;
  }
  
  .ib-plus {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-plus:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-plus:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-plus::before, .ib-plus::after {
    position: absolute;
    content: "";
  }
  .ib-plus::before {
    left: 50%;
    transform: translate(-50%);
    background-color: var(--calendar-js-title-bar-button-color);
    width: 4px;
    height: 100%;
    border-radius: 4px;
    top: 0;
  }
  .ib-plus::after {
    top: 50%;
    transform: translate(0, -50%);
    background-color: var(--calendar-js-title-bar-button-color);
    width: 100%;
    height: 4px;
    border-radius: 4px;
    left: 0;
  }
  
  .ib-arrow-right-full {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 16px solid var(--calendar-js-title-bar-button-color);
  }
  .ib-arrow-right-full:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-right-full:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  
  .ib-minus {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-minus:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-minus:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-minus::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(0, -50%);
    background-color: var(--calendar-js-title-bar-button-color);
    width: 100%;
    height: 4px;
    border-radius: 4px;
    left: 0;
  }
  
  .ib-square-hollow {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    border: 4px solid var(--calendar-js-title-bar-button-color);
    border-radius: 4px;
    width: 8px;
    height: 8px;
  }
  .ib-square-hollow:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-square-hollow:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  
  .ib-close {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-close:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-close:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-close::before, .ib-close::after {
    position: absolute;
    content: "";
  }
  .ib-close::before, .ib-close::after {
    width: 4px;
    height: 18px;
    background-color: var(--calendar-js-title-bar-button-color);
    border-radius: 4px;
    left: 6px;
    top: -1px;
  }
  .ib-close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .ib-close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  .ib-arrow-expand-left-right {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-arrow-expand-left-right:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-expand-left-right:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-arrow-expand-left-right::before, .ib-arrow-expand-left-right::after {
    position: absolute;
    content: "";
  }
  .ib-arrow-expand-left-right::before {
    border-left: 4px solid var(--calendar-js-title-bar-button-color);
    border-bottom: 4px solid var(--calendar-js-title-bar-button-color);
    width: 8px;
    height: 8px;
    bottom: 0;
    left: 0;
  }
  .ib-arrow-expand-left-right::after {
    border-right: 4px solid var(--calendar-js-title-bar-button-color);
    border-top: 4px solid var(--calendar-js-title-bar-button-color);
    width: 8px;
    height: 8px;
    top: 0;
    right: 0;
  }
  
  .ib-arrow-contract-left-right {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-arrow-contract-left-right:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-contract-left-right:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-arrow-contract-left-right::before, .ib-arrow-contract-left-right::after {
    position: absolute;
    content: "";
  }
  .ib-arrow-contract-left-right::before {
    border-right: 4px solid var(--calendar-js-title-bar-button-color);
    border-top: 4px solid var(--calendar-js-title-bar-button-color);
    width: 4px;
    height: 4px;
    bottom: 0;
    left: 0;
  }
  .ib-arrow-contract-left-right::after {
    border-left: 4px solid var(--calendar-js-title-bar-button-color);
    border-bottom: 4px solid var(--calendar-js-title-bar-button-color);
    width: 4px;
    height: 4px;
    top: 0;
    right: 0;
  }
  
  .ib-octagon-hollow {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-octagon-hollow:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-octagon-hollow:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-octagon-hollow::before, .ib-octagon-hollow::after {
    position: absolute;
    content: "";
  }
  .ib-octagon-hollow::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: 4px solid var(--calendar-js-title-bar-button-color);
    width: 4px;
    height: 4px;
    left: 2px;
    top: 2px;
  }
  .ib-octagon-hollow::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border: 4px solid var(--calendar-js-title-bar-button-color);
    width: 4px;
    height: 4px;
    left: 2px;
    top: 2px;
  }
  
  .ib-rewind {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-rewind:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-rewind:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-rewind::before, .ib-rewind::after {
    position: absolute;
    content: "";
  }
  .ib-rewind::before {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid var(--calendar-js-title-bar-button-color);
    left: 0;
    top: 0;
  }
  .ib-rewind::after {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid var(--calendar-js-title-bar-button-color);
    right: 0;
    top: 0;
  }
  
  .ib-forward {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-forward:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-forward:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-forward::before, .ib-forward::after {
    position: absolute;
    content: "";
  }
  .ib-forward::before {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--calendar-js-title-bar-button-color);
    right: 0;
    top: 0;
  }
  .ib-forward::after {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--calendar-js-title-bar-button-color);
    left: 0;
    top: 0;
  }
  
  .ib-arrow-down-full {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    width: 0;
    height: 0;
    border-top: 16px solid var(--calendar-js-dark-color);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
  }
  .ib-arrow-down-full:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-down-full:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  
  .ib-arrow-up-full {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid var(--calendar-js-dark-color);
  }
  .ib-arrow-up-full:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-up-full:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  
  .ib-square {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    background-color: var(--calendar-js-title-bar-button-color);
    border-radius: 4px;
  }
  .ib-square:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-square:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  
  .ib-arrow-up-full-line {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-arrow-up-full-line:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-up-full-line:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-arrow-up-full-line::before, .ib-arrow-up-full-line::after {
    position: absolute;
    content: "";
  }
  .ib-arrow-up-full-line:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--calendar-js-title-bar-button-color);
    left: 0;
    top: 0;
  }
  .ib-arrow-up-full-line:after {
    left: 50%;
    transform: translate(-50%);
    width: 8px;
    height: 8px;
    background-color: var(--calendar-js-title-bar-button-color);
    bottom: 0;
  }
  
  .ib-expand {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-expand:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-expand:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-expand::before, .ib-expand::after {
    position: absolute;
    content: "";
  }
  .ib-expand:before {
    border-left: 6px solid var(--calendar-js-title-bar-button-color);
    border-right: 6px solid var(--calendar-js-title-bar-button-color);
    width: 4px;
    height: 6px;
    border-radius: 4px;
    left: 0;
    top: 0;
  }
  .ib-expand:after {
    border-left: 6px solid var(--calendar-js-title-bar-button-color);
    border-right: 6px solid var(--calendar-js-title-bar-button-color);
    width: 4px;
    height: 6px;
    border-radius: 4px;
    left: 0;
    bottom: 0;
  }
  
  .ib-hourglass {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-hourglass:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-hourglass:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-hourglass::before, .ib-hourglass::after {
    position: absolute;
    content: "";
  }
  .ib-hourglass:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--calendar-js-title-bar-button-color);
    left: 0;
    bottom: 0;
  }
  .ib-hourglass:after {
    width: 0;
    height: 0;
    border-top: 8px solid var(--calendar-js-title-bar-button-color);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 0;
    top: 0;
  }
  
  .ib-bar-graph {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    border-top: 4px solid var(--calendar-js-title-bar-button-color);
    height: 12px;
  }
  .ib-bar-graph:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-bar-graph:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-bar-graph::before, .ib-bar-graph::after {
    position: absolute;
    content: "";
  }
  .ib-bar-graph:before {
    top: calc(50% - 2px);
    transform: translate(0, -50%);
    background-color: var(--calendar-js-light-color);
    height: 4px;
    width: 5.3333333333px;
    bottom: 0;
    left: 0;
  }
  .ib-bar-graph:after {
    background-color: var(--calendar-js-light-color);
    height: 4px;
    width: 8px;
    bottom: 0;
    left: 0;
  }
  
  .ib-edit {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    position: relative;
  }
  .ib-edit:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-edit:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-edit::before, .ib-edit::after {
    position: absolute;
    content: "";
  }
  .ib-edit::before {
    width: 4px;
    height: 12px;
    background-color: var(--calendar-js-title-bar-button-color);
    border-radius: 4px;
    left: 6px;
    top: -1px;
    -webkit-transform: rotate(41deg);
    -ms-transform: rotate(41deg);
    transform: rotate(41deg);
  }
  .ib-edit::after {
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: var(--calendar-js-title-bar-button-color);
    border-radius: var(--calendar-js-border-radius);
    bottom: 2px;
    left: 0;
  }
  
  .ib-arrow-right-full-line {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-arrow-right-full-line:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-right-full-line:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-arrow-right-full-line::before, .ib-arrow-right-full-line::after {
    position: absolute;
    content: "";
  }
  .ib-arrow-right-full-line:before {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--calendar-js-title-bar-button-color);
    right: 0;
    top: 0;
  }
  .ib-arrow-right-full-line:after {
    top: 50%;
    transform: translate(0, -50%);
    width: 8px;
    height: 8px;
    background-color: var(--calendar-js-title-bar-button-color);
    left: 0;
  }
  
  .ib-plus-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
  }
  .ib-plus-icon::before {
    position: absolute;
    content: "";
    left: 50%;
    transform: translate(-50%);
    background-color: var(--calendar-js-menu-item-icon-color);
    width: 3px;
    height: 100%;
    border-radius: 3px;
    top: 0;
  }
  .ib-plus-icon::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(0, -50%);
    background-color: var(--calendar-js-menu-item-icon-color);
    width: 100%;
    height: 3px;
    border-radius: 3px;
    left: 0;
  }
  
  .ib-hamburger-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    border-top: 3px solid var(--calendar-js-menu-item-icon-color);
    border-bottom: 3px solid var(--calendar-js-menu-item-icon-color);
    border-radius: 3px;
    height: 6px;
  }
  .ib-hamburger-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-hamburger-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-hamburger-icon::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(0, -50%);
    background-color: var(--calendar-js-menu-item-icon-color);
    width: 100%;
    height: 3px;
    border-radius: 3px;
    left: 0;
  }
  
  .ib-hamburger-side-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    border-right: 3px solid var(--calendar-js-menu-item-icon-color);
    border-left: 3px solid var(--calendar-js-menu-item-icon-color);
    border-radius: 3px;
    width: 6px;
  }
  .ib-hamburger-side-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-hamburger-side-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-hamburger-side-icon::before {
    position: absolute;
    content: "";
    left: 50%;
    transform: translate(-50%);
    background-color: var(--calendar-js-menu-item-icon-color);
    width: 3px;
    height: 100%;
    border-radius: 3px;
    top: 0;
  }
  
  .ib-arrow-expand-left-right-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-arrow-expand-left-right-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-expand-left-right-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-arrow-expand-left-right-icon::before, .ib-arrow-expand-left-right-icon::after {
    position: absolute;
    content: "";
  }
  .ib-arrow-expand-left-right-icon::before {
    border-left: 3px solid var(--calendar-js-menu-item-icon-color);
    border-bottom: 3px solid var(--calendar-js-menu-item-icon-color);
    width: 6px;
    height: 6px;
    bottom: 0;
    left: 0;
  }
  .ib-arrow-expand-left-right-icon::after {
    border-right: 3px solid var(--calendar-js-menu-item-icon-color);
    border-top: 3px solid var(--calendar-js-menu-item-icon-color);
    width: 6px;
    height: 6px;
    top: 0;
    right: 0;
  }
  
  .ib-close-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-close-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-close-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-close-icon::before, .ib-close-icon::after {
    position: absolute;
    content: "";
  }
  .ib-close-icon::before, .ib-close-icon::after {
    width: 3px;
    height: 13.5px;
    background-color: var(--calendar-js-menu-item-icon-color);
    border-radius: 3px;
    left: 4.5px;
    top: -0.75px;
  }
  .ib-close-icon::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .ib-close-icon::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  .ib-arrow-top-right-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    width: 9px;
    height: 9px;
    border-right: 3px solid var(--calendar-js-menu-item-icon-color);
    border-top: 3px solid var(--calendar-js-menu-item-icon-color);
    border-radius: 3px;
  }
  .ib-arrow-top-right-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-top-right-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  
  .ib-circle-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    background-color: var(--calendar-js-menu-item-icon-color);
    border-radius: 50%;
  }
  .ib-circle-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-circle-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  
  .ib-circle-hollow-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    border: 3px solid var(--calendar-js-menu-item-icon-color);
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }
  .ib-circle-hollow-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-circle-hollow-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  
  .ib-minus-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-minus-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-minus-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-minus-icon::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(0, -50%);
    background-color: var(--calendar-js-menu-item-icon-color);
    width: 100%;
    height: 3px;
    border-radius: 3px;
    left: 0;
  }
  
  .ib-octagon-hollow-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-octagon-hollow-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-octagon-hollow-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-octagon-hollow-icon::before, .ib-octagon-hollow-icon::after {
    position: absolute;
    content: "";
  }
  .ib-octagon-hollow-icon::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: 3px solid var(--calendar-js-menu-item-icon-color);
    width: 3px;
    height: 3px;
    left: 1.5px;
    top: 1.5px;
  }
  .ib-octagon-hollow-icon::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border: 3px solid var(--calendar-js-menu-item-icon-color);
    width: 3px;
    height: 3px;
    left: 1.5px;
    top: 1.5px;
  }
  
  .ib-pipe-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-pipe-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-pipe-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-pipe-icon::before {
    position: absolute;
    content: "";
    left: 50%;
    transform: translate(-50%);
    background-color: var(--calendar-js-menu-item-icon-color);
    width: 3px;
    height: 100%;
    border-radius: 3px;
    top: 0;
  }
  
  .ib-equals-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-equals-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-equals-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-equals-icon::before, .ib-equals-icon::after {
    position: absolute;
    content: "";
  }
  .ib-equals-icon:before {
    top: calc(50% - 3px);
    transform: translate(0, -50%);
    background-color: var(--calendar-js-menu-item-icon-color);
    width: 100%;
    height: 3px;
    border-radius: 3px;
    left: 0;
  }
  .ib-equals-icon:after {
    top: calc(50% + 3px);
    transform: translate(0, -50%);
    background-color: var(--calendar-js-menu-item-icon-color);
    width: 100%;
    height: 3px;
    border-radius: 3px;
    left: 0;
  }
  
  .ib-rhombus-hollow-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-rhombus-hollow-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-rhombus-hollow-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-rhombus-hollow-icon:before {
    position: absolute;
    content: "";
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: 3px solid var(--calendar-js-menu-item-icon-color);
    border-radius: 3px;
    width: 3px;
    height: 3px;
    left: 1.5px;
    top: 1.5px;
  }
  
  .ib-arrow-down-full-line-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
  }
  .ib-arrow-down-full-line-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-down-full-line-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-arrow-down-full-line-icon::before, .ib-arrow-down-full-line-icon::after {
    position: absolute;
    content: "";
  }
  .ib-arrow-down-full-line-icon::before {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--calendar-js-menu-item-icon-color);
    left: 0;
    bottom: 0;
  }
  .ib-arrow-down-full-line-icon::after {
    left: 50%;
    transform: translate(-50%);
    width: 6px;
    height: 6px;
    background-color: var(--calendar-js-menu-item-icon-color);
    top: 0;
  }
  
  .ib-arrow-up-full-line-share-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    width: 8px;
    height: 10px;
    border-bottom: 2px solid var(--calendar-js-menu-item-icon-color);
    border-left: 2px solid var(--calendar-js-menu-item-icon-color);
    border-right: 2px solid var(--calendar-js-menu-item-icon-color);
    border-radius: 3px;
  }
  .ib-arrow-up-full-line-share-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-up-full-line-share-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-arrow-up-full-line-share-icon::before, .ib-arrow-up-full-line-share-icon::after {
    position: absolute;
    content: "";
  }
  .ib-arrow-up-full-line-share-icon:before {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid var(--calendar-js-menu-item-icon-color);
    left: 0;
    top: 0;
  }
  .ib-arrow-up-full-line-share-icon:after {
    left: 50%;
    transform: translate(-50%);
    width: 4px;
    height: 4px;
    background-color: var(--calendar-js-menu-item-icon-color);
    bottom: 0;
  }
  
  .ib-edit-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    position: relative;
  }
  .ib-edit-icon:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-edit-icon:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-edit-icon::before, .ib-edit-icon::after {
    position: absolute;
    content: "";
  }
  .ib-edit-icon::before {
    width: 3px;
    height: 9px;
    background-color: var(--calendar-js-menu-item-icon-color);
    border-radius: 3px;
    left: 4.5px;
    top: -0.75px;
    -webkit-transform: rotate(41deg);
    -ms-transform: rotate(41deg);
    transform: rotate(41deg);
  }
  .ib-edit-icon::after {
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: var(--calendar-js-menu-item-icon-color);
    border-radius: var(--calendar-js-border-radius);
    bottom: 1.5px;
    left: 0;
  }
  
  .ib-refresh-medium {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    border-color: var(--calendar-js-light-color);
  }
  .ib-refresh-medium:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-refresh-medium:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-refresh-medium::before, .ib-refresh-medium::after {
    position: absolute;
    content: "";
  }
  .ib-refresh-medium::before {
    border-top: 3px solid;
    border-left: 3px solid;
    border-radius: 3px;
    width: 5px;
    height: 9px;
    left: 0;
    top: 0;
  }
  .ib-refresh-medium::after {
    border-bottom: 3px solid;
    border-right: 3px solid;
    border-radius: 3px;
    width: 5px;
    height: 9px;
    right: 0;
    top: 0;
  }
  
  .ib-refresh-small {
    width: 8px;
    height: 8px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    border-color: var(--calendar-js-light-color);
  }
  .ib-refresh-small:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-refresh-small:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  .ib-refresh-small::before, .ib-refresh-small::after {
    position: absolute;
    content: "";
  }
  .ib-refresh-small::before {
    border-top: 2px solid;
    border-left: 2px solid;
    border-radius: 2px;
    width: 3.3333333333px;
    height: 6px;
    left: 0;
    top: 0;
  }
  .ib-refresh-small::after {
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-radius: 2px;
    width: 3.3333333333px;
    height: 6px;
    right: 0;
    top: 0;
  }
  
  .ib-arrow-down-full-medium {
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    width: 0;
    height: 0;
    border-top: 10px solid var(--calendar-js-dark-color);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
  .ib-arrow-down-full-medium:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-down-full-medium:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }
  
  .ib-arrow-up-full-medium {
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid var(--calendar-js-light-color);
  }
  .ib-arrow-up-full-medium:not(.ib-no-hover):hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .ib-arrow-up-full-medium:not(.ib-no-active):active {
    cursor: pointer;
    opacity: 0.5;
  }/*# sourceMappingURL=calendar.js.css.map */


.main-header {
    display: contents !important;
}

.custab-design-urs-head .nav>li>a {
    position: relative;
    display: block;
    padding: 0px 0px !important;
    margin-right:20px !important;
}

.custab-design-urs-head .nav-pills>li.active>a {
    border:#03acec !important;
    border-radius: 5px;
    background-color: #03acec !important;
    color: white !important;
    border-bottom-width: 0px;
    padding: 4px 10px 4px 10px !important;
    margin: -1px;
}