@import '../../../styles/app';

.calendar-page {
  :global {
    .fc-event {
      border: none;
      padding: 2px;
      background-color: $default;
      color: $text-color;
    }

    .fc-day-grid .fc-today, .fc-time-grid .fc-today {
      background-color: rgba($default, .6);
    }

    .fc-content {
      text-overflow: ellipsis;
    }

    /* ****  Full Calendar Custom   **** */
    .calendar-external-events {
      margin-top: $spacer;

      .external-event {
        margin: calc($spacer / 2) 0;
        padding: calc($spacer / 2);
        font-size: $font-size-mini;
        cursor: move;
        border-radius: $border-radius;
        background-color: $widget-bg;
        box-shadow: $widget-shadow;
      }
    }
  }

  .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
    border-color: $text-color;
  }
}
