.theme-dark .calendar .bg-light {
  background-color: #2c2c2c !important; }

.theme-light .calendar .bg-light {
  background-color: #ffffff !important; }

.theme-dark .calendar .ngb-dp-header, .theme-dark .calendar .ngb-dp-months, .theme-dark .calendar .ngb-dp-week {
  background-color: #2c2c2c !important; }

.theme-light .calendar .ngb-dp-header, .theme-light .calendar .ngb-dp-months, .theme-light .calendar .ngb-dp-week {
  background-color: #ffffff !important; }

.calendar .ngb-dp-weekday {
  color: #ffffff !important;
  font-style: normal !important; }

.calendar .btn-link {
  color: #ffffff; }

.theme-dark .calendar .bg-primary {
  background-color: #999999 !important;
  color: #ffffff !important; }

.theme-light .calendar .bg-primary {
  background-color: #424242 !important;
  color: #555555 !important; }

.calendar .btn-light {
  text-align: center;
  border: none; }
  .theme-dark .calendar .btn-light {
    color: #ffffff; }
  .theme-light .calendar .btn-light {
    color: #ffffff; }
  .calendar .btn-light.btn-link {
    color: #ffffff; }
  .calendar .btn-light:hover {
    border-radius: 5px;
    cursor: pointer; }
    .theme-dark .calendar .btn-light:hover {
      background-color: #333333; }
    .theme-light .calendar .btn-light:hover {
      background-color: #f2f2f2; }

.calendar .ngb-dp-day {
  color: #ffffff;
  text-align: center;
  border: none; }
  .calendar .ngb-dp-day:hover {
    border-radius: 5px;
    cursor: pointer; }
    .theme-dark .calendar .ngb-dp-day:hover {
      background-color: #333333; }
    .theme-light .calendar .ngb-dp-day:hover {
      background-color: #f2f2f2; }
  .calendar .ngb-dp-day .text-muted {
    color: #666666; }

.calendar .custom-day {
  text-align: center;
  padding: 0.185rem 0.25rem;
  display: inline-block;
  width: 2rem; }

.theme-dark .calendar .custom-day.focused {
  color: #ffffff !important; }

.theme-light .calendar .custom-day.focused {
  color: #555555 !important; }

.calendar .custom-day.range, .calendar .custom-day:hover {
  border-radius: 5px; }
  .theme-dark .calendar .custom-day.range, .theme-dark .calendar .custom-day:hover {
    background-color: #999999 !important;
    color: #ffffff !important; }
  .theme-light .calendar .custom-day.range, .theme-light .calendar .custom-day:hover {
    background-color: #424242 !important;
    color: #555555 !important; }

.calendar .custom-day.faded {
  background-color: rgba(2, 117, 216, 0.5); }
