.woocommerce #payment .waave-card-field {
  margin-left: 1em;
}

.woocommerce #payment .waave-phone-number {
  margin-left: 1em;
  width: 47%;
  float: left;
}

.woocommerce #payment .waave-phone-number select {
  width: 35%;
  float: left;
}

.woocommerce #payment .waave-phone-number input {
  width: 65%;
  float: left;
}

.woocommerce #payment .waave-sms-code {
  width: 47%;
  float: right;
}

.woocommerce #payment .waave-send-verification-code {
  text-align: center;
}

.woocommerce #payment .waave-send-verification-code #sendCode {
  color: white;
  background-color: #F7A819;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid transparent;
  border-radius: 4px;
  display: inline;
  height: 30px;
}

.woocommerce #payment .waave-resend {
  margin-top: 2em;
}

.woocommerce #payment .waave-clear {
  display: block;
  clear: both;
}

.woocommerce #payment .waave-thank-you {
  color: #9bb137;
}

.woocommerce #payment .waave-thank-you input {
  background-color: green;
}

.woocommerce #payment .span-error {
  color: red;
}

/* vgs template */
#FrmAddCard {
  margin-bottom: unset;
}

.form-field {
  width: 100%;
  height: 40px;
  position: relative;
  background: white;
  margin-bottom: 10px;
  border-radius: 4px;
  box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.3);
  padding: 0 10px;
}

iframe {
  width: 100%;
  height: 100%;
}

.form-field-group {
  display: flex;
  flex-flow: wrap;
}

.form-field-group div {
  flex: 0 0 50%;
}

.form-field-group div:first-child {
  border-radius: 4px 0 0 4px;
}

.form-field-group div:last-child {
  border-radius: 0 4px 4px 0;
}

.form-button {
  border: 1px solid #1f8ab0;
  background-color: #3b495c;
  border-color: #3b495c;
  color: #ced5e0;
  font-family: inherit;
  border-radius: 4px;
  font-size: 16px;
  height: 35px;
  width: 100%;
}