.wpwl-form {
  margin: 0;
  max-width: 100%;
}

.wpwl-wrapper {
  width: 100%;
}

.wpwl-label {
  margin-bottom: 0.5rem;
  width: 100%;
  padding: 0;
}

.wpwl-control {
  width: 100%;
  padding: 0.5rem;
  line-height: 18px;
  border-radius: 4px;
  height: 48px;
  color: #42495e;
  border: 1px solid #d3ddee;
}

.wpwl-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8b98ad;
  opacity: 1; /* Firefox */
  font-weight: 500;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: normal;
}

.wpwl-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8b98ad;
  opacity: 1; /* Firefox */
  font-weight: 500;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: normal;
}

.wpwl-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #8b98ad;
  opacity: 1; /* Firefox */
  font-weight: 500;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: normal;
}

.wpwl-container .d-flex .col {
  padding-left: calc(1.5rem * 0.5);
  padding-right: calc(1.5rem * 0.5);
}

.wpwl-container .d-flex .col:first-child {
  padding-left: 0;
}

.wpwl-container .d-flex .col:last-child {
  padding-right: 0;
}

.wpwl-wrapper-brand {
  padding: 0;
}

.wpwl-group-brand {
  display: none;
}

.wpwl-button-error[disabled],
.wpwl-button-error[disabled]:hover,
.wpwl-button-error[disabled]:focus,
.wpwl-button-error[disabled]:active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.wpwl-group-submit {
  display: none;
}

.wpwl-hint {
  font-size: 14px;
  font-style: italic;
  line-height: 1.36;
  font-weight: normal;
  color: #c91b1b;
}

.wpwl-hint::before {
  content: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00065 0.833252C3.32065 0.833252 0.333984 3.81992 0.333984 7.49992C0.333984 11.1799 3.32065 14.1666 7.00065 14.1666C10.6807 14.1666 13.6673 11.1799 13.6673 7.49992C13.6673 3.81992 10.6807 0.833252 7.00065 0.833252ZM7.66732 10.8333H6.33398V9.49992H7.66732V10.8333ZM7.66732 8.16659H6.33398V4.16659H7.66732V8.16659Z' fill='%23C91B1B'%3E%3C/path%3E%3C/svg%3E");
  width: 14px;
  height: 15px;
  line-height: 1.36;
  padding-right: 7px;
}

/* Places the card logo inside the card input box */
.wpwl-brand-card {
  position: absolute;
  top: 35px;
  right: 8px;
}