/* lk-logout link */
.lk-logout {
  display: none;
  position: absolute;
  top: 7px;
  right: 0;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #9190A6;
}

.loan-info-mobile {
  display: none;
}

.form .form__input {
  height: 48px;
  border: 1px solid #DEDDE9;
  border-radius: 4px;
  font-size: 16px;
  padding-left: 16px;
  color: #484848;
}

.form .form__label {
  font-size: 13px;
  color: #9190A6;
}

.popup {
  box-shadow: 0px 2px 24px rgba(145, 144, 166, 0.12);
  border-radius: 4px;
}

.popup-lk__repeat-code {
  font-size: 13px;
  color: #9190A6;
}

.code-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form .code-wrap__item {
  max-width: 54px;
  padding-left: 22px;
  text-transform: uppercase;
}

.form .form-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

.d-none {
  display: none;
}

.popup-lk,
.popup-reg {
  margin: 0 auto;
  border-radius: 4px;
  background: #fff;
  padding: 24px;
  overflow: auto;
}

.popup-lk {
  max-width: 300px;
}

.popup-reg {
  max-width: 550px;
}

.popup-lk__form {
  display: flex;
  flex-direction: column;
}

.popup-lk__header-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.popup-lk__back {
  width: 20px;
  cursor: pointer;
  margin-right: 10px;
}

.popup-lk__title {
  font-size: 16px;
  color: #484848;
  font-weight: 600;
}

.form .popup-lk__phone {
  padding: 13px 0 13px 16px;
}

.form .popup-lk__error-message {
  font-size: 12px;
  color: #E02222;
}

.popup-lk__form .btn-success {
  margin: 16px 0 16px 0;
  border-radius: 4px;
}

.popup-lk__back {
  display: none;
}

.popup-lk__code-wrap {
  display: flex;
  justify-content: space-between;
}

.popup-lk__options {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.repeat-code {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.repeat-code__send-code{
  display: none;
}
.repeat-code__send-code.active{
  display: block;
}

.repeat-code__send-code_none {
  display: none;
}

.form__body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.popup-reg__name,
.popup-reg__lastname,
.popup-reg__birthday,
.popup-reg__email {
  display: flex;
  flex-direction: column;
  min-width: 48%;
  margin-bottom: 15px;
}

.popup-reg__ticket {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  margin-bottom: 15px;
}

.popup-reg__phone {
  display: flex;
  flex-direction: column;
  min-width: 48%;
}

.form .popup-reg__success {
  min-width: 48%;
  max-height: 48px;
  margin: 29px 0 0 0;
  border-radius: 4px;
}

.form .popup-reg__success_mobile {
  display: none;
}

.loan {
  border-radius: 4px;
  box-shadow: 0px 2px 8px rgba(145, 144, 166, 0.12);
  margin-bottom: 10px;
}

.loan__header {
  display: flex;
  padding: 24px 24px 10px 24px;
}

.loan__number {
  cursor: pointer;
  font-size: 14px;
  color: #484848;
  border-bottom: 1px dashed #484848;
  margin-right: 10px;
}

.loan__name {
  font-size: 14px;
  font-weight: 600;
  color: #9190A6;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
}

.loan__hint {
  color: #31307A;
  background: #FCFCFF;
  padding: 10px 24px;
  font-size: 14px;
}

.loan__about {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px 24px 24px 24px;
}

.loan__date,
.loan__price,
.loan__percent,
.loan__arrears {
  color: #9190A6;
}

.loan__date {
  width: 16%;
  min-width: 135px;
  border-right: 2px solid #DEDDE9;
  cursor: pointer;
}

.loan__price,
.loan__percent,
.loan__arrears {
  width: 13%;
  min-width: 110px;
}

.loan__buttons {
  width: 30%;
  min-width: 255px;
}

.loan__date-value {
  font-size: 16px;
  color: #66737E;
  font-weight: 600;
}

.loan__price-value,
.loan__percent-value,
.loan__arrears-value {
  font-size: 18px;
  font-weight: 600;
  color: #484848;
}

.loan__date-value {
  display: flex;
  align-items: center;
}

.loan__date-value svg {
  margin-right: 5px;
  fill: #000000;
}

.loan__date-value:hover {
  color: #1D906D;
}

.loan__date-value:hover svg {
  fill: #1D906D;
}

.loan__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.loan__btn-payoff,
.loan__btn-extend {
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  color: #1D906D;
  border: 1px solid #1D906D;
  border-radius: 4px;
  padding: 7px 26px;
}

.loan__btn-payoff {
  color: #66737E;
  border-color: #66737E;
}

.loan__btn-payoff:disabled,
.loan__btn-extend:disabled {
  cursor: auto;
  color: #DEDDE9;
  border-color: #DEDDE9;
}

/*Стилизация попап-а погашение займа*/
.popup-loan-payoff {
  max-width: 400px;
  border-radius: 4px;
}

.popup__header {
  display: flex;
  justify-content: space-between;
  padding: 24px;
}

.popup__body {
  padding: 0 24px;
}

.popup__footer {
  padding: 0 24px 24px 24px;
}

.popup__title {
  font-size: 16px;
  font-weight: 600;
  color: #484848;
  margin-bottom: 0;
}

.popup__close {
  cursor: pointer;
}

.popup-loan-payoff__price,
.popup-loan-payoff__percent {
  display: flex;
  justify-content: center;
  font-size: 14px;
  color: #66737E;
  line-height: 1;
  margin-bottom: 20px;
}

.popup-loan-payoff__dotted {
  flex-grow: 1;
  border-bottom: 1px dashed #DEDDE9;
}

.repayment-amount__title {
  text-align: center;
  font-size: 14px;
  color: #484848;
  font-weight: 600;
  margin-bottom: 0;
}

.repayment-amount__value {
  font-size: 16px;
  font-weight: 600;
  color: #484848;
  text-align: center;
}

#repayment-amount__range {
  width: 100%;
  height: 4px;
  outline: none;
  -webkit-appearance: none;
  border-radius: 2px;
}

#repayment-amount__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #27755D;
  cursor: pointer;
}

.repayment-amount__minmax {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #9190A6;
}

.repayment-amount__info {
  color: #31307A;
  text-align: center;
  margin-top: 24px;
}

.repayment-amount__result {
  display: flex;
  justify-content: space-between;
  line-height: 1;
  margin: 24px 0;
}

.repayment-amount__result-value {
  font-size: 20px;
  font-weight: 600;
  color: #484848;
}

.repayment-amount__next,
.pay-loan-popup__btn {
  width: 100%;
  border-radius: 4px;
}

.form .form__input {
  height: 48px;
  border: 1px solid #DEDDE9;
  border-radius: 4px;
  font-size: 16px;
  padding-left: 16px;
  color: #484848;
}

.form .form__input_error {
  border-color: #EC7474;
}

.form .form__label {
  font-size: 13px;
  color: #9190A6;
  display: block;
}

.tab-wrap {
  margin-bottom: 24px;
}

.tab__items-wrap {
  height: 48px;
  display: flex;
  border-bottom: 1px solid #F2F2F2;
}

.tab__item {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #9190A6;
  padding: 0 20px;
  cursor: pointer;
}

.tab__item svg {
  fill: #66737E;
}

.tab__items_active {
  color: #1D906D;
  border-bottom: 1px solid #1D906D;
}

.tab__items_active svg {
  fill: #1D906D;
}

.tab__item:hover {
  color: #1D906D;
}

.tab__item:hover svg {
  fill: #1D906D;
}

/*Стилизация Мои данные*/
.my-data {
  border-radius: 4px;
  box-shadow: 0px 2px 8px rgba(145, 144, 166, 0.12);
}

.my-data__title {
  font-size: 16px;
  font-weight: 600;
  color: #484848;
}

.my-data-from {
  padding: 24px;
}

.my-data-form__body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.my-data-form__name input,
.my-data-form__lastname input,
.my-data-form__email input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 18C19.5523 18 20 18.4477 20 19C20 19.5523 19.5523 20 19 20H1C0.447715 20 0 19.5523 0 19C0 18.4477 0.447715 18 1 18H19ZM4.29289 11.2929L15.2929 0.292893C15.6534 -0.0675907 16.2206 -0.0953203 16.6129 0.209705L16.7071 0.292893L19.7071 3.29289C20.0676 3.65338 20.0953 4.22061 19.7903 4.6129L19.7071 4.70711L8.70711 15.7071C8.55083 15.8634 8.34815 15.9626 8.13144 15.9913L8 16H5C4.48716 16 4.06449 15.614 4.00673 15.1166L4 15V12C4 11.779 4.07316 11.5655 4.20608 11.392L4.29289 11.2929L15.2929 0.292893L4.29289 11.2929ZM16 2.41421L6 12.4142V14H7.58579L17.5858 4L16 2.41421Z' fill='%239190A6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 95% center;
  cursor: pointer;
}

.my-data-form__name input:hover,
.my-data-form__lastname input:hover,
.my-data-form__email input:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%231D906D'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 18C19.5523 18 20 18.4477 20 19C20 19.5523 19.5523 20 19 20H1C0.447715 20 0 19.5523 0 19C0 18.4477 0.447715 18 1 18H19ZM4.29289 11.2929L15.2929 0.292893C15.6534 -0.0675907 16.2206 -0.0953203 16.6129 0.209705L16.7071 0.292893L19.7071 3.29289C20.0676 3.65338 20.0953 4.22061 19.7903 4.6129L19.7071 4.70711L8.70711 15.7071C8.55083 15.8634 8.34815 15.9626 8.13144 15.9913L8 16H5C4.48716 16 4.06449 15.614 4.00673 15.1166L4 15V12C4 11.779 4.07316 11.5655 4.20608 11.392L4.29289 11.2929L15.2929 0.292893L4.29289 11.2929ZM16 2.41421L6 12.4142V14H7.58579L17.5858 4L16 2.41421Z' fill='%231D906D'/%3E%3C/svg%3E");
}

.my-data-form__name input:focus,
.my-data-form__lastname input:focus,
.my-data-form__email input:focus {
  background-image: none;
}

.my-data-form__name,
.my-data-form__lastname,
.my-data-form__email,
.my-data-form__birthday,
.my-data-form__tel,
.my-data-form__change-tel {
  min-width: 32%;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.my-data-form__change-tel {
  justify-content: center;
}

.my-data__footer {
  display: flex;
  background: #FCFCFF;
  color: #31307A;
  padding: 18px 24px;
}

/*Стили информации о займах*/
.loan-info {
  padding: 24px;
  border-radius: 4px;
  box-shadow: 0px 2px 8px rgba(145, 144, 166, 0.12);
  margin-bottom: 10px;
}

.loan-info__title {
  font-size: 16px;
  font-weight: 600;
  color: #484848;
}

.loan-info__btn {
  width: 100%;
  max-width: 320px;
  border-radius: 4px;
}

.general-sum {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #9190A6;
  margin-bottom: 5px;
}

.result-sum {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #484848;
  margin-bottom: 25px;
}

.result-sum__value,
.general-sum__value {
  font-size: 16px;
  font-weight: 700;
}

.pay-loan-popup,
.download-contract-popup {
  max-width: 400px;
}
.download-contract-popup{
  min-width: 280px;
}
.pay-loan-popup__text {
  text-align: center;
  font-size: 13px;
  color: #9190A6;
}

.pay-loan-popup__input {
  min-width: 100%;
}

.download-contract-popup__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.download-contract-popup__footer svg {
  margin-left: 10px;
  flex: 0 0 20px;
}

.separator {
  width: 100%;
  height: 1px;
  background: #DEDDE9;
  margin: 24px 0;
}

.mt-0 {
  margin-top: 0 !important;
}

/*Стили календаря*/
.popup-calendar {
  max-width: 560px;
}

.ui-datepicker {
  margin: auto;
}

.ui-datepicker-group {
  padding: 0 10px
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-widget-header {
  font-size: 14px;
  font-weight: 200;
  color: #66737E;
  background: none;
  border: none;
}

.ui-widget-header .ui-icon {
  cursor: pointer;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='14' viewBox='0 0 7 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.76331e-05 12.9995C7.76429e-05 12.7735 0.0760779 12.5465 0.232078 12.3595L4.70808 6.98851L0.393078 1.62651C0.0460782 1.19751 0.114078 0.567505 0.545078 0.220505C0.975078 -0.125495 1.60408 -0.0574946 1.95108 0.373505L6.77908 6.37351C7.07808 6.74351 7.07408 7.27451 6.76808 7.64051L1.76808 13.6405C1.41508 14.0645 0.784078 14.1215 0.360078 13.7685C0.123078 13.5705 7.76205e-05 13.2865 7.76331e-05 12.9995Z' fill='%23484848'/%3E%3C/svg%3E");
}

.ui-datepicker .ui-datepicker-prev span {
  transform: rotate(180deg);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: none;
  border: none;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0;
  text-align: left;
}

.ui-datepicker th {
  font-size: 14px;
  color: #484848;
}

.ui-datepicker td {
  width: 32px;
  height: 32px;
  padding: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border: none;
  background: none;
  text-align: center;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  color: #000;
}

.ui-datepicker td a {
  padding: 0;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #DEDDE9;
  color: #31307A;
  padding: 0;
}

.ui-state-hover a,
.ui-state-active a {
  background: #6cc2a8 !important;
  color: #fff !important;
  border-radius: 16px;
  border: none !important;
  right: 2px !important;
  top: 2px !important;
}

.ui-datepicker-header .ui-state-hover {
  background: none !important;
}

.ui-datepicker .ui-datepicker-next {
  position: absolute !important;
  top: 125px !important;
  right: -20px !important;
}

.ui-datepicker .ui-datepicker-prev {
  position: absolute !important;
  top: 125px !important;
  left: -20px !important;
}

.ui-datepicker .date-redemption a {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='16' fill='%236CC2A8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9998 22.3413C17.9998 23.2403 17.0838 24.0003 15.9998 24.0003C14.9158 24.0003 13.9998 23.2403 13.9998 22.3413V22.0003H17.9998V22.3413ZM24.5208 19.2073L22.7198 17.4043V12.9363C22.7198 9.45526 20.2178 6.49926 16.8988 6.05926C14.9778 5.80426 13.0378 6.39026 11.5828 7.66626C10.1188 8.94826 9.27985 10.7933 9.27985 12.7273L9.27885 17.4043L7.47885 19.2083C7.00985 19.6773 6.87085 20.3773 7.12485 20.9903C7.37985 21.6033 7.97285 22.0003 8.63685 22.0003H11.9998V22.3413C11.9998 24.3593 13.7938 26.0003 15.9998 26.0003C18.2058 26.0003 19.9998 24.3593 19.9998 22.3413V22.0003H23.3618C24.0258 22.0003 24.6188 21.6043 24.8728 20.9903C25.1278 20.3773 24.9888 19.6773 24.5208 19.2073Z' fill='white'/%3E%3Cmask id='mask0' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='6' y='6' width='19' height='21'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9998 22.3413C17.9998 23.2403 17.0838 24.0003 15.9998 24.0003C14.9158 24.0003 13.9998 23.2403 13.9998 22.3413V22.0003H17.9998V22.3413ZM24.5208 19.2073L22.7198 17.4043V12.9363C22.7198 9.45526 20.2178 6.49926 16.8988 6.05926C14.9778 5.80426 13.0378 6.39026 11.5828 7.66626C10.1188 8.94826 9.27985 10.7933 9.27985 12.7273L9.27885 17.4043L7.47885 19.2083C7.00985 19.6773 6.87085 20.3773 7.12485 20.9903C7.37985 21.6033 7.97285 22.0003 8.63685 22.0003H11.9998V22.3413C11.9998 24.3593 13.7938 26.0003 15.9998 26.0003C18.2058 26.0003 19.9998 24.3593 19.9998 22.3413V22.0003H23.3618C24.0258 22.0003 24.6188 21.6043 24.8728 20.9903C25.1278 20.3773 24.9888 19.6773 24.5208 19.2073Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect x='4' y='4' width='24' height='24' fill='white'/%3E%3C/g%3E%3C/svg%3E");
}

.ui-datepicker .date-redemption {
  color: transparent;
}

@media screen and (max-width: 991px) {
  .lk-logout {
    display: block;
  }

  .loan__date {
    display: flex;
    flex: 1 1 auto;
    column-gap: 10px;
    border-right: none;
    margin: 0 0 20px;
  }

  .loan__price,
  .loan__percent,
  .loan__arrears {
    width: 100%;
  }

  .loan__price::after,
  .loan__percent::after,
  .loan__arrears::after {
    content: "";
    display: block;
    overflow: hidden;
    height: auto;
    border-bottom: 1px dashed;
    margin: 17px 0 0;
  }

  .loan__price div:first-child,
  .loan__percent div:first-child,
  .loan__arrears div:first-child {
    float: left;
    padding: 0 .4em 0 0;
    margin: 0;
  }

  .loan__price div:last-child,
  .loan__percent div:last-child,
  .loan__arrears div:last-child {
    float: right;
    padding: 0 0 0 .4em;
    margin: 0;
  }

  .loan__buttons {
    margin: 32px 0 0;
  }

  .loan__buttons button {
    width: 100%;
  }

  .loan__buttons button+button {
    margin: 0 0 0 10px;
  }
}

@media screen and (max-width: 768px) {
  .loan__buttons {
    width: 100%;
    justify-content: flex-start;
    padding-top: 20px;
  }

  .loan__btn-extend {
    margin-left: 20px;
  }
}

@media screen and (max-width: 600px) {
  .lk__title {
    font-size: 16px;
  }

  .lk-logout {
    font-size: 13px;
  }

  .tab-wrap {
    margin-bottom: 0;
  }

  .tab__item {
    font-size: 13px;
    padding: 0 10px;
  }

  .my-data {
    display: flex;
    flex-direction: column;
  }

  .my-data__footer {
    order: 1;
    font-size: 13px;
    line-height: 1.4;
  }

  .my-data__from {
    order: 2;
  }

  .loan-info,
  .my-data {
    box-shadow: none;
  }

  .my-data-form__name,
  .my-data-form__lastname,
  .my-data-form__email,
  .my-data-form__birthday,
  .my-data-form__tel,
  .my-data-form__change-tel {
    min-width: 100%;
  }

  .loan__date {
    width: 100%;
    border-right: none;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 500px) {
  .popup-reg {
    width: 100%;
    height: 100vh;
    min-height: 400px;
    position: relative;
  }
  .form__body{
    padding-bottom: 90px;
  }
  .popup-reg__email {
    margin-bottom: 170px;
  }

  .form .popup-reg__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
    background: #fff;
  }

  .popup-reg__name,
  .popup-reg__lastname,
  .popup-reg__birthday,
  .popup-reg__email,
  .popup-reg__phone,
  .form .popup-reg__success {
    min-width: 100%;
  }

  .popup-reg__birthday {
    order: 1;
  }

  .popup-reg__ticket {
    order: 2;
  }

  .popup-reg__phone {
    order: 3;
  }

  .popup-reg__name {
    order: 4;
  }

  .popup-reg__lastname {
    order: 5;
  }

  .popup-reg__email {
    order: 6;
  }

  .form .popup-reg__success {
    margin-top: 30px;
  }

  .popup-reg__ticket .code-wrap__item {
    max-width: 32px;
    padding-left: 8px;
  }

  .form .btn.popup-reg__success_mobile {
    display: block;
    margin-bottom: 10px;
  }

  .form .popup-reg__success_desc {
    display: none;
  }

  .loan__price-value,
  .loan__percent-value,
  .loan__arrears-value {
    font-size: 14px;
  }

  .loan__price,
  .loan__percent,
  .loan__arrears {
    font-size: 13px;
  }

  .loan-info {
    display: none;
  }

  .loan-info-mobile {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    z-index: 1;
    padding: 16px;
    filter: drop-shadow(0px -2px 8px rgba(145, 144, 166, 0.12));
  }

  .loan-info-mobile .result-sum {
    font-size: 13px;
    color: #66737E;
    margin: 0 0 14px;
  }

  .loan-info-mobile .result-sum div:first-child {
    padding: 0 .4em 0 0;
    margin: 0;
    flex: 0 1 auto;
  }

  .loan-info-mobile .result-sum div:nth-child(2) {
    flex: 1 1 auto;
    margin: 0 0 6px;
    border-bottom: 1px dashed;
  }

  .loan-info-mobile .result-sum div:last-child {
    padding: 0 0 0 .4em;
    margin: 0;
    flex: 0 1 auto;
  }

  .loan-info-mobile .result-sum__value {
    font-size: 14px;
    font-weight: 400;
  }

  .loan-info-mobile .loan-info__btn {
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    padding: 0 10px;
  }

  jdiv {
    display: none !important;
  }
}

@media screen and (max-width: 400px) {
  .popup-lk__back {
    display: block;
  }

  .loan__about {
    flex-direction: column;
  }
}

.download-contract-popup,
.pay-loan-popup,
.popup-loan-payoff,
.popup-calendar,
.loan-payoff-popup {
  display: none;
  position: fixed;
  z-index: 20;
  background: #FFF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pay-loan-popup__text {
  text-align: center;
}
@media (max-width: 600px){
  .input-date::before {
    color: #000;
    content: attr(placeholder) !important;
    margin-right: 0.5em;
    pointer-events: none;
  }
  .input-date.active::before{
    display: none;
  }
}
.error-msg {
  width: 100%;
  padding: 10px 10px;
  position: relative;
  background: #eee;
  border-radius: 3px;
  margin-bottom: 15px;
  color: #E02222;
  --left: 5%;
}

.error-msg:before {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: var(--left);
  border-top-color: #eee;
  border-width: 9px;
  margin-left: -9px;
  z-index: 2;
  transition: left 0.3s ease 0s;
}