.bodypaypopupuuid {
  font-family: 'Heebo', sans-serif;
  background: url('https://f.hubspotusercontent10.net/hubfs/6006019/Fundo%20site%20inscri%C3%A7%C3%A3o.png') no-repeat center center fixed !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.heebo {
  font-family: 'Heebo', sans-serif;
}

.containerMatricula {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 25rem;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
}

#exampleModal .modal-content {
  min-height: 500px;
}

.whatsapp-button {
  background-color: #127166;
  color: white;
}

.whatsapp-button:hover {
  background-color: #288a7f;
  color: white;
}

.logoNavBar {
  font-size: 3rem;
}

.logoPixNavBar {
  width: 3rem;
}

.imageFooterPayment {
  max-width: 260px !important;
  padding: 1rem;
}

.modalPaymentUuid {
  max-width: 80% !important;
  margin: auto;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.codePixBox {
  color: #198754;
  background-color: transparent;
  display: inline-block;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  border-radius: .25rem;
  border-color: #198754;  
  max-width: 100%;
  word-break: break-all;
  text-wrap: wrap;
}


@media (max-width: 767px) {
  .inputsWrapCartao {
    min-width: 100% !important;
  }

  .logoNavBar {
    font-size: 1.5rem;
  }

  .logoPixNavBar {
    width: 1.5rem;
  }

  .titleNavBar {
    display: none !important;
  }

  .imageFooterPayment {
    max-width: 180px !important;
  }

  .card-wrapper .jp-card {
    max-width: 100%;
    min-width: 100%;
  }

  .container-iframe {
    min-height: 75vh;
  }

  .modalPaymentUuid {
    max-width: 80% !important;
    margin: auto;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .toast {
    width: 150px !important;
  }
}