.record-payment__container, .record-payment_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: flex-start;
}
.record-payment__container .blocks-divider, .record-payment_container .blocks-divider {
  margin: 0;
}
.record-payment__title, .record-payment_title {
  margin: 0px 0px 10px 0px;
}
.record-payment__content, .record-payment_content {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}
@media (max-width: 768px) {
  .record-payment__title, .record-payment_title {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .record-payment__content, .record-payment_content {
    height: auto;
    flex: 1;
  }
}
@media (max-width: 480px) {
  .record-payment__title, .record-payment_title {
    font-size: 15px;
    margin-bottom: 6px;
  }
}
.payments__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 12px;
  gap: 10px;
  margin-bottom: 30px;
}
.payments__sum-title {
  font-weight: 600;
}
.payments__sum-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 400px;
}
.payments__sum-buttons {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.payments__payments {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  display: flex;
}
.payments__payments .payment-balance {
  width: 248px;
  height: 50px;
  display: inline;
}
.payments__payments .payment-balance .you-kassa-image {
  width: 28px;
  height: auto;
}
.payments__payments-payments-buttons-without-dropdown {
  display: grid;
  grid-template-columns: repeat(1, 250px);
  gap: 6px;
}
.payments__payments .payment-receipt {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 12px;
  width: 185px;
}
.payments__payments .payment-receipt .receipt-title-container {
  max-width: 100%;
}
.payments__payments .payment-receipt .receipt-title {
  margin: 0;
  max-width: 100%;
}
.payments__payments .payment-receipt .receipt-description {
  margin: 0;
  color: #979797;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 141px;
}
.payments__payments .yoo-kassa-button {
  max-width: 218px;
}
.payments__payments .yoo-kassa-button .acquiring-receipt-title {
  max-width: 150px;
}
.payments__payments .yoo-kassa-button .disable-acquiring-text {
  color: rgba(0, 0, 0, 0.25);
}
.payments__payments .acquiring-dropdown {
  height: auto;
}
.payments__buttons .button-icon {
  padding: 9px 8px;
  color: white;
  border-radius: 50%;
}
.payments__buttons .buttons__cash_icon {
  background-color: #cc3663;
}
.payments__buttons .buttons__card_icon {
  background-color: #8d3efb;
}
.payments__buttons .buttons__balance_icon {
  background-color: #d59b38;
}
.payments__buttons .buttons__prepayment_icon {
  background-color: green;
}

@media (max-width: 768px) {
  .payments__payments-buttons-with-dropdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .payments__payments-payments-buttons-without-dropdown {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .payments__container {
    gap: 8px;
  }
  .payments__sum-container {
    max-width: 100%;
  }
  .payments__sum-buttons {
    flex-wrap: wrap;
  }
  .payments__payments {
    gap: 4px;
  }
  .payments__payments-buttons-with-dropdown {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    width: 100%;
  }
  .payments__payments-payments-buttons-without-dropdown {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    width: 100%;
  }
  .payments__payments .yoo-kassa-button {
    max-width: 100%;
  }
}
@media (max-width: 360px) {
  .payments__sum-buttons {
    gap: 2px;
  }
}
.dropdown-list-payment {
  max-height: 200px;
}
.payment-tooltip-paragraph {
  margin: 0;
}

.custom-calendar-dropdown[data-testid=calendar-block] {
  display: block;
}

.payment-info__position {
  display: flex;
  align-items: center;
}
.payment-info__position_icon {
  margin-right: 12px;
  color: rgba(0, 139, 246, 0.57);
}
.payment-info__position_paragraph {
  margin: 0;
}

.payment-component.prepayment-select-menu {
  display: flex;
  flex-direction: column;
}
.payment-component.prepayment-select-menu .additional-info {
  font-size: 12px;
}

.payment-component {
  padding: 0 10px;
}
.payment-component__title {
  width: 200px;
}
.payment-component__divider {
  margin: 0;
}
.payment-component__pdf-downloading {
  width: 100%;
  display: flex;
  margin: 18px 0 18px 0;
}
.payment-component__pdf-downloading_button {
  width: 100%;
  color: rgb(2, 117, 216);
  border-color: rgb(2, 117, 216);
}
.payment-component__wrapper {
  width: 500px;
}
.payment-component__wrapper .payments-table-top-border {
  margin-bottom: 8px;
  width: 962px !important;
}
.payment-component__wrapper .payments-table-header-bottom, .payment-component__wrapper .payments-table-footer-top {
  margin-top: 0;
  margin-bottom: 0;
}
.payment-component__wrapper .payments-table-bottom-border {
  margin-top: 8px;
  width: 962px !important;
}
.payment-component__amount-label {
  display: inline-block;
  margin-bottom: 6px;
  font-weight: 500;
}
.payment-component .pdf-downloading__button_icon {
  margin-right: 5px;
}
.payment-component__diveded-payment {
  margin: 12px 0;
}
.payment-component__diveded-payment_input-container {
  margin-top: 8;
}
.payment-component__buttons .button-icon {
  padding: 9px 8px;
  color: white;
  border-radius: 50%;
}
.payment-component__buttons .buttons__cash_icon {
  background-color: #cc3663;
}
.payment-component__buttons .buttons__card_icon {
  background-color: #8d3efb;
}
.payment-component__buttons .buttons__balance_icon {
  background-color: #d59b38;
}
.payment-component__buttons .buttons__prepayment_icon {
  background-color: green;
}
.payment-component .full-width {
  width: 100%;
}
.services-table__empty {
  padding: 20px;
}
.services-table__container {
  width: 100%;
  background-color: #fff;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.services-table__table {
  width: 100%;
  min-width: 680px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.services-table__table thead {
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}
.services-table__th {
  padding: 6px 8px;
  word-wrap: break-word;
  white-space: normal;
  border-bottom: 1px solid #e0e0e0;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 3;
}
.services-table__th:first-child {
  left: 0;
  z-index: 11;
  box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.12);
}
.services-table__th-service {
  width: auto;
  min-width: 160px;
}
.services-table__th-count {
  width: 64px;
}
.services-table__th-price, .services-table__th-discount, .services-table__th-cost, .services-table__th-paid, .services-table__th-total {
  width: 84px;
}
.services-table__cell {
  font-size: 14px;
  padding: 6px 8px;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.services-table__cell:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
  box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.12);
}
.services-table__cell-service {
  display: flex;
  align-items: center;
  min-width: 0;
}
.services-table__cell-service .point {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  color: rgba(0, 139, 246, 0.57);
  margin-right: 4px;
  margin-bottom: 2px;
}
.services-table__cell-service .ant-typography {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.services-table__row:hover .services-table__row__cell {
  background-color: #fafafa;
}
.services-table__row:hover .services-table__row__cell:first-child {
  background-color: #fafafa;
}
.services-table__footer-cell {
  padding: 6px 8px;
  background-color: #fff;
}
.services-table__footer-cell:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
  box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.12);
}
.services-table__footer-button {
  white-space: normal;
}
@media (max-width: 480px) {
  .services-table__th, .services-table__cell {
    font-size: 12px;
    padding: 4px 6px;
  }
  .services-table__th-service {
    width: 130px;
    min-width: 130px;
  }
  .services-table__th-count {
    width: 44px;
  }
  .services-table__footer-cell {
    padding: 4px 6px;
  }
  .services-table__footer-button {
    width: 100%;
    font-size: 12px;
  }
}
@media (max-width: 360px) {
  .services-table__th, .services-table__cell {
    font-size: 11px;
    padding: 3px 3px;
  }
}
.bc-payment-modal .content-container h4 {
  margin-bottom: 6px;
}
.bc-financial-operations {
  width: 100%;
}
.bc-financial-operations.full-width {
  width: 100%;
}
.bc-financial-operations .payment-row {
  padding: 8px 0;
}
.bc-financial-operations .payment-row .payment-type {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  gap: 10px;
  cursor: pointer;
}
.bc-financial-operations .payment-row .payment-type .anticon {
  margin-left: 4px;
}
.bc-financial-operations .payment-row .payment-date, .bc-financial-operations .payment-row .payment-time {
  width: 100px;
  text-align: center;
}
.bc-financial-operations .payment-row .payment-amount {
  width: 80px;
  text-align: right;
}
.bc-financial-operations .payment-row .payment-action {
  width: 40px;
  text-align: center;
}
@media (max-width: 768px) {
  .bc-financial-operations .payment-row .payment-date, .bc-financial-operations .payment-row .payment-time {
    width: 80px;
    font-size: 12px;
  }
  .bc-financial-operations .payment-row .payment-amount {
    width: 70px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .bc-financial-operations .payment-row {
    flex-wrap: wrap;
    gap: 4px;
  }
  .bc-financial-operations .payment-row .payment-type {
    width: 100%;
    flex: unset;
  }
  .bc-financial-operations .payment-row .payment-date, .bc-financial-operations .payment-row .payment-time {
    width: auto;
    font-size: 12px;
  }
  .bc-financial-operations .payment-row .payment-amount {
    width: auto;
    margin-left: auto;
  }
}
@media (max-width: 360px) {
  .bc-financial-operations .payment-row .payment-type, .bc-financial-operations .payment-row .payment-date, .bc-financial-operations .payment-row .payment-time, .bc-financial-operations .payment-row .payment-amount {
    font-size: 11px;
  }
}
.bc-loyalty-cards .data-divider {
  height: auto;
}

.empty-loyalty-cards {
  width: 100%;
}
.cancel-tech-map-button {
  margin-top: 20px;
}
.bc-technological-map {
  margin: 40px 0;
}

/*# sourceMappingURL=main~24.30b03a83.css.map*/