:root {
  --litepicker-is-start-color-bg: #9d57b2;
  --litepicker-is-end-color-bg: #9d57b2;
  --litepicker-button-prev-month-color: #84909b;
  --litepicker-button-next-month-color: #84909b;
  --litepicker-button-prev-month-color-hover: #9d57b2;
  --litepicker-button-next-month-color-hover: #9d57b2;
  --litepicker-day-color-hover: #9d57b2;
  --litepicker-is-today-color: #bd8bca;
  --litepicker-button-apply-color-bg: #9d57b2;
  --litepicker-button-reset-color-hover: #9d57b2;
  --litepicker-footer-color-bg: #ffffff;
  --litepicker-month-weekday-color: #354657;
  --litepicker-day-color: #84909b;
  --litepicker-button-reset-color: #84909b;
  --litepicker-is-in-range-color: #f7f1f9;
  --litepicker-day-width: 40px;
  --litepicker-month-header-color: #354657;
  --litepicker-is-locked-color: #84909b; }

.date-picker {
  position: relative;
  border-radius: 5px !important;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .date-picker {
      max-width: 280px !important; } }
  .date-picker__label {
    position: relative;
    bottom: 4px; }
  .date-picker__icon {
    position: absolute;
    left: 10px;
    top: 13px; }
  .date-picker__input {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.08) !important;
    font-family: "rawline", sans-serif !important;
    font-weight: 500;
    color: #354657;
    width: 100%;
    height: 48px !important;
    padding: 3px 10px 2px 43px !important;
    border: 1px solid #eeeeee !important;
    font-size: 14px !important;
    line-height: 22px !important;
    background: 10px center no-repeat url("../../../images/calendar.svg") #ffffff !important;
    background-size: 25px !important; }
    @media screen and (min-width: 768px) {
      .date-picker__input {
        font-size: 16px !important;
        line-height: 24px !important; } }
    .date-picker__input::-webkit-input-placeholder {
      color: #84909b; }
    .date-picker__input:-moz-placeholder {
      color: #84909b; }
    .date-picker__input::-moz-placeholder {
      color: #84909b; }
    .date-picker__input:-ms-input-placeholder {
      color: #84909b; }
    .date-picker__input:focus-visible {
      outline: none; }
  .date-picker--icon-right .date-picker__input {
    padding: 3px 43px 2px 10px !important;
    background: calc(100% - 10px) center no-repeat url("../../../images/calendar.svg") #ffffff !important; }
  .date-picker--border {
    box-shadow: none; }
    .date-picker--border .date-picker__input {
      box-shadow: none !important;
      border: 1px solid #bec4c9 !important; }

.litepicker {
  width: 330px;
  font-family: "rawline", sans-serif !important;
  border-radius: 8px;
  font-weight: 500;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.08); }
  .litepicker .container__months {
    border-radius: 5px 5px 0 0;
    width: 330px;
    box-shadow: none;
    border: 1px solid #eeeeee;
    justify-content: center; }
    .litepicker .container__months .month-item {
      padding: 20px 24px; }
    .litepicker .container__months .month-item-name,
    .litepicker .container__months .month-item-year {
      font-size: 16px;
      line-height: 24px;
      font-weight: 700; }
    .litepicker .container__months .month-item-header {
      padding-top: 3px;
      padding-bottom: 20px; }
    .litepicker .container__months .month-item-weekdays-row {
      margin-bottom: 3px;
      font-size: 14px;
      line-height: 22px; }
      .litepicker .container__months .month-item-weekdays-row > div {
        font-size: 100%; }
    .litepicker .container__months .button-previous-month,
    .litepicker .container__months .button-next-month {
      cursor: pointer !important; }
    .litepicker .container__months .button-previous-month {
      margin-left: -8px; }
    .litepicker .container__months .button-next-month {
      margin-right: -8px; }
  .litepicker .container__footer {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 0;
    border-radius: 0 0 5px 5px;
    box-shadow: none;
    background-color: #ffffff;
    padding: 15px 5px; }
    .litepicker .container__footer .preview-date-range {
      display: none; }
    .litepicker .container__footer .button-cancel {
      background-color: #ffffff;
      color: #354657;
      border: 1px solid #d4d4d4; }
    .litepicker .container__footer .button-apply,
    .litepicker .container__footer .button-cancel {
      border-radius: 100px;
      height: 40px;
      padding: 3px 20px 4px;
      font-weight: 700;
      min-width: 102px;
      cursor: pointer; }
    .litepicker .container__footer .button-apply {
      margin: 0; }
  .litepicker .container__days .day-item {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    width: 40px;
    height: 30px;
    max-height: 30px;
    margin: 2px 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .litepicker .container__days .day-item.is-start-date.is-end-date {
      border-radius: 100px;
      color: #ffffff; }
    .litepicker .container__days .day-item.is-in-range {
      color: #354657; }
    .litepicker .container__days .day-item.monday:not(.is-in-range):hover {
      cursor: pointer;
      background-color: var(--litepicker-is-in-range-color);
      border-radius: 100px;
      color: #354657; }
    .litepicker .container__days .day-item.is-start-date {
      border-radius: 100px;
      position: relative;
      color: #ffffff; }
    .litepicker .container__days .day-item.is-end-date {
      border-radius: 100px;
      position: relative;
      color: #354657; }
    .litepicker .container__days .day-item.sunday {
      color: #354657;
      cursor: pointer; }
      .litepicker .container__days .day-item.sunday.is-end-date {
        color: #ffffff;
        cursor: pointer; }
      .litepicker .container__days .day-item.sunday.is-in-range:not(.is-end-date) {
        border-radius: 0 40px 40px 0; }
    .litepicker .container__days .day-item.sunday.sunday-locked:not(.is-end-date) {
      color: var(--litepicker-is-locked-color); }
    .litepicker .container__days .day-item.monday {
      color: #354657;
      z-index: 300; }
      .litepicker .container__days .day-item.monday.is-start-date {
        color: #ffffff;
        cursor: pointer; }
      .litepicker .container__days .day-item.monday.is-start-date:hover {
        background-color: #9d57b2;
        color: #ffffff; }
      .litepicker .container__days .day-item.monday.is-in-range:not(.is-end-date) {
        border-radius: 40px 0 0 40px; }
    .litepicker .container__days .day-item.is-in-range.tuesday::before {
      content: ' ';
      position: absolute;
      left: -20px;
      top: 0;
      bottom: 0;
      height: 40px;
      width: 20px;
      background-color: var(--litepicker-is-in-range-color); }
    .litepicker .container__days .day-item.is-in-range.saturday::before {
      content: ' ';
      position: absolute;
      right: -20px;
      top: 0;
      bottom: 0;
      height: 40px;
      width: 20px;
      background-color: var(--litepicker-is-in-range-color); }
    .litepicker .container__days .day-item:hover {
      box-shadow: none; }
    .litepicker .container__days .day-item.is-pre:not(.is-start-date), .litepicker .container__days .day-item.is-post:not(.is-end-date) {
      color: #d4d4d4 !important; }

.litepicker.mobilefriendly-portrait {
  --litepicker-day-width: inherit;
  --litepicker-month-width: inherit; }

.litepicker.mobilefriendly-landscape {
  --litepicker-day-width: 24px;
  --litepicker-month-width: inherit;
  width: auto; }
  .litepicker.mobilefriendly-landscape .container__months .month-item {
    padding: 0; }
  .litepicker.mobilefriendly-landscape .container__months .month-item-header {
    padding-top: 10px;
    padding-bottom: 5px; }
  .litepicker.mobilefriendly-landscape .container__days .day-item.is-in-range.saturday::before,
  .litepicker.mobilefriendly-landscape .container__days .day-item.is-in-range.tuesday::before {
    height: 34px; }
  .litepicker.mobilefriendly-landscape .container__footer {
    padding: 5px; }
  .litepicker.mobilefriendly-landscape .container__days .day-item {
    margin: 1px 0; }