/* // Calendar style schedule */
:root {
  --purple: #834D9D;
  --purple_muted: #e6dbeb;
  --orange: #F2A431;
  --orange_muted: #fcecd5;
  --green: #55B849;
  --green_muted: #ddf0da;
  --peach: #DB8457;
  --peach_muted: #f7e6dd;
  --lavender: #8174B1;
  --lavender_muted: #e5e3ef;
  --aquamarine: #ADD8E6;
  --aquamarine_muted: #eef7fa;
  --dark_blue: #000080;
  --dark_blue_muted: #cccce5;
  --dark_red: #800020;
  --dark_red_muted: #e5ccd2;
  --dark_green: #228B22;
  --dark_green_muted: #d2e7d2;
  --lemon: #F5C108;
  --lemon_muted: #fdf2cd;
  --dirty_pink: #DA3074;
  --dirty_pink_muted: #f7d5e3;
  --electric_purple: #CC00FF;
  --electric_purple_muted: #f4ccff;
  --deep_orange: #FF9900;
  --deep_orange_muted: #ffeacc;
  --teal_blue: #006666;
  --teal_blue_muted: #cce0e0;
  --dark_magenta: #660066;
  --dark_magenta_muted: #e0cce0;
  --fc-bg-event-color: var(--aquamarine);
}
.lecture {
  background-color: var(--dark_blue);
  border-color: var(--dark_blue);
  --tooltip-border-color: var(--dark_blue); 
  --tooltip-bg-color: var(--dark_blue_muted); 
}

.talk {
  background-color: var(--lavender);
  border-color: var(--lavender);
  --tooltip-border-color: var(--lavender);
  --tooltip-bg-color: var(--lavender_muted);
}

.exercise {
  background-color: var(--lemon);
  border-color: var(--lemon);
  --tooltip-border-color: var(--lemon);
  --tooltip-bg-color: var(--lemon_muted);
}

.meal {
  background-color: var(--dark_green);
  border-color: var(--dark_green);
  --tooltip-border-color: var(--dark_green);
  --tooltip-bg-color: var(--dark_green_muted);
}

.party {
  background-color: var(--dark_magenta);
  border-color: var(--dark_magenta);
  --tooltip-border-color: var(--dark_magenta);
  --tooltip-bg-color: var(--dark_magenta_muted);
}

.other {
  background-color: var(--peach);
  border-color: var(--peach);
  --tooltip-border-color: var(--peach);
  --tooltip-bg-color: var(--peach_muted);
}

.fc-event-title {
  font-weight: bold;
  font-size: 0.8em;
}
.fc-event-location {
  font-size: 0.8em;
  font-style: italic;
}
.fc-list-event {
  background-color: white;
}
.newdot {
  display: inline-block !important;
  box-sizing: content-box !important;
  width: calc(var(--fc-list-event-dot-width)) !important;
  height: calc(var(--fc-list-event-dot-width)) !important;
  border-radius: calc(var(--fc-list-event-dot-width) / 2);
}
.location {
  font-style: italic;
  font-size: 0.8em;
}

.popper,
.tooltip {
  position: absolute;
  z-index: 9999;
  background: var(--tooltip-bg-color);
  color: black;
  width: 150px;
  border-radius: 10px;
  border: 1px solid var(--tooltip-border-color); /* Add a solid border */
  box-shadow: 0 0 2px var(--tooltip-border-color); /* Use the dynamically set box-shadow color */
  padding: 10px;
  text-align: center;
}

.style5 .tooltip {
  background: #1E252B;
  color: #FFFFFF;
  max-width: 200px;
  width: auto;
  font-size: .8rem;
  padding: .5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
  border-color: #1E252B;
}
.style5 .tooltip .tooltip-arrow {
  border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
  margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}


.fc-toolbar .fc-toolbar-chunk{
  display: flex;
  flex-wrap: wrap; /* Stack buttons vertically */
  gap: 5px 20px; /* Add gap between buttons */
}

.fc-direction-ltr .fc-toolbar .fc-button-group{
  margin: 0;
}