#calendar_custom th,#calendar_custom_schedules th { background-color:#16539f; font-weight:500;}
#calendar_custom th a,#calendar_custom_schedules th a{ color:#fff; }

.fc .fc-button-primary {
    background-color: #16539f;
    border-color: #16539f;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    background-color: #16539f;
    border-color: #16539f;
}


.visibility-none{ visibility:hidden;  }
.visibility-show{ visibility:visible;  }
.height-none { height:0; }
.event-checkbox { 
    width: 12px;
    height: 12px;
    opacity: 1 !important;
    position: relative !important;
    margin-right: 3px;
    transform: scale(1.8);
/*    transform: scale(1.5);*/
  /* ------------------------------------ */

  /* You might need to adjust margins to compensate for the scaling */
      margin: 8px;
      cursor: pointer;
} 

.fc-event-main { text-align:left !important; display:flex; gap:3px; align-items:center; }
.event-title-label { 
    overflow: hidden;
/*    display: block;*/
    width: 100%;
    text-overflow: ellipsis;
    display: inline-block; /* Helps with alignment */
    vertical-align: middle; /* Align label text with scaled checkbox */
    margin-left: 5px; /* Add some space */
    font-size: 18px; /* Example bigger label */
} 

#calendar_custom label.event-title-label, #calendar_custom_schedules label.event-title-label{
    color: white !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

#calendar_custom .bg-pink, #calendar_custom_schedules .bg-pink { background-color: #f34c59 !important; }
#calendar_custom .bg-purple,#calendar_custom_schedules .bg-purple {
    background-color: #6b5fb5!important;
}
#calendar_custom .bg-info, #calendar_custom_schedules .bg-info {
    background-color: #3db9dc!important;
} 
 
#calendar_custom .bg-warning, #calendar_custom_schedules .bg-warning {
    background-color: #f9c851!important;
}

#calendar_custom .bg-primary,#calendar_custom_schedules .bg-primary {
    background-color: #188ae2!important;
}

#calendar_custom .bg-teal, #calendar_custom_schedules .bg-teal {
    background-color: #26a69a!important;
}

#calendar_custom .bg-brown, #calendar_custom_schedules .bg-brown {
    background-color: #8d6e63!important;
}

#calendar_custom_schedules {
/*    max-width: 900px;*/
    max-width: 100%;
    margin: 0 auto;
}

#calendar-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc-header-toolbar {
    /*
    the calendar will be butting up against the edges,
    but let's scoot in the header's buttons
    */
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

.h1title  {
    font-size: 28px;
    font-weight: 600;
    padding: 10px 0px;
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    background-color:#fff;
    border-color: #16539f;
    color: #16539f;
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active:hover {
    color: #16539f !important;
}