select {
  pointer-events: all;
}
:root {
  /* Fonts */
  --font-base-size: 16px;
  --font-family: 'Poppins', sans-serif;
  --font-weight-base: 400;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  /* Colors */
  --color-jb-green-1: #51B046;
  --color-jb-green-2: #77C06D;
  --color-jb-green-3: #9CD193;
  --color-jb-green-4: #BDDFB7;
  --color-jb-green-5: #DCEFDA;
  --color-jb-gray-1: #212121;
  --color-jb-gray-2: #666666;
  --color-jb-gray-3: #9A9A9A;
  --color-jb-gray-4: #CDCDCD;
  --color-jb-gray-5: #F7F7F7;
  --color-jb-gray-6: #D9D9D9;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-dark-gray: #252525;
  --color-gray: #808285;
  --color-light-orange: #FAB72B;
  --color-light-orange-25: #FAB72B40;
  --color-red: #E84133;
  --color-red-2: #E8413340;
  --color-innio-green-1: #24DB82;
  --color-innio-lila-2: #8C57FF;
  --color-hyperlink: #5102FF;
  --color-globe: var(--color-white);

  --calendar-js-spacing: 10px;
  --calendar-js-spacing-border-size: 0.5px;
}


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: 'Poppins', sans-serif;
}

div.calendar {
  border: none;
  border-radius: 0px;
}

div.calendar div.header-days div.cell {
  text-transform: none;
  font-size: 12px;
  line-height: 125%;
  font-weight: var(--font-weight-semi-bold);
  color: var(--color-dark-gray);
  align-self: center;
}

@media screen and (min-width: 1200px) {
  div.calendar div.header-days div.cell {
    font-size: 14px;
  }
}

@media screen and (min-width: 1440px) {
  div.calendar div.header-days div.cell {
    font-size: 16px;
  }
}

div.calendar div.full-month-view div.title-bar {
  background-color: var(--color-white);
  color: var(--color-black);
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 768px) {
  div.calendar div.full-month-view div.title-bar {
    justify-content: flex-start;
  }
}
div.calendar div.full-month-view div.title-bar div.title-container span {
  font-size: 24px;
  font-weight: 600;
}
div.calendar div.header-days {
  background-color: var(--color-jb-gray-5)!important;
}
div.calendar div.row-cells div.cell {
  color: var(--color-dark-gray);
}
div.calendar div.header-days.row-cells div.cell,
div.calendar div.row-cells div.cell span.day-muted {
  opacity: 0.5;
}
div.calendar div.full-year-view div.contents div.year-month div.days div.cell-today {
  font-weight: var(--font-weight-bold);
  color: var(--color-dark-gray)!important;
}
.ib-arrow-right-full {
  background-image: url("../img/icons/next-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  width: 1rem;
  height: 1rem;
}
.ib-arrow-left-full {
  background-image: url("../img/icons/prev-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  width: 1rem;
  height: 1rem;
}
div.calendar div.row-cells,
div.calendar div.row-cells div.cell {
  border: none
}
div.calendar div.row-cells:nth-child(even),
div.calendar div.row-cells:nth-child(even) div.weekend-day {
  background-color: var(--color-jb-gray-5);
}
div.calendar div.row-cells:nth-child(odd),
div.calendar div.row-cells:nth-child(odd) div.weekend-day {
  background-color: var(--color-white);
}
div.calendar div.full-month-view div.title-bar div.ib-hamburger,
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-arrow-right-full-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.left-divider-line {
  display: none!important;
}
div.calendar div.row-cells div.cell span.first-day {
  background-color: transparent;
}
div.calendar div.row-cells div.cell span.today {
  background-color: transparent!important;
  color: var(--color-dark-gray)!important;
  font-weight: bold;
}
div.calendar div.full-month-view div.row-cells div.cell div.event {
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  font-weight: 700;
  font-size: 12px!important;
  text-align: left;
  overflow: visible;
  border-color: transparent;
  min-height: 13px;
  background-color: transparent;
}
#calendar-month-view div.full-month-view div.row-cells div.cell div.event {
  text-wrap: auto;
}
div.calendar div.full-month-view div.row-cells div.cell div.event[event-type="0"] {
  border-color: var(--color-jb-green-1);
  background-color: var(--color-jb-green-1);
}
div.calendar div.full-month-view div.row-cells div.cell div.event[event-type="1"] {
  border-color: var(--color-jb-green-1);
  background-color: var(--color-jb-green-5);
  color: var(--color-jb-gray-2);
}
div.calendar div.full-month-view div.row-cells div.cell div.event[event-type="2"] {
  border-color: var(--color-jb-gray-2);
  background-color: var(--color-jb-gray-2);
}
div.calendar div.full-month-view div.row-cells div.cell div.event[event-type="3"] {
  border-color: var(--color-jb-green-3);
  background-color: var(--color-jb-green-3);
}
div.calendar div.full-month-view div.row-cells div.cell div.event[event-type="4"] {
  border-color: var(--color-jb-gray-4);
  background-color: var(--color-jb-gray-4);
  color: var(--color-jb-gray-2);
}
div.calendar div.full-month-view div.row-cells div.cell div.event[event-type="5"] {
  border-color: var(--color-jb-gray-1);
  background-color: var(--color-jb-gray-1);
}
div.calendar div.full-month-view div.row-cells div.cell div.expired,
div.calendar div.full-month-view div.row-cells div.cell div.expired.not-in-current-month,
div.calendar div.full-month-view div.row-cells div.cell div.not-in-current-month {
  opacity: 1;
}
div.calendar-tooltip, div.calendar-tooltip-event {
  background-color: var(--color-white);
  border-radius: 2px;
  border-color: var(--color-jb-green-1);
  color: var(--color-black);
}
@media screen and (max-width: 768px) {
  div.calendar-tooltip-event {
    max-width: 150px;
  }
}
div.calendar-tooltip-event div.title-buttons div.ib-close, div.calendar-tooltip-event div.title-buttons div.ib-edit {
  display: none;
}
div.calendar div.full-month-view div.title-bar div.title-container {
  cursor: pointer;
}
div.calendar div.full-month-view div.row-cells div.week-number {
  min-width: 33px;
  width: calc((100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size) / 7)) / 2);
}
div.calendar div.row-cells div.cell {
  padding: 0 1px;
}
@media screen and (min-width: 768px) {
  div.calendar div.row-cells div.cell {
      padding: 4px 5px;
  }
  #calendar-month-view div.row-cells.days div.cell {
    height: 5rem;
  } 
}
@media screen and (min-width: 1440px) {
  div.calendar div.row-cells div.cell {
      padding: 1px 10px;
  }
}
#calendar-year-view .full-year-view {
  background-color: var(--color-white);
}
@media screen and (max-width: 767px) {
  #calendar-month-view div.full-month-view div.row-cells div.cell div.event {
    margin-top:0;
    height: 2rem;
    display: flex;
    align-items: center;
    text-wrap: auto;
    font-size: 8px!important;
  }
}
@media screen and (max-width: 767px) {
  div.calendar div.row-cells div.cell span {
    padding: 8px;
    font-size: 12px;
  }
}
#calendar-year-view.calendar div.full-year-view div.title-bar div.ib-hamburger,
#calendar-year-view.calendar div.full-year-view div.title-bar div.ib-pin,
#calendar-year-view.calendar div.full-year-view div.title-bar div.ib-refresh,
#calendar-year-view.calendar div.full-year-view div.title-bar div.ib-search,
#calendar-year-view.calendar div.full-year-view div.title-bar div.ib-arrow-right-full-line,
#calendar-year-view.calendar div.full-year-view div.title-bar div.left-divider-line-events,
#calendar-year-view.calendar div.full-year-view div.title-bar div.left-divider-line,
#calendar-year-view.calendar div.full-year-view div.title-bar div.ib-plus,
#calendar-year-view.calendar div.full-year-view div.title-bar div.ib-arrow-expand-left-right,
#calendar-year-view.calendar div.full-year-view div.title-bar div.ib-close,
#calendar-year-view.calendar div.full-year-view div.title-bar div.right-divider-line-full-screen-mode,
#calendar-year-view.calendar div.full-year-view div.title-bar div.right-divider-line
{
  display: none!important;
}

@media screen and (min-width: 451px) {
  #calendar-year-view.calendar div.full-year-view div.contents div.year-month {
      min-width: 300px;
  }
}
@media screen and (min-width: 992px) {
  #calendar-year-view.calendar div.full-year-view div.contents div.year-month {
      min-width: 300px;
      width: calc(49% - (var(--calendar-js-spacing) + var(--calendar-js-spacing) / 4));
  }
}
@media screen and (min-width: 1200px) {
  #calendar-year-view.calendar div.full-year-view div.contents div.year-month {
      min-width: 300px;
      width: calc(31% - (var(--calendar-js-spacing) + var(--calendar-js-spacing) / 4));
  }
}
#calendar-year-view.calendar div.full-year-view div.title-bar {
  background-color: var(--color-white);
  color: var(--color-black);
  width: max-content;
  gap: 5px;
  font-size: 48px;
}
#calendar-year-view.calendar div.full-year-view div.contents div.year-month {
  border: none;
  background-color: var(--color-white);
}
#calendar-year-view.calendar div.full-year-view div.contents div.year-month div.title-bar-container div.title-bar{
  background-color: var(--color-white);
  color: var(--color-black);
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
  color: var(--color-dark-gray)
}
@media screen and (min-width: 451px) {
  #calendar-year-view.calendar div.full-year-view div.contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#calendar-year-view .ib-arrow-right-full {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 1.5rem;
}
#calendar-year-view .ib-arrow-left-full {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 1.5rem;
}
#calendar-year-view.calendar div.full-year-view div.contents div.year-month div.days div{
  background-color: transparent!important;
  height: 1.5rem;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  cursor: default;
}
#calendar-year-view.calendar div.full-year-view div.contents div.year-month div.days div span {
  width: calc(1.5rem + 8px);
}
#calendar-year-view.calendar div.full-year-view div.contents div.year-month div.days div.has-events span {
  color: var(--color-white);
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#calendar-year-view.calendar div.full-year-view div.contents div.year-month div.days div.has-events[event-type="0"] span {
  background-color: var(--color-jb-green-1);
}
#calendar-year-view.calendar div.full-year-view div.contents div.year-month div.days div.has-events[event-type="1"] span {
  background-color: var(--color-jb-green-5);
  border: 1px solid var(--color-jb-green-1);
  color: var(--color-dark-gray);
}
#calendar-year-view.calendar div.full-year-view div.contents div.year-month div.days div.has-events[event-type="2"] span {
  background-color: var(--color-jb-gray-2);
}
#calendar-year-view.calendar div.full-year-view div.contents div.year-month div.days div.has-events[event-type="3"] span {
  background-color: var(--color-jb-green-3);
}
#calendar-year-view.calendar div.full-year-view div.contents div.year-month div.days div.has-events[event-type="4"] span {
  background-color: var(--color-jb-gray-4);
  color: var(--color-dark-gray);
}
#calendar-year-view.calendar div.full-year-view div.contents div.year-month div.days div.has-events[event-type="5"] span {
  background-color: var(--color-jb-gray-1);
}
#calendar-year-view.calendar div.full-year-view div.contents div.year-month div.days div.has-events div.events-count{
  display: none;
}
#calendar-year-view.calendar div.row-cells div.week-number {
  width: calc((100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size) / 7)) * 1.5);
}
#calendar-year-view .week-number .full-text  {
  display: none;
  padding: 0;
}
#calendar-year-view .week-number .short-text {
  display: block;
  padding: 0;
}
@media screen and (min-width: 1440px) {
  #calendar-year-view .week-number .full-text  {
    display: block;
  }
  #calendar-year-view .week-number .short-text {
    display: none;
  }
}
#calendar-year-view.calendar div.full-year-view div.title-bar div.title {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #calendar-year-view {
    display: none;
  }
}
#calendar-year-view .full-month-view {
  height: 2600px;
}
@media screen and (min-width: 1200px) {
  #calendar-year-view .full-month-view {
    height: 1750px;
  }
}
#calendar-year-view div.full-year-view div.contents div.year-month div.days div.cell-muted span {
  opacity: 1;
}

#allTrainersCalendar .cell {
  align-content: flex-start;
  /* justify-content: flex-start;
  gap: 7px; */
}
#allTrainersCalendar .location-cell {
  align-content: flex-end;
}
#allTrainersCalendar .row  > .room__day__events {
 padding: 0;
}
#allTrainersCalendar .location {
  padding: 5px;
  font-weight: 700;
  text-align: left;
  color: var(--color-jb-gray-3);
  font-size: 8px;
  height: 22px;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  word-break: break-word;
  line-height: 12px;
  hyphens: auto;
}

@media screen and (min-width: 768px) {
  #allTrainersCalendar .location {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  #allTrainersCalendar div.row-cells div.cell .room__day__events span {
    display: none;
  }
}


#allTrainersCalendar div.full-month-view div.row-cells div.cell div.view__day__events {
  display: flex;
  flex-direction: column;
}
#allTrainersCalendar div.full-month-view div.row-cells div.cell div.location-event {
  min-height: 32px;
  display: flex;
  gap: 4px;
}
#allTrainersCalendar div.full-month-view div.row-cells div.cell div.location-event div.event {
  width: 100%;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* #allTrainersCalendar div.full-month-view div.row-cells div.cell div.location-event div.event:last-child {
    margin-bottom: 5px;
} */
#allTrainersCalendar div.full-month-view div.row-cells div.cell div.location-event div.event {
    margin-bottom: 2px;
    margin-top: 2px;
}
@media screen and (max-width: 767px) {
  #allTrainersCalendar div.full-month-view div.row-cells div.cell div.location-event {
    font-size: 8px!important;
    /* min-height: 12px; */
  }
}

#allTrainersCalendar .week-number {
  display: flex;
  justify-content: center;
  align-items: center;
}
#allTrainersCalendar .row-cells.days .week-number {
  font-weight: 700;
}
#allTrainersCalendar .user-cell {
  align-content: flex-end;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  #allTrainersCalendar .user-cell {
    gap: 3px;
  }
}
#allTrainersCalendar div.full-month-view div.row-cells div.cell div.event {
  overflow: hidden;
  min-height: 12px;
}
#allTrainersCalendar .user {
  padding: 4.8px;
  font-weight: 700;
  text-align: left;
  color: var(--color-jb-gray-3);
  font-size: 12px;
}
#allTrainersCalendar .user:first-child {
  color: var(--color-jb-green-1);
}
#allTrainersCalendar div.row-cells div.cell-weekend,
#allTrainersCalendar div.row-cells div.weekend-day {
  width: calc((100% - (var(--calendar-js-spacing) * 2 + var(--calendar-js-spacing-border-size) / 7)) / 2.5);
}
#allTrainersCalendar div.full-month-view div.row-cells div.cell div.location-event[event-type="0"] div.event {
  border-color: var(--color-jb-green-1);
  background-color: var(--color-jb-green-1);
}
#allTrainersCalendar div.full-month-view div.row-cells div.cell div.location-event[event-type="1"] div.event {
  border-color: var(--color-jb-green-3);
  background-color: var(--color-jb-green-3);
  color: var(--color-white);
}
#allTrainersCalendar div.full-month-view div.row-cells div.cell div.location-event[event-type="2"] div.event {
  border-color: var(--color-jb-green-1);
  background-color: var(--color-jb-green-5);
  color: var(--color-jb-gray-2);
}
#allTrainersCalendar div.full-month-view div.row-cells div.cell div.location-event[event-type="3"] div.event {
  border-color: var(--color-jb-green-2);
  background-color: var(--color-jb-green-2);
}
#allTrainersCalendar div.full-month-view div.row-cells div.cell div.location-event[event-type="4"] div.event {
  border-color: var(--color-jb-gray-4);
  background-color: var(--color-jb-gray-4);
  color: var(--color-jb-gray-2);
}
#allTrainersCalendar div.full-month-view div.row-cells div.cell div.location-event[event-type="5"] div.event {
  border-color: var(--color-jb-green-1);
  background-color: var(--color-jb-green-3);
}
#allTrainersCalendar div.full-month-view div.row-cells div.cell div.location-event[event-type="6"] div.event {
  border-color: var(--color-jb-green-1);
  background-color: var(--color-jb-green-4);
  color: var(--color-jb-gray-2);
}




#location-calendar-month-view .week-number {
  display: flex;
  justify-content: center;
  align-items: center;
}
#location-calendar-month-view .row-cells.days .week-number {
  font-weight: 700;
}
#location-calendar-month-view .week-number .full-text  {
  display: none;
  padding: 0;
}
#location-calendar-month-view .week-number .short-text {
  display: block;
  padding: 0;
}
@media screen and (min-width: 768px) {
  #location-calendar-month-view .week-number .full-text  {
    display: block;
  }
  #location-calendar-month-view .week-number .short-text {
    display: none;
  }
}
#location-calendar-month-view .cell {
  align-content: flex-start;
  /* justify-content: flex-start;
  gap: 7px; */
}
#location-calendar-month-view .location-cell {
  align-content: flex-end;
}
#location-calendar-month-view .row  > .room__day__events {
 padding: 0;
}
#location-calendar-month-view .location {
  padding: 5px;
  font-weight: 700;
  text-align: left;
  color: var(--color-jb-gray-3);
  font-size: 8px;
  height: 22px;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  word-break: break-word;
  hyphens: auto;
  line-height: 12px;
}

@media screen and (min-width: 768px) {
  #location-calendar-month-view .location {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  #location-calendar-month-view div.row-cells div.cell .room__day__events span {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #location-calendar-month-view div.full-month-view div.row-cells div.cell div.event {
    margin-top:0;
    height: 2rem;
    display: flex;
    align-items: center;
    text-wrap: auto;
    font-size: 8px!important;
  }
  #location-calendar-month-view div.full-month-view div.row-cells div.cell div.location-event {
    min-height: 44px!important;
  }
  #location-calendar-month-view .location {
    min-height: 34px!important;
  }
}


#location-calendar-month-view div.full-month-view div.row-cells div.cell div.view__day__events {
  display: flex;
  flex-direction: column;
}
#location-calendar-month-view div.full-month-view div.row-cells div.cell div.location-event {
  min-height: 32px;
  display: flex;
  gap: 4px;
}
#location-calendar-month-view div.full-month-view div.row-cells div.cell div.location-event div.event {
  width: 100%;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#location-calendar-month-view div.full-month-view div.row-cells div.cell div.location-event div.event {
    margin-bottom: 2px;
    margin-top: 2px;
}
@media screen and (max-width: 767px) {
  #location-calendar-month-view div.full-month-view div.row-cells div.cell div.location-event {
    font-size: 8px!important;
    /* min-height: 12px; */
  }
}
#location-calendar-month-view div.row-cells div.cell-weekend {
  display: none;
}

#location-calendar-month-view div.full-month-view div.row-cells div.cell div.event[event-type="training"] {
  border-color: var(--color-jb-green-1);
  background-color: var(--color-jb-green-1);
}
#location-calendar-month-view div.full-month-view div.row-cells div.cell div.event[event-type="activity"] {
  border-color: var(--color-jb-green-1);
  background-color: var(--color-jb-green-3);
  color: var(--color-white);
}
#location-calendar-month-view div.full-month-view div.row-cells div.cell div.event[event-type="other"] {
  border-color: var(--color-jb-gray-2);
  background-color: var(--color-jb-gray-2);
}

@media screen and (min-width: 768px) {
  #allTrainersCalendar .location {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 22px;
    max-height: 22px;
    line-height: 14px;
  }
}