/*
 * Calendar.js Library v2.12.2
 *
 * 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: 0.9rem;
  --calendar-js-small-font-size: 0.7rem;
  --calendar-js-dark-color: #3b3a3a;
  --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: #E0E0E0;
  --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: 10px;
  --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: #282828;
    --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.fixed-height div.header-days {
  flex: none !important;
}
div.fixed-height div.row-cells {
  flex: 1 1 auto;
}
div.fixed-height div.full-month-view {
  display: flex;
  flex-flow: column;
  height: 100%;
}

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.full-month-view {
  display: flex;
  flex-flow: column;
  height: 100%;
}
div.full-screen-view div.plus-x-events {
  display: none !important;
}

/*
    -------------------------------------------------------------------------
    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: #eceaea;
}
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: 300;
  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);
  padding-left: calc(var(--calendar-js-spacing) * 4);
  padding-right: calc(var(--calendar-js-spacing) * 4);
  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;
  transition-property: opacity;
}
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.left-divider-line-events,
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,
div.calendar div.full-day-view div.title-bar div.left-divider-line-events {
  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,
  div.calendar div.full-day-view div.title-bar div.left-divider-line-events {
    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,
  div.calendar div.full-day-view div.title-bar div.left-divider-line-events {
    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.left-divider-line-events,
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,
div.calendar div.full-week-view div.title-bar div.left-divider-line-events {
  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,
  div.calendar div.full-week-view div.title-bar div.left-divider-line-events {
    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,
  div.calendar div.full-week-view div.title-bar div.left-divider-line-events {
    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.left-divider-line-events,
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.left-divider-line-events,
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: #474545;
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-lighter-color);
  font-weight: 500;
  transition: var(--calendar-js-transition);
  transition-property: opacity;
}
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 {
  transition-property: opacity;
  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: 0.7rem;
}
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: 0.75rem;
  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.left-divider-line-events,
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,
  div.calendar div.full-month-view div.title-bar div.left-divider-line-events {
    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,
  div.calendar div.full-month-view div.title-bar div.left-divider-line-events {
    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: var(--calendar-js-event-color);
  padding: 3px;
  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: 0.7rem !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.left-divider-line-events,
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,
div.calendar div.full-year-view div.title-bar div.left-divider-line-events {
  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,
  div.calendar div.full-year-view div.title-bar div.left-divider-line-events {
    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,
  div.calendar div.full-year-view div.title-bar div.left-divider-line-events {
    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.left-divider-line-events,
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,
div.calendar div.all-events-view div.title-bar div.left-divider-line-events {
  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,
  div.calendar div.all-events-view div.title-bar div.left-divider-line-events {
    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,
  div.calendar div.all-events-view div.title-bar div.left-divider-line-events {
    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.left-divider-line-events,
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,
div.calendar div.timeline-view div.title-bar div.left-divider-line-events {
  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,
  div.calendar div.timeline-view div.title-bar div.left-divider-line-events {
    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,
  div.calendar div.timeline-view div.title-bar div.left-divider-line-events {
    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: 2010;
}
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: 2002;
}
@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: 2001;
}

/*
    -------------------------------------------------------------------------
    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);
  transition: none !important;
}
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 {
  transition-property: opacity;
  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);
  transition-property: opacity;
}
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);
  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;
  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 span.url-text {
  color: blue;
}
div.calendar-tooltip-event div.url span.url-text: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);
  transition: none !important;
}
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 */