.fc .fc-day-disabled {
    background: none;
}

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

table thead tr .fc-col-header-cell, table tbody tr .fc-daygrid-day {
    padding: 5px;
}

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

.fc .fc-daygrid-day.fc-day-today {
    background: none;
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
    border: 2px solid #0dcaf0;
}

.fc-daygrid-day-bg {
    display: none;
}

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

.fc-col-header thead th div {
    background-color: #1d2035;
}

.fc-scrollgrid-sync-table tbody tr td .fc-daygrid-day-frame {
    background-color: #2b2d41;
}

.fc-col-header thead th div, .fc-scrollgrid-sync-table tbody tr td .fc-daygrid-day-frame {
    padding: 5px;
    border: 1px solid #414042;
    border-radius: 10px;
}
.fc-scrollgrid-sync-table tbody tr .fc-day-disabled .fc-daygrid-day-frame {
    border: none;
    background: none;
}

.fc-daygrid-event {
    white-space: normal !important;
    align-items: normal !important;
}

.fc-event-title {
    margin: 1px;
    padding: 1px;
    white-space: normal;
}

.fc-event-time {
    margin: 1px;
    padding: 1px;
    white-space: normal;
    font-size: .9em;
    width: 3em;
}

.fc-h-event .fc-event-time {
    overflow: visible;
}

.custom-tooltip {
    visibility: hidden;
    width: 500px;  
    background-color:#23263a;
    text-align: left;
    border-radius: 24px;
    padding: 24px 0 0 24px;
    position: absolute;
    
    left: 50%;
    z-index: 9999;

    pointer-events: auto;

    opacity: 0;
    border: 1px solid #3a3d58;
    box-shadow: 0px 0px 20px 8px rgba(0, 0, 0, 0.33);
    transition: 600ms;
    flex-direction: column;
    display: flex; 
    font-size: smaller;

}

.custom-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 5px;
    border-width: 5px;
    border-style: solid;
   border-color: darkgrey transparent transparent transparent;
}
.fc-event {
    position: relative;
    cursor: pointer;
}

.modal-content {
    background-color: #23263a;
    font-size: smaller;
  }
  
  .modal-header-sa {
    background-color: #7997c6 !important;
    color: white;
  }

    .modal-header-sah {
    background-color: #556abb !important;
    color: white;
  }

    .modal-header-bonus {
    background-color: #384170 !important;
    color: white;
  }

  .list-event-name .event-title {
    color: white;
  }
  @media (max-width: 1000px) {
    #calendarGrid {
      display: none;
    }
  }