// App Calendar
// ========================================================================
@import '../../base/pages/app-calendar.scss';

.event-sidebar {
  .badge:empty {
    display: inline-block;
  }
  .react-select {
    z-index: 2;
  }
}

html[dir='rtl'] {
  .fc {
    &.fc-direction-rtl .fc-scroller-harness > .fc-scroller {
      direction: ltr !important;
    }
    .fc-header-toolbar {
      .fc-prev-button,
      .fc-next-button {
        transform: rotate(180deg);
      }
    }
    .fc-toolbar .fc-button-group {
      .fc-dayGridMonth-button:first-child {
        border-top-right-radius: $border-radius !important;
        border-bottom-right-radius: $border-radius !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
      }
      .fc-listMonth-button:last-child {
        border-top-left-radius: $border-radius !important;
        border-bottom-left-radius: $border-radius !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
      }
    }
    .fc-event-main-frame {
      flex-direction: row-reverse !important;
    }
    .fc-popover {
      margin-right: 6.2rem;
    }
    .fc-daygrid-day-bottom {
      text-align: left;
    }
  }
}
