.StripeElement {
    padding: 9px 12px;
}


.hidden {
    display:none;
}

.form-group .field-error-msg {
  display: none;
  font-size: .85em;
  color: #c00;
}
form#frmCreditCardDetails .col-sm-6 {
    width:100%;
}
form#frmCreditCardDetails .form-group {
    min-height:auto !important;
    margin-bottom: 15px;
    width:100%;
}

#elementCardNumber {
    margin-left:25px;
}

#StripeAjax  label {
    display:none;
}
#order-standard_cart .field, #order-standard_cart .form-control
{
line-height: 1.42857143 !important;
border: none !important;
  border-bottom-width: medium !important;
  border-bottom-style: none !important;
  border-bottom-color: currentcolor !important;
border-radius: 0 !important;
box-shadow: none !important;
border-bottom: 1px solid #ccc !important;
background-color: #fff !important;
}

form#frmCreditCardDetails label {
      width: 100%;
  vertical-align: top;
  flex-shrink: 0;
  font-size: var(--f7-label-font-size);
  font-weight: var(--f7-label-font-weight);
  line-height: var(--f7-label-line-height);
  color: var(--f7-label-text-color);
  transition-duration: 200ms;
  transition-property: transform, color;

}
form#frmCreditCardDetails #inputDescription,form#frmCreditCardDetails .selectize-control,label[for="inputDescription"] {
    display:none;
}

#selectBillingContact, #inputIsDefault { display:none !important; }

.bottom-margin-5 {
    margin-bottom:10px;
}
.btn-danger {
    color:#fff !important;
}
.whmcs-modal {
    z-index: 9999;
}
    .StripeElement {
          width: 100%;
color: var(--f7-input-text-color);
font-size: var(--f7-input-font-size);
background-color: var(--f7-input-bg-color, transparent);
padding-left: var(--f7-input-padding-left) !important;
padding-right: var(--f7-input-padding-right) !important;
border-bottom: 1px solid var(--f7-list-item-border-color);

    }