/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * 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.md.
 * 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 Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 */

 p.payment_module a.pscheckout-paypal:after, p.payment_module a.pscheckout-card:after {
  display: block;
  content: "\f054";
  position: absolute;
  right: 15px;
  margin-top: -11px;
  top: 50%;
  font-family: "FontAwesome";
  font-size: 25px;
  height: 22px;
  width: 14px;
  color: #777;
}

p.payment_module .pscheckout-paypal, p.payment_module .pscheckout-card {
  background-color: #fbfbfb;
}

p.payment_module a.pscheckout-paypal, p.payment_module a.pscheckout-card {
  padding: 30px 40px 30px 20px;
}

.payment-option-container {
  background-color: #fbfbfb;
  display: block;
  border: 1px solid #d6d4d4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 33px 40px 34px 99px;
  margin-bottom: 10px;
}

#hostedFieldsErrors.hide-paypal-error {
  display: none;
}

.spinner-hosted-fields {
  display: inline-block;
  float: right;
  width: 26px;
  height: 26px;
  margin-right: 60px;
  border: 3px 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); }
}

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

#ps_checkout-hosted-fields-card-expiration-date {
  height: 45px;
  margin-top: 6px;
}

#ps_checkout-hosted-fields-card-cvv {
  height: 45px;
  margin-top: 6px;
}

#ps_checkout-hosted-fields-form .form-group .form-control {
  background-color: #F3F3F3;
  border-radius: 5px;
}

#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;
}

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

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

#ps_checkout-hosted-fields-form .braintree-hosted-fields-valid {
  border: .1875rem solid #6fcc80;
  transform: translate3d(0, 0, 0);
  background-color: #fff;
  backface-visibility: hidden;
}

#ps_checkout-hosted-fields-form .defautl-credit-card {
  position: absolute;
  top: 2px;
  right: 10px;
  width: 25px;
  height: 25px;
}

.confirmation-block {
  float: right;
}

#paypal-button-container {
  min-width: 300px;
}

#cart_navigation {
  display: flex;
}

#cart_navigation .flex-display {
  flex-grow: 1;
  text-align: left;
}

#ps_checkout-displayPayment a span {
  color: white;
}

#ps_checkout-displayPayment .form-group {
  margin-left: 0;
  margin-right: 0;

  margin-bottom: 15px;
}

#ps_checkout-displayPayment .form-group .form-control {
  max-width: initial;
}

#ps_checkout-displayPayment .payment_module a {
  padding: 33px 99px 34px 99px;
}

#ps_checkout-displayPayment .payment_module .pscheckout-paypal, #ps_checkout-displayPayment .payment_module .pscheckout-card {
  background: #fbfbfb;
  padding: 25px 99px 25px 10px;
}
#ps_checkout-displayPayment .payment_module.closed:first-child {}
#ps_checkout-displayPayment .payment_module.closed:last-child { display: none }

#ps_checkout-displayPayment .payment_module.open:first-child { margin: 0 }
#ps_checkout-displayPayment .payment_module.open:first-child .pscheckout-paypal, #ps_checkout-displayPayment .payment_module.open:first-child .pscheckout-card {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#ps_checkout-displayPayment .payment_module.open:last-child a {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ps-checkout.overlay {
  visibility: hidden;
  opacity: 0;

  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  transition: opacity 0.5s linear;

  background-color: rgba(0, 0, 0, 0.15);
  z-index: 100;
}

.ps-checkout.overlay.visible {
  visibility: visible;
  opacity: 100;
}

.ps-checkout.popup {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  width: 450px;
  height: 250px;

  margin: auto;

  background-color: #fff;
  border-radius: 15px;
}

.ps-checkout.text, .ps-checkout.loader {
  display: block;
  margin: 0 auto;
  margin-top: 45px;
  text-align: center;
}

.ps-checkout.subtext {
  margin-top: 25px;
  text-align: center;
}

.ps-checkout-express-separator {
  padding: 1rem 0;
}

.ps-checkout-funding-img {
  margin: 0 0.25em;
}