#beanstream_form .container {
    background-color: rgb(189, 222, 245);
    margin: 10px auto;
    width: 100%;
    border: none;
    border-radius: 4px;
}
#beanstream_form #checkout-form {
    margin: 0;
}
/* card images are added to card number */
#beanstream_form #card-number {
    background-image: none;

    background-origin: content-box;
    background-position: calc(100% + 40px) center;
    background-repeat: no-repeat;
    background-size: contain;
}

#beanstream_form #card-number-error,
#beanstream_form #card-cvv-error,
#beanstream_form #card-expiry-error {
  display: block;
  color: #F00;
}

/* feedback is displayed after tokenization */
#beanstream_form #feedback {
    position: relative;
    left: 15px;
    display: inline-block;
    background-color: transparent;
    border: 0px solid rgba(200, 200, 200, 1);
    border-radius: 4px;
    transition: all 100ms ease-out;
    padding: 11px;
}

#beanstream_form #feedback.error {
    color: red;
    border: 1px solid;
}

#beanstream_form #feedback.success {
    color: seagreen;
    border: 1px solid;
}

  #beanstream_form:before {
    position: fixed;
    left: 0;
    top: 0;
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,0.5);
  }

  #beanstream_form .container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 10px #000;
    z-index: 100000;
    margin: 0;
    border: none;
    background: transparent;
      max-width: 30em;
  }
  #beanstream_form .container form {
    margin: auto;
    padding-top: 0;
  }
  #beanstream_form .container form {
    margin: auto;
  }
  #beanstream_form .container form div#card-number,
  #beanstream_form .container form div#card-ccv,
  #beanstream_form .container form div#card-expiry {
    background-position: top right;
    background-size: 2.25em;
  }

  #beanstream_form .container iframe {
    height: 1.5em;
    padding: 0.2em 0 0 0.2em;
    border: 1px solid #ddd!important;
  }

  #beanstream_form #card-number {
    background-position: right;
  }

  #fields-amount-field-dd {
    position: relative;
    padding-left: 1.5em;
    overflow: hidden;
  }
  #fields-amount-field-dd::before {
    content: "$";
    position: absolute;
    left: 0.25em;
    line-height: 2.5em;
  }