/* Full calendar styles */

/* Month heading */
.fc .fc-header-toolbar .fc-toolbar-title {
  color: var(--heading-color);
}

/* Next button */
.fc .fc-next-button {
  transition: 0.3s;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: #D82327;
}
.fc .fc-next-button:active, {
  background: rgba(216, 35, 39, 1) !important;
  /* border-color: rgba(216, 35, 39, .5) !important; */
  /* outline-color: rgba(216, 35, 39, .5) !important; */
  box-shadow: 0px 0px 0px 5px rgba(216, 35, 39, .5) !important;
}
.fc .fc-next-button:hover {
  color: #fefefe;
  border: none;
  background: #D82327;
}

.fc .fc-next-button:focus {
  box-shadow: 0px 0px 0px 0px rgba(216, 35, 39, .5) !important;
}

/* Previous button */
.fc .fc-prev-button {
  transition: 0.3s;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: #D82327;
}

.fc .fc-prev-button:active {
  background: rgba(216, 35, 39, 1) !important;
  /* border-color: rgba(216, 35, 39, .5) !important; */
  /* outline-color: rgba(216, 35, 39, .5) !important; */
  box-shadow: 0px 0px 0px 5px rgba(216, 35, 39, .5) !important;
}

.fc .fc-prev-button:hover {
  color: #fefefe;
  border: none;
  background: #D82327;
}

.fc .fc-prev-button:focus {
  box-shadow: 0px 0px 0px 0px rgba(216, 35, 39, .5) !important;
}

/* Today button */
.fc .fc-header-toolbar .fc-today-button {
  transition: 0.3s;
  background: transparent;
  border: none ;
  border-radius: 5px;
  color: #D82327;
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  text-transform: capitalize;
}
.fc .fc-header-toolbar .fc-today-button:active {
  background: rgba(216, 35, 39, .8);
}
.fc .fc-header-toolbar .fc-today-button:hover {
  color: #fefefe;
  background: #D82327;
  border: none;
  opacity: 1;
}

.fc .fc-header-toolbar .fc-today-button:active {
  background: rgba(216, 35, 39, 1) !important;
  /* border-color: rgba(216, 35, 39, .5) !important; */
  /* outline-color: rgba(216, 35, 39, .5) !important; */
  box-shadow: 0px 0px 0px 5px rgba(216, 35, 39, .5) !important;
}

.fc .fc-header-toolbar .fc-today-button:focus {
  box-shadow: 0px 0px 0px 0px rgba(216, 35, 39, .5) !important;
}




.fc .fc-dayGridMonth-button {
  background: transparent;
  border: none;
  border-radius: var(--border-radius-large);
  color: #D82327;
}
.fc .fc-dayGridMonth-button.active {
  background: #D82327;
  color: var(--color-on-primary);
}
.fc .fc-dayGridMonth-button:hover {
  background: #D82327;
  color: var(--color-on-primary);
}

.fc .fc-listMonth-button {
  background: transparent;
  border: none;
  border-radius: var(--border-radius-large);
  color: #D82327;
}
.fc .fc-listMonth-button.active {
  background: #D82327;
  color: var(--color-on-primary);
}
.fc .fc-listMonth-button:hover {
  background: #D82327;
  color: var(--color-on-primary);
}


/* Event */

.fc-event .fc-event-main{
  transition: 0.3s;
  cursor: pointer;
  background: #D82327;
  border: none;
}

.fc-event .fc-event-main:hover{
  background: rgba(216, 35, 39, .8);
}



/* List */
.fc .fc-list-empty {
  background-color: var(--color-surface-variant);
}

.fc .fc-listMonth-button {
  font-size: 10px;
  background: #d82328;
  border-color: #d82328;
}
.fc .fc-listMonth-button.active {
  font-size: 10px;
  background: #940002;
  border-color: #940002;
}
.fc .fc-listMonth-button:hover {
  font-size: 10px;
  background: #b30003;
  border-color:#b30003;
} 
.fc .fc-toolbar-title {
  font-size: 18px;
}