.fc {
  --fc-today-bg-color: #FFDFFF;
  --fc-border-color: #E5D8FB;
}

.fc .fc-scrollgrid {
  border-radius: 8px !important
}

.fc .fc-list-day-cushion {
  text-align: left;
}

.fc .fc-toolbar-title {
  color: #7c3aed;
}

.fc-timegrid-axis-frame {
  color: #7E8299;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.fc-timegrid col:first-child {
  text-align: center;
  width: 84px !important
}

th.fc-timegrid-axis .fc-timegrid-axis-frame {
  height: 100%;
}

.fc .fc-timegrid-axis-frame {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Override the default styles for the buttons in the toolbar */
button.fc-prev-button,
button.fc-next-button{
  background-color: #F2EBFD !important;
  color: #7C3AED !important;
  border-radius: 6px;
}

.fc-dayGridMonth-button,
.fc-timeGridWeek-button, 
.fc-timeGridDay-button,
.fc-listMonth-button {
  background-color: #FFFFFF !important;
  color: #A1A5B7 !important;
  border-radius: 6px;
}

.fc-toolbar-ltr .fc-button-group:last-child{
  border-bottom: #E1E3EA 1px solid !important;
  padding: 0px !important;
  display: inline-flex !important;
  gap: 30px !important;
  font-size: 16px;
  font-weight: 500;
}

.fc-toolbar-ltr .fc-button-group .fc-button-active{
  border-bottom: #7C3AED 2px solid !important;
  color: #7C3AED !important;
  margin: 0px 0px -1px 0px !important;
  border-radius: 0px !important;
} 

.fc-toolbar-ltr .fc-button-group:last-child .fc-button {
  padding: 0px !important;
  padding-bottom: 14px !important;
}

.fc-toolbar-ltr .fc-button-group:first-child:not(:last-child) {
  display: inline-flex !important;
  gap: 8px !important;
}

.fc-next-button,
.fc-prev-button,
.fc-today-button {
  border-radius: 6px !important;
  padding: 9px !important
}

.fc-today-button {
  color: #A1A5B7 !important;
  background-color: #F1F1F2 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 12px 16px !important;
  margin: 0px 0px 0px 8px !important;
}

/* Override the default styles for the column headers in the day grid view */
.fc-col-header-cell-cushion { 
  font-size: 13px;
  color: #181C32 !important
}

.fc-timegrid-slot-label-cushion {
  font-size: 13px;
  color: #5E6278 !important
}

.fc-timegrid-slot-label-frame{
  text-align: center !important;
}

.fc-daygrid-dot-event .fc-event-time {
  margin: 0px !important;
  padding-right: 0px !important;
}

.fc .fc-daygrid-day-number {
  color:#5E6278;
}

.fc .fc-day-today .fc-daygrid-day-number {
  color: #7C3AED;
}