/* IDFW PAYPAL BILLING UI V1 */

.idfw-billing-panel{
  margin-top:14px;
}


.idfw-billing-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}


.idfw-billing-head>div:first-child>span,
.idfw-billing-plan>div:first-child>span,
.idfw-billing-max span{
  color:#5de0b8;
  font-size:7px;
  font-weight:950;
  letter-spacing:.11em;
}


.idfw-billing-head h3{
  margin:4px 0;
}


.idfw-billing-head p{
  margin:0;
  color:#718c99;
  font-size:9px;
}


.idfw-billing-current{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(88,221,181,.07);
  color:#5de0b8;
  font-size:8px;
  font-weight:900;
}


.idfw-billing-paypal-only{
  display:flex;
  align-items:center;
  gap:11px;

  margin-top:17px;
  padding:11px;

  border-radius:12px;

  border:
    1px solid rgba(102,154,210,.14);

  background:
    rgba(75,130,190,.05);
}


.idfw-billing-paypal-only>span{
  width:34px;
  height:34px;

  display:grid;
  place-items:center;

  border-radius:10px;

  background:#0878d1;
  color:white;

  font-weight:950;
}


.idfw-billing-paypal-only b,
.idfw-billing-paypal-only small{
  display:block;
}


.idfw-billing-paypal-only b{
  font-size:10px;
}


.idfw-billing-paypal-only small{
  margin-top:3px;
  color:#718b98;
  font-size:8px;
}


.idfw-billing-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:10px;

  margin-top:12px;
}


.idfw-billing-plan{
  padding:16px;

  border:
    1px solid rgba(255,255,255,.065);

  border-radius:16px;

  background:
    rgba(4,15,24,.50);
}


.idfw-billing-plan.requested{
  border-color:
    rgba(88,221,181,.35);

  box-shadow:
    0 0 0 1px
    rgba(88,221,181,.08);
}


.idfw-billing-plan.active{
  border-color:
    rgba(88,221,181,.22);
}


.idfw-billing-plan h4{
  margin:5px 0 4px;

  font-size:17px;
}


.idfw-billing-plan strong{
  display:block;

  color:#e3eff2;

  font-size:25px;
}


.idfw-billing-plan strong small{
  color:#66828f;
  font-size:8px;
}


.idfw-billing-plan ul{
  min-height:82px;

  margin:
    13px 0;

  padding:0;

  list-style:none;
}


.idfw-billing-plan li{
  margin:6px 0;

  color:#829aa6;

  font-size:8px;
}


.idfw-paypal-slot{
  min-height:45px;
}


.idfw-plan-active{
  padding:11px;

  border-radius:10px;

  background:
    rgba(88,221,181,.07);

  color:#5de0b8;

  text-align:center;

  font-size:9px;
  font-weight:900;
}


.idfw-plan-existing{
  padding:11px;

  border-radius:10px;

  background:
    rgba(255,255,255,.025);

  color:#748e9a;

  font-size:8px;

  line-height:1.5;
}


.idfw-billing-max{
  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:14px;

  margin-top:10px;

  padding:13px;

  border-radius:13px;

  border:
    1px dashed rgba(255,255,255,.08);

  opacity:.72;
}


.idfw-billing-max b,
.idfw-billing-max small{
  display:block;
}


.idfw-billing-max b{
  margin-top:3px;
}


.idfw-billing-max small{
  margin-top:2px;

  color:#778f9b;
}


.idfw-billing-max p{
  max-width:400px;

  margin:0;

  color:#708995;

  font-size:8px;
}


.idfw-billing-warning,
.idfw-billing-owner{
  margin-top:15px;

  padding:14px;

  border-radius:12px;

  background:
    rgba(230,175,82,.055);

  color:#9a8d70;

  font-size:9px;

  line-height:1.5;
}


.idfw-billing-owner{
  background:
    rgba(88,221,181,.04);

  color:#829b91;
}


.idfw-billing-owner p{
  margin:
    5px 0 0;
}


@media(max-width:650px){

  .idfw-billing-grid{
    grid-template-columns:1fr;
  }


  .idfw-billing-head{
    flex-direction:column;
  }


  .idfw-billing-max{
    flex-direction:column;
    align-items:flex-start;
  }

}

/* END IDFW PAYPAL BILLING UI V1 */

/* ==========================================================
   NYMIQ COMMERCIAL READINESS 5B
   ========================================================== */

.nymiq-commercial-dialog {
  width: min(680px, calc(100vw - 24px));
  max-height: 92vh;
  padding: 0;
  border: 1px solid rgba(110, 231, 207, .2);
  border-radius: 22px;
  background: #0a1725;
  color: #eefaf7;
  box-shadow: 0 28px 90px rgba(0,0,0,.55);
}

.nymiq-commercial-dialog::backdrop {
  background: rgba(2, 8, 17, .78);
  backdrop-filter: blur(7px);
}

.nymiq-commercial-modal {
  position: relative;
  padding: 30px;
}

.nymiq-dialog-close {
  position: absolute;
  right: 18px;
  top: 15px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  font-size: 27px;
  line-height: 1;
  color: #cce7e2;
  background: rgba(255,255,255,.06);
}

.nymiq-modal-kicker {
  display: block;
  margin-bottom: 7px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  color: #70e3c8;
}

.nymiq-commercial-modal h3 {
  margin: 0 45px 20px 0;
  font-size: 25px;
}

.nymiq-order-summary {
  display: grid;
  gap: 1px;
  overflow: hidden;
  margin: 20px 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 15px;
  background: rgba(255,255,255,.08);
}

.nymiq-order-summary > div {
  display: grid;
  grid-template-columns: minmax(130px,.7fr) 1.3fr;
  gap: 14px;
  padding: 13px 15px;
  background: #0d1d2c;
}

.nymiq-order-summary span {
  color: #92aebb;
}

.nymiq-order-summary b {
  text-align: right;
}

.nymiq-consents {
  display: grid;
  gap: 11px;
  margin: 21px 0;
}

.nymiq-consents label {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 13px;
  background: rgba(255,255,255,.025);
  cursor: pointer;
}

.nymiq-consents input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.nymiq-consents a {
  color: #70e3c8;
}

.nymiq-commercial-confirm,
.nymiq-start-checkout,
.nymiq-danger-confirm,
.nymiq-commercial-secondary {
  width: 100%;
  border: 0;
  border-radius: 13px;
  padding: 14px 18px;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}

.nymiq-commercial-confirm,
.nymiq-start-checkout {
  color: #04110f;
  background: linear-gradient(135deg,#6fe8cb,#81baff);
}

.nymiq-danger-confirm {
  margin-top: 9px;
  color: white;
  background: #b9384b;
}

.nymiq-commercial-secondary {
  margin-top: 9px;
  color: #dbece8;
  background: rgba(255,255,255,.07);
}

.nymiq-commercial-confirm:disabled,
.nymiq-danger-confirm:disabled {
  opacity: .55;
  cursor: wait;
}

.nymiq-commercial-error {
  min-height: 20px;
  margin: 8px 0;
  color: #ff9ca9;
  font-size: 13px;
}

.nymiq-contract-note,
.nymiq-before-paypal {
  display: block;
  margin-top: 10px;
  text-align: center;
  color: #8faab5;
  font-size: 12px;
}

.nymiq-payment-warning {
  margin-bottom: 12px;
  padding: 11px 13px;
  border: 1px solid rgba(111,232,203,.2);
  border-radius: 12px;
  background: rgba(111,232,203,.06);
  color: #cceee6;
  font-size: 13px;
  line-height: 1.45;
}

.nymiq-sales-closed {
  display: grid;
  gap: 5px;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}

.nymiq-sales-closed b {
  color: #e8f3f1;
}

.nymiq-sales-closed span {
  color: #92aebb;
  font-size: 13px;
}

@media (max-width: 600px) {

  .nymiq-commercial-modal {
    padding: 23px 17px;
  }

  .nymiq-order-summary > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .nymiq-order-summary b {
    text-align: left;
  }
}