/* Optional styling for the calendar */

.calendar-block {
   min-height: 89vh;
   padding-top: 80px;
}
#calendar {
    max-width: 1200px;
    margin: 40px auto;
    text-transform: capitalize !important;
}
.green-event {
    background-color: #336659 !important;
    color: white !important;
}
.blue-event {
    background-color: #3745C2 !important;
    color: white !important;
}

/* ------------------------------------------- */
.fc-center h2 {
    font-size: 18px;
}
.fc-widget-header table tr {
    background-color: #b4b4b4d0;
    font-size:14px;
}
.fc-view table {
    background-color: #f2f2f2;
}
.fc-day-number {
    font-weight: bolder;
}
.fc-today-button {
    border-radius: 25px !important;
    border:1px solid #699;
    background-color: #fff;
    color: #000;
}
.fc-state-active {
    border-radius: 25px !important;
    border:1px solid #699 !important;
    background-color: #fff;
}
/* .fc-button-group button {
    background-color: #fff !important;
}
.fc-button-group {
    border-radius: 25px !important;
} */
 .fc-view-container th{
    padding:10px;
 }

 .fc-prev-button, .fc-next-button{
  background: none;
  border: none;
  box-shadow: none;
 }
 .fc-center h2{
    font-size: 15px;
  font-weight: bold;
 }
 .fc-content-skeleton tr{
    font-size:15px;
 }
 .fc button {
    background: #fff;
    border-radius: 25px !important;
    border: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-transform: capitalize !important;
  }
  .fc-button-group {
    display: flex;
     gap: .5rem;
   }
.fc-day-grid-container {
    height: unset !important;
}
.fc-basic-view .fc-body .fc-row {
    min-height: 4em;
    height: 70px !important;
}
.fc-content {
    font-size: 12px !important;
    /* text-wrap: wrap !important; */
}