.select2-container--default .select2-results__option--highlighted {
    background-color: #405189 !important;
    /* warna biru Bootstrap */
    color: #fff !important;
}

/* FullCalendar: Event style */
.fc .fc-daygrid-event,
.fc .fc-timegrid-event {
  background: #3788d8 !important;
  color: #fff !important;
  border-radius: 3px !important;
  border: none !important;
  font-size: 12px !important;
  padding: 2px 6px !important;
  margin: 2px 0 !important;
  line-height: 1.2 !important;
  height: auto !important;
  min-height: unset !important;
  box-shadow: none !important;
  cursor: pointer !important;
  white-space: normal !important;
  /* display: block !important; */
}

/* Event dot (for daygrid) */
.fc .fc-daygrid-event-dot {
  height: 8px !important;
  width: 8px !important;
  background: #3788d8 !important;
  border-radius: 50% !important;
  margin-right: 4px !important;
}

/* Header style */
.fc .fc-toolbar-title {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #333 !important;
}

.fc .fc-button {
  background: #3788d8 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 3px !important;
  padding: 4px 12px !important;
  font-size: 13px !important;
  margin: 0 2px !important;
}

.fc .fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
  background: #2c6cb7 !important;
  color: #fff !important;
}

.fc .fc-daygrid-day-number {
  font-size: 13px !important;
  /* color: #333 !important; */
  font-weight: 500 !important;
}

.fc .fc-daygrid-day {
  background: #fff !important;
  border: 1px solid #eee !important;
}

.fc .fc-col-header-cell {
  background: #f8f9fa !important;
  color: #333 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border-bottom: 1px solid #eee !important;
}

.fc .fc-timegrid-slot-label {
  font-size: 12px !important;
  color: #666 !important;
  background: #f8f9fa !important;
}

.fc .fc-timegrid-slot {
  background: #fff !important;
  border-bottom: 1px solid #eee !important;
}

.fc .fc-timegrid-now-indicator-line {
  background: #e74c3c !important;
  height: 2px !important;
}

.fc .fc-timegrid-now-indicator-arrow {
  border-top: 6px solid #e74c3c !important;
}

.fc .fc-day-today {
  background: #eaf6ff !important;
}

.fc .fc-daygrid-event:hover,
.fc .fc-timegrid-event:hover {
  background: #2c6cb7 !important;
  color: #fff !important;
}

/* Optional: Hide overflow if needed */
.fc .fc-daygrid-event {
  overflow: hidden !important;
}

.fc-event-title, .fc-sticky {
    font-weight: unset !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fc-event-time {
    display: unset !important;
}

.fc-event{
  text-align: left !important;
}

@media (min-width: 576px) {
  .w-sm-auto { width: auto !important; }
}