@import "./src/Styles/_variables.scss";

.big-calendar-component {
  &__global-event {
    background: $secondary;
    font-size: 13px;

    &:hover {
      background: darken($secondary, 5);
    }

    .rbc-event-label {
      display: none;
    }

    &_time-title {
      font-weight: 600;
      font-size: 11px;
    }

    &_patient-name {
      font-size: 14px;
    }
  }

  .rbc-allday-cell {
    display: none;
  }
}

.--big-calendar-component-event-type-availability {
  background: $grey-medium;
}