/*================================================
EA Events Calander Area Style
=================================================*/
.fc .fc-button-primary {
  background-color: #eef3ff;
  border: none;
  border-radius: 0;
  margin-right: 5px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-transform: capitalize;
}

.fc .fc-button-primary:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: 0;
}

.fc .fc-button-primary:hover {
  background-color: var(--mainColor);
}

.fc .fc-button-primary:hover .fc-icon-chevron-left:before {
  color: var(--whiteColor) !important;
}

.fc .fc-button-primary:hover .fc-icon-chevron-right:before {
  color: var(--whiteColor) !important;
}

.fc-icon-chevron-left:before {
  color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.fc-icon-chevron-right:before {
  color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.fc-today-button.fc-button.fc-button-primary {
  color: var(--mainColor);
}

.fc-today-button.fc-button.fc-button-primary:hover {
  color: var(--whiteColor);
}

.fc-today-button.fc-button.fc-button-primary.active {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}

.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active {
  background-color: var(--mainColor);
}

.fc .fc-button-primary {
  color: var(--mainColor);
}

.fc .fc-toolbar-title {
  font-size: 30px;
  position: absolute;
  top: 0;
  left: 130px;
}

div#calendar {
  position: relative;
}

div#calendar thead {
  background: #2c36ff;
}

div#calendar thead tr th {
  border: none;
}

div#calendar thead tr th a {
  color: var(--whiteColor);
  font-weight: 500;
}

div#calendar .fc-col-header-cell-cushion {
  padding: 20px 10px;
}

div#calendar .fc-non-business {
  background-color: transparent;
}

div#calendar .fc-theme-standard td, div#calendar .fc-theme-standard th {
  border: 1px solid #e8e8e8;
}

div#calendar .fc-h-event .fc-event-title-container {
  background-color: var(--mainColor);
}

div#calendar .fc-button:disabled {
  opacity: 1;
}

div#calendar .fc-button-primary:hover {
  background-color: var(--mainColor) !important;
}

div#calendar .fc-button-primary.active {
  color: var(--whiteColor) !important;
}

div#calendar .fc-button-primary:not(:disabled):active:focus, div#calendar .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  background-color: var(--whiteColor) !important;
}

div#calendar .fc-today-button.fc-button.fc-button-primary {
  color: #ffffff;
}

div#calendar button.fc-today-button.fc-button.fc-button-primary {
  background-color: #000;
}

.fc .fc-col-header, .fc-scrollgrid-sync-table {
  margin: 0;
} 

.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {
  padding: 0px 10px 3px 10px;
}
