/**
 * 2007-2019 PrestaShop and Contributors
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2007-2019 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of PrestaShop SA
 */

.buttons-approve {
  margin-right: 10px;
}

.paypal-hide-default {
    display: none !important;
    visibility: hidden !important;
}

.paypal-label {
    cursor: pointer;
}

.paypal-tips {
    color: #535252;
    font-size: 12px;
    margin-bottom: 15px;
}

#paypal-approve-error ul {
    margin-bottom: 0;
}

#hostedFieldsErrors ul {
    margin-bottom: 0;
}

.hide-paypal-error {
    display: none;
    visibility: hidden;
}

.spinner-hosted-fields {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 10px;
    vertical-align: text-bottom;
    border: .15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

@keyframes spinner-border {
    to { transform: rotate(360deg); }
}

#conditions-to-approve-paypal {
    max-width: 300px;
    margin: auto;
    margin-bottom: 10px;
}

#paypal-button-container {
    width: 250px;
    margin: auto;
}

#card-number {
    position: relative;
    height: 45px;
    margin-top: 6px;
}

#expiration-date {
    height: 45px;
    margin-top: 6px;
}

#cvv {
    height: 45px;
    margin-top: 6px;
}

#card-image {
    position: absolute;
    top: 7px;
    right: 1em;
    width: 44px;
    height: 28px;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/346994/card_sprite.png);
    background-size: 86px 458px;
    border-radius: 1px;
    background-position: -100px 0;
    background-repeat: no-repeat;
    margin-bottom: 1em;
}

#card-image.visa {
    background-position: 0 -398px;
}
#card-image.master-card {
    background-position: 0 -281px;
}
#card-image.american-express {
    background-position: 0 -370px;
}
#card-image.maestro {
    background-position: 0 -251px;
}
#card-image.jcb {
    background-position: 0 -221px;
}
#card-image.diners-club {
    background-position: 0 -133px;
}

.braintree-hosted-fields-focused {
    outline: .1875rem solid #2fb5d2;
    border: unset;
    background-color: #fff;
    color: #232323;
}

.braintree-hosted-fields-invalid {
    outline: .1875rem solid #e76d7a;
    border: unset;
    animation: shake 500ms cubic-bezier(.20, 1.3, .7, 1) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.defautl-credit-card {
    position: absolute;
    top: 2px;
    right: 10px;
}

@keyframes shake {
    10%,
    90% {
      transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
      transform: translate3d(1px, 0, 0);
    }
    30%,
    50%,
    70% {
      transform: translate3d(-3px, 0, 0);
    }
    40%,
    60% {
      transform: translate3d(3px, 0, 0);
    }
  }