.litepicker {
  --litepicker-month-weekday-color: #{$text-muted};
  --litepicker-button-prev-month-color: #{$text-muted};
  --litepicker-button-next-month-color: #{$text-muted};
  --litepicker-button-prev-month-color-hover: #{$primary};
  --litepicker-button-next-month-color-hover: #{$primary};
  --litepicker-day-color: var(--#{$variable-prefix}body-color);
  --litepicker-day-color-hover: #{$primary};
  --litepicker-is-end-color-bg: #{$primary};
  --litepicker-is-today-color: #{$primary};
  --litepicker-month-header-color: var(--#{$variable-prefix}body-color);
  --litepicker-container-months-color-bg: var(--#{$variable-prefix}card-bg);
  font: inherit;
  user-select: none;

  svg {
    fill: none !important;
  }

  .container__main {
    border: 1px solid var(--#{$variable-prefix}border-color);
    border-radius: $border-radius;
    box-shadow: $dropdown-box-shadow;
  }

  .container__months {
    .month-item-name,
    .month-item-year {
      font-weight: $font-weight-medium !important;
    }

    .button-next-month,
    .button-prev-month {
      cursor: pointer !important;
    }

    .month-item-weekdays-row {
      > div {
        padding: .5rem 0 !important;
        font-size: $h5-font-size;
      }
    }
  }

  .container__days {
    .day-item {
      cursor: pointer !important;
      padding: .5rem 0 !important;
      @include transition(color $transition-time, background-color $transition-time, border-color $transition-time);
    }
  }

  .datepicker-inline & .container__months {
    box-shadow: none;
  }
}

