/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
#wc-bluesnap-cc-form {
  position: relative; }
  #wc-bluesnap-cc-form .ccn-area {
    position: relative; }
    #wc-bluesnap-cc-form .ccn-area #card-logo {
      position: absolute;
      top: 7px;
      right: 7px;
      left: auto;
      bottom: auto; }
      #wc-bluesnap-cc-form .ccn-area #card-logo img {
        height: 20px;
        width: auto; }
  #wc-bluesnap-cc-form .bluesnap-cvc-tooltip-trigger {
    color: inherit;
    text-decoration: underline;
    float: right; }
  #wc-bluesnap-cc-form .bluesnap-cvc-tooltip {
    background: #000;
    color: #fff;
    padding: .5em 1em;
    font-size: .8em;
    border-radius: .4em;
    border-top-right-radius: 0;
    margin: .4em 0;
    position: absolute;
    width: 100%;
    right: 0;
    left: auto;
    display: none; }
    #wc-bluesnap-cc-form .bluesnap-cvc-tooltip.bs-tooltip-visible {
      display: block; }
    @media only screen and (max-width: 767px) {
      #wc-bluesnap-cc-form .bluesnap-cvc-tooltip {
        position: relative;
        right: auto;
        left: auto; } }
    #wc-bluesnap-cc-form .bluesnap-cvc-tooltip:before {
      content: '';
      position: absolute;
      bottom: 100%;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 .2em .4em .2em;
      border-color: transparent transparent #000 transparent; }
  #wc-bluesnap-cc-form .bluesnap-input-div {
    display: block;
    width: 100%;
    height: 34px;
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 400;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125); }
    #wc-bluesnap-cc-form .bluesnap-input-div.input-div-valid {
      -webkit-box-shadow: inset 2px 0 0 #0f834d;
              box-shadow: inset 2px 0 0 #0f834d; }
    #wc-bluesnap-cc-form .bluesnap-input-div.input-div-error {
      -webkit-box-shadow: inset 2px 0 0 #e2401c;
              box-shadow: inset 2px 0 0 #e2401c; }

.bluesnap_currency_selector {
  white-space: nowrap; }

.currency-hide {
  display: none; }

/* Apple Pay CSS */
@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button; }
    .apple-pay-button .apple-pay-button-black {
      -apple-pay-button-style: black; }
    .apple-pay-button .apple-pay-button-white {
      -apple-pay-button-style: white; }
    .apple-pay-button .apple-pay-button-white-with-line {
      -apple-pay-button-style: white-outline; } }

@supports not (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 200px;
    min-height: 32px;
    max-height: 64px; }
    .apple-pay-button .apple-pay-button-black {
      background-image: -webkit-named-image(apple-pay-logo-white);
      background-color: black; }
    .apple-pay-button .apple-pay-button-white {
      background-image: -webkit-named-image(apple-pay-logo-black);
      background-color: white; }
    .apple-pay-button .apple-pay-button-white-with-line {
      background-image: -webkit-named-image(apple-pay-logo-black);
      background-color: white;
      border: .5px solid black; } }

.apple-pay-button {
  max-width: 100%;
  width: 400px;
  height: 60px; }

/*# sourceMappingURL=../../source/_maps/css/frontend/woocommerce-bluesnap-gateway.css.map */