.font-weight-400 {
    font-weight: 400 !important;
}
.btn-grid-items
{
  width: 100%;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 992px)
{
  .page-container
  {
    max-width: 1500px;
  }
}
@media (min-width: 1200px)
{
  .btn-grid-items
  {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1000px) and (max-width: 1199px)
{
  .btn-grid-items
  {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 999px)
{
  .btn-grid-items
  {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.block-items-wrapper
{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;

  margin-bottom: 2rem;
}

.block-item
{
  cursor: pointer;

  width: auto;
  min-width: 160px;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;

  border: 1px solid #5e676f;
  color: #5e676f;
  font-weight: 500;

  box-sizing: border-box;
  padding: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;

  border-radius: 4px;
}
@media (min-width: 0px) and (max-width: 500px)
{
  .block-item
  {
    width: 100%;
    min-width: 100%;
  }
}
.block-item.active
{
  border-color: #448bff;
  color: #448bff;
}
.card-data
{
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.card-data-item
{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;

  box-sizing: border-box;
  padding: 0.5rem 0;
}
.card-data-item-small
{
  padding: 0.15rem 0;
}
.card-data-item-col
{
  width: 35%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.card-data-item-col:last-child
{
  width: 65%;
  justify-content: flex-end;
}

.card-data-item-col-small
{
  width: 30%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
}
.card-data-item-col-small:first-child
{
  justify-content: flex-start;
}

.width-invoice
{
  max-width: 450px;
  width: 100%;
}
.no-last-margin > *:last-child
{
  margin-bottom: 0;
}
.withdraw-link
{
  cursor: pointer;
  margin-top: 0.5rem;
}
.currency-icon
{
  width: 32px;
}
.help-block
{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  box-sizing: border-box;
  padding: 0.75rem 0;
}
.help-btn
{
  height: 32px;
  background: #448bff;
  box-sizing: border-box;
  padding: 0.25rem 1rem;

  border-radius: 16px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  color: #ffffff;
}
.help-btn:hover
{
  color: #ffffff;
  background: #448bff;
}
.inner-page img
{
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 1.0rem;
  background: #ffffff;
  border: 1px solid #f2f2f2;
}
.multy-invoice-paylink
{
  position: relative;
  cursor: pointer;
}
.clipboard-notice
{
  position: absolute;
  background: #222222;
  bottom: 32px;
  left: 80px;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: normal;
  color: #ffffff;

  box-sizing: border-box;
  padding: 0.25rem 0.5rem;
  border-radius: 12px;

  opacity: 0;
}
.clipboard-notice.show
{
  animation: clipboard_notice_show 2s ease 1;
}
@keyframes clipboard_notice_show {
 0% { opacity: 0; }
 20% { opacity: 1; }
 100% { opacity: 0; }
}

.pulse-container
{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
}
.pulse-wrapper
{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  box-sizing: border-box;
}
.pulse-sms-wrapper
{
  width: 25%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  box-sizing: border-box;
}


.pulse-card-col
{
  max-width: 225px !important;
  min-width: 225px !important;
  width: 100% !important;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;

  margin-right: 1%;
  box-sizing: border-box;

  background: #ffffff;
  border-radius: 8px;
  margin-bottom: 2rem;
}
@media (min-width: 0px) and (max-width: 1199px)
{

}

.pulse-card-limits
{
  width: 100%;
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0.75rem 1.25rem;

  color: #892e62;
  background-color: #fdd9ea;
  border-color: #fccae1;

  border-radius: 8px;
}
.pulse-card-limits.active
{
  display: flex;
}

.pulse-card-col-head
{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding: 1rem 1rem 0.25rem 1rem;
}
.pulse-card-col-head img
{
  width: 32px;
}

.pulse-card-col-head span.pulse__card_number
{
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
  color: #222;
}
.pulse__card_owner
{
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
  color: #222;
  padding: 0rem 1rem 1rem 1rem;
}

.invoice-item
{
  box-sizing: border-box;
  padding: 1rem;
  border-top: 1px solid #f2f2f2;
}
.invoice-item-head
{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.invoice-item-id
{
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
  color: #222;
}
.invoice-item-date
{
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: normal;
  color: #b7b7b7;
}
.invoice-item-body
{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;

  box-sizing: border-box;
  padding: 0.5rem 0;
}
.invoice-item-amount
{
  font-size: 1rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
  color: #222;
}
.invoice-item-profit
{
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
  color: #cddc39;
}

.btn-invoice-complete
{
  border: 0;

  width: 100%;
  height: 32px;
  background: #448bff;

  font-size: 0.9rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: normal;
  color: #ffffff;

  box-sizing: border-box;
  padding: 0.35rem 0;

  border-radius: 16px;
}
.pulse-switch
{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-self: flex-start;
  align-items: flex-start;

  margin-bottom: 2rem;
}
.btn-pulse
{
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-self: center;
  align-items: center;

  font-size: 0.75rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: normal;
  color: #ffffff;

  box-sizing: border-box;
  padding: 6px 16px;
  border-radius: 8px;
}
.btn-pulse:hover
{
  color: #ffffff;
}
.btn-pulse-on
{
  background: #31c971;
}
.btn-pulse-off
{
  background: #f54394;
}

.pulse-wrapper-progress
{
  width: 100%;
  height: 12px;
  border-radius: 6px;
  background: #dfdfdf;
  margin-bottom: 1rem;

  position: relative;
}
.pulse-wrapper-progress-fill
{
  height: 12px;
  border-radius: 6px;
  background: #448bff;
  margin-bottom: 1rem;

  transition: all 0.5s ease;
}
.small-icon svg
{
  width: 10px;
  height: 10px;
}

.invoice-item-success-badge
{
  border: 0;

  width: 100%;
  height: auto;
  background: #8bc34a;

  font-size: 0.75rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: normal;
  color: #ffffff;

  box-sizing: border-box;
  padding: 3px 6px;

  border-radius: 16px;
}
.invoice-item-error-badge
{
  border: 0;

  width: 100%;
  height: auto;
  background: #f44336;

  font-size: 0.75rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: normal;
  color: #ffffff;

  box-sizing: border-box;
  padding: 3px 6px;

  border-radius: 16px;
}
.pulse-client_pay_mark
{
  margin: 10px 0;
}


.toast_wrapper
{
  position: fixed;
  bottom: 0;
  right: 0;

  box-sizing: border-box;
  padding: 32px;

  width: 400px;
  max-width: 400px;
  min-width: 400px;
}
.toast_wrapper_inner
{
  width: 100%;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-self: flex-start;
  align-items: flex-start;

  gap: 4px;
}

.toast_block
{
  width: 100%;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-self: flex-start;
  align-items: flex-start;

  background: #ffffff;

  box-sizing: border-box;
  padding: 12px 16px;

  border-radius: 10px;

  border: 1px solid #E4E4E7;
}

.toast_title
{
  font-size: 13px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: normal;
  color: #222222;
  margin: 0 0 8px 0;
}
.toast_title.toast_title_regular
{
  color: #222222;
}
.toast_title.toast_title_success
{
  color: #31c971;
}
.toast_title.toast_title_danger
{
  color: #f54394;
}
.toast_title.toast_title_info
{
  color: #14bae4;
}

.toast_text
{
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: normal;
  color: #222222;
  margin: 0;
}

.mw-wide
{
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
}
.mw-40
{
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
}
.mw-80
{
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
}
.mw-120
{
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}
.small-super
{
  display: block;
  font-size: 0.7rem !important;
}


.npulse-container
{
  width: 100%;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;

  box-sizing: border-box;
  padding: 1rem;
}
.npulse-wrapper
{
  width: 100%;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1%;
}
.npulse-card
{
  width: 220px;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;

  background: #ffffff;
  border-radius: 8px;

  border: 2px solid #e1e1e1;

  margin: 0 0 32px 0;
}

@media (min-width: 1200px)
{
  .npulse-outer
  {
    width: 100%;
    max-width: 1200px;
  }
  .npulse-wrapper
  {
    gap: 1%;
  }
  .npulse-card
  {
    width: 19%;
  }
}

@media (min-width: 1000px) and (max-width: 1199px)
{
  .npulse-outer
  {
    width: 100%;
    max-width: 1000px;
  }
  .npulse-card
  {
    width: 24%;
  }
  .npulse-wrapper
  {
    gap: 1%;
  }
}

@media (min-width: 800px) and (max-width: 999px)
{
  .npulse-outer
  {
    width: 100%;
    max-width: 800px;
  }
  .npulse-card
  {
    width: 32%;
  }
  .npulse-wrapper
  {
    gap: 1%;
  }
}

@media (min-width: 500px) and (max-width: 799px)
{
  .npulse-outer
  {
    width: 100%;
    max-width: 500px;
  }
  .npulse-card
  {
    width: 49%;
  }
  .npulse-wrapper
  {
    gap: 1%;
  }
}

@media (min-width: 0px) and (max-width: 499px)
{
  .npulse-outer
  {
    width: 100%;
    max-width: 320px;
  }
  .npulse-card
  {
    width: 100%;
  }
  .npulse-wrapper
  {
    gap: 0;
  }
}

.npulse-card-head
{
  width: 100%;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;

  gap: 8px;

  background: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;

  box-sizing: border-box;
  padding: 16px;

  border-bottom: 1px solid #f9f9f9;
}
.npulse-card-head-data
{
  width: 100%;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;

  gap: 8px;
}
.npulse-card-head-subdata
{
  width: 100%;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;

  gap: 8px;
}
.npulse-card-body
{
  width: 100%;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;

  background: #ffffff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;

  box-sizing: border-box;
  /*padding: 16px;*/
}

.npulse-card-head-number
{
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
  color: #222;
}
.npulse-card-head-icon
{
  width: 32px;
}

.npulse-card-invoice
{
  width: 100%;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;

  box-sizing: border-box;
  padding: 8px 16px;

  border-bottom: 1px solid #f9f9f9;

  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.npulse-card-invoice:last-child
{
  border-bottom: 0px;
}
.npulse-card-invoice-keys
{
  width: 100%;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.npulse-card-invoice-keys-id
{
  font-size: 13px;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: normal;
  color: #222;
}
.npulse-card-invoice-keys-date
{
  font-size: 13px;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: normal;
  color: #222;
}
.npulse-card-invoice-amounts
{
  width: 100%;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;

  box-sizing: border-box;
  padding: 4px 0;
}
.npulse-card-invoice-amounts-amount
{
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
  color: #222;
}
.npulse-card-invoice-amounts-profit
{
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
  color: #31c971;
}

.npulse-card-invoice-expired
{
  background: #fbfbfb;
  border-bottom: 1px solid #f3f3f3;
}

.npulse-card-invoice-expired .npulse-card-invoice-amounts-amount,
.npulse-card-invoice-expired .npulse-card-invoice-amounts-profit,
.npulse-card-invoice-expired .npulse-card-invoice-keys-id,
.npulse-card-invoice-expired .npulse-card-invoice-keys-date
{
  font-size: 12px;
  font-weight: 300;
}
.npulse-card-invoice-button
{
  border: 0;

  width: 100%;
  height: 32px;
  background: #448bff;

  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: normal;
  color: #ffffff;

  box-sizing: border-box;
  padding: 4px 0;

  border-radius: 4px;

  margin: 4px 0;
}
.npulse-card-invoice-button-expired
{
  border: 0;

  width: 100%;
  height: 32px;
  background: #788fb5;

  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: normal;
  color: #ffffff;

  box-sizing: border-box;
  padding: 4px 0;

  border-radius: 4px;

  margin: 4px 0;
}

.npulse-button
{
  width: 100%;
  height: 32px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  border: 0;
  border-radius: 4px;

  background: #222;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
.npulse-button-active
{
  background: #ffadad;
  color: #222;
}
.npulse-button-unactive
{
  background: #caffbf;
  color: #222;
}
.npulse-card-progress-wrapper
{
  width: 100%;
  height: 16px;
  border-radius: 2px;
  background: #fbfbfb;
}
.npulse-card-progress-inner
{
  position: relative;

  width: 100%;
  height: 16px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.npulse-card-progress-text
{
  color: #222;
  font-size: 9px;
  font-weight: 700;
  z-index: 50;
}
.npulse-card-progress-filled
{
  position: absolute;
  top: 0;
  left: 0;

  /*width: 50%;*/
  height: 16px;
  background: #caffbf;
  border-radius: 2px;
}

.npulse-card-progress-filled-0 { width: 0%; }
.npulse-card-progress-filled-5 { width: 5%; }
.npulse-card-progress-filled-10 { width: 10%; }
.npulse-card-progress-filled-15 { width: 15%; }
.npulse-card-progress-filled-20 { width: 20%; }
.npulse-card-progress-filled-25 { width: 25%; }
.npulse-card-progress-filled-30 { width: 30%; }
.npulse-card-progress-filled-35 { width: 35%; }
.npulse-card-progress-filled-40 { width: 40%; }
.npulse-card-progress-filled-45 { width: 45%; }
.npulse-card-progress-filled-50 { width: 50%; background: #ffed8a; }
.npulse-card-progress-filled-55 { width: 55%; background: #ffed8a; }
.npulse-card-progress-filled-60 { width: 60%; background: #ffed8a; }
.npulse-card-progress-filled-65 { width: 65%; background: #ffed8a; }
.npulse-card-progress-filled-70 { width: 70%; background: #ffed8a; }
.npulse-card-progress-filled-75 { width: 75%; background: #ffed8a; }
.npulse-card-progress-filled-80 { width: 80%; background: #ffed8a; }
.npulse-card-progress-filled-85 { width: 85%; background: #ffed8a; }
.npulse-card-progress-filled-90 { width: 90%; background: #ffadad; }
.npulse-card-progress-filled-95 { width: 95%; background: #ffadad; }
.npulse-card-progress-filled-100 { width: 100%; background: #ffadad; }

.npulse-operator-state
{
  width: 100%;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;

  margin: 0 0 16px 0;
}
.npulse-operator-status
{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;

  gap: 16px;
}

.npulse-operator-data
{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.npulse-operator-data-text
{
  font-weight: 500;
  color: #222;
}
.npulse-operator-data-yes .npulse-operator-data-text
{
  color: #8ac926;
}
.npulse-operator-data-no .npulse-operator-data-text
{
  color: #ff595e;
}

.npulse-operator-status-button
{
  width: auto;
  height: 32px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  box-sizing: border-box;
  padding: 0 16px;

  border: 0;
  border-radius: 4px;

  background: #222;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
.npulse-operator-status-button-active
{
  background: #ffadad;
  color: #222;
}
.npulse-operator-status-button-unactive
{
  background: #caffbf;
  color: #222;
}

.npulse-success
{
  color: #caffbf;
}
.npulse-warning
{
  color: #ffadad;
}

.bins
{
  width: 100%;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;

  gap: 8px;
}
.bin
{
  background: #ffffff;

  width: 80px;
  height: 200px;

  border-radius: 8px;

  transition: all 0.3s ease;
  transform: translateY(0);

}
.bin:hover
{
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}