.fc {
    background-color: rgba(var(--sf-primary-rgb), .1);
    padding: 10px;
}
.fc .fc-toolbar-title{
    font-size: 1.3rem;
    color: #080e1c;
    font-weight: 700;
    text-transform: uppercase;
}
.fc .fc-button {
    padding: 0.25rem .75rem;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: var(--border-radius);
    vertical-align: middle;
    font-weight: 500;
    text-transform: capitalize;
    font-size: .75em;
}
.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--sf-accent, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--sf-accent, #2C3E50);
}
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active{
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--sf-accent, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--sf-accent, #2C3E50);
}
.fc .fc-button-primary:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--sf-primary, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--sf-primary, #2C3E50);
}
.fc .fc-button-primary:disabled {
    color: #7E8299;
    background-color: #f5f8fa;
    border-color: #f5f8fa;
}

.fc .fc-col-header-cell {
    padding: 0.75rem 0.5rem;
}

.fc-col-header,
.fc-scrollgrid.fc-scrollgrid-liquid{
    margin: 0;
} 
.fc-daygrid-day-top{
    justify-content: center;
}
.fc-daygrid-day-number{
    color: #3F4254;
    font-size: .75em;
    font-weight: 700;
}

.fc .fc-scrollgrid {
    border-radius: var(--border-radius);
}

.fc-list-day-side-text{
    color: #181C32;
}
.fc .fc-list-day-cushion, .fc .fc-list-table td{
    padding: 0.85rem 1.15rem;
}
.fc .fc-list-day-text, .fc .fc-list-day-side-text{
    font-size: 14px;
    color: #181C32;
    font-weight: 600;
}
.fc .fc-list-day-cushion, .fc .fc-list-table td {
    padding: 0.85rem 1.15rem;
}
.fc-list-event-time,
.fc-list-event-title{
    font-size: 14px;
    line-height: 1;

}

.fc .fc-cell-shaded{
    background:  rgba(208, 208, 208, 0.3);

}
.fc-v-event .fc-event-title{
    line-height: 2;
}

#details.fc .fc-toolbar.fc-header-toolbar .fc-today-button{
    display: none;
} 
#details.fc .fc-toolbar.fc-header-toolbar .fc-prev-button{
    
}
#details.fc .fc-list{
    border-radius:4px;
    padding: 10px;
}

.event_list{
    height: 340px;
    overflow-y: scroll;
    background: none;
}

.event_list .event_item{
    border: none;
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer;
}
.event_list .event_item .title{
    font-size:20px;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    color: #181C32;
}
.event_list .event_item .date{
    font-size:13px;
}
.event-date-label{
    width: 85px; 
    height: 85px;
    border-radius: 0 0 1.2rem 1.2rem;
    border-top: 4px solid;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
  }
  .event-date-label h3 {
    font-size: 32px;
    margin-bottom: 4px;
    font-weight: 700;
    line-height: 1;
  }
  
  .event-date-label p {
    font-size: 12px;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1;
  }
  
  .past .event-date-label{
    border-top-color: var(--secondary-coral);
    background-color: rgba(195, 82, 31, .1);
  }
  .past .event-date-label .event-date-day, 
  .past .date {
    color: var(--secondary-coral);
  }
  
  .upcoming .event-date-label{
    border-top-color: var(--sf-primary);
    background-color: rgba(85, 176, 71, .1); 
  }
  .upcoming .event-date-label .event-date-day,
  .upcoming .date{
    color: var(--sf-primary)!important;
  }
  
  .ongoing .event-date-label{
    border-top-color: var(--sf-accent);
    background-color: rgba(0, 104, 56, .1); 
  }
  .ongoing .event-date-label .event-date-day,
  .ongoing .date{
    color: var(--sf-accent);
  }

.fc .fc-toolbar.fc-header-toolbar{
    margin-bottom: 1em;
}
.fc-col-header-cell-cushion {
    color: var(--sf-accent);
}

.fc-theme-standard td, .fc-theme-standard th, .fc .fc-scrollgrid {
    border: none;
}