.rbc-header {
  padding: 0.5rem;
  background-color: #1d4ed8;
  color: white;
}
.rbc-day-bg {
  background: #ffffff;
  /* box-shadow: inset 2px -2px 10px #eff6ff,
  inset -2px 2px 10px #ffffff; */
}
.rbc-selected-cell {
  background-color: #bfdbfe !important;
  box-shadow: none !important;
}
.rbc-day-bg.rbc-today {
  background: #fef9c3;
  box-shadow: none;
}
.rbc-day-bg.rbc-off-range-bg {
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    transparent 25%,
    transparent 50%,
    #fff 50%,
    #f1f5f9 75%,
    transparent 75%,
    transparent
  );
  background-size: 10px 10px;
}
.rbc-overlay {
  max-height: 200px;
  overflow-y: scroll;
}

@media (prefers-color-scheme: dark) {
  /*  */
  .rbc-calendar {
    color: white;
  }
  .rbc-btn-group button {
    color: white;
  }
  .rbc-active {
    color: #334155 !important;
    background-color: #e2e8f0 !important;
  }
  .rbc-day-bg {
    border-radius: 0.1rem;
    background: #334155;
    box-shadow: none;
  }
  .rbc-day-bg.rbc-today {
    background: #1e293b;
  }
  .rbc-selected-cell {
    background-color: #1e293b !important;
    box-shadow: none !important;
  }
  .rbc-button-link {
    color: white;
  }
  .rbc-day-bg.rbc-off-range-bg {
    background-image: linear-gradient(
      -45deg,
      #334155 25%,
      transparent 25%,
      transparent 50%,
      #1e293b 50%,
      #1e293b 75%,
      transparent 75%,
      transparent
    );
    background-size: 10px 10px;
  }
}