#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
  width: 100px;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
  outline-color: #f18c30;
}

@keyframes firstLinetoOpen {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(12px);
  }

  100% {
    transform: translateY(17px) rotate(45deg);
  }
}

@keyframes firstLinetoClose {
  0% {
    transform: translateY(17px) rotate(0);
  }

  100% {
    transform: translateY(0);
  }
}

.open .menu-line:nth-child(2) {
  opacity: 0;
}

.menu-line:last-child {
  animation: lastLinetoClose 240ms cubic-bezier(0.23, 0.95, 0.58, 1.37);
}

.open .menu-line:last-child {
  animation: lastLinetoOpen 240ms cubic-bezier(0.23, 0.95, 0.58, 1.37);
  animation-fill-mode: forwards;
}

@keyframes lastLinetoOpen {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-12px);
  }

  100% {
    transform: translateY(-17px) rotate(-45deg);
  }
}

@keyframes lastLinetoClose {
  0% {
    transform: translateY(-17px);
  }

  100% {
    transform: translateY(0);
  }
}

.woocommerce-info {
  background: #e18b1b;
}
.auth-vendowallet {
  background: #f18c30 !important;
  padding: 20px !important;
  border-radius: 6px !important;
  color: white !important;
}
.coupon-vendowallet {
  background: #f18c30;
  padding: 20px;
  border-radius: 6px;
  border: 0px solid;
  color: white;
  margin-top: 10px;
}
.coupon-vendowallet input {
  display: block;
  padding: 10px;
  width: 100%;
  margin-top: 10px;
  text-align: center;
  border-radius: 6px;
  font-weight: bold;
  font-size: 20px;
}
.auth-vendowallet .lds-dual-ring:after {
  border: 6px solid white !important;
  border-color: white transparent !important;
}

.address-vendowallet .lds-dual-ring:after {
  border: 6px solid black !important;
  border-color: white transparent black transparent !important;
}

.lds-dual-ring {
  display: none;
  width: 64px;
  height: 64px;
  margin: 0 auto;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 32px;
  height: 32px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #333;
  border-color: #333 transparent #333 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#canvasCode {
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 10px;
  border-radius: 6px;
}

#canvasCode img {
  border: 10px solid white;
  border-radius: 6px;
}

#canvasCodeLink {
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 10px;
  border-radius: 6px;
}

#canvasCodeLink img {
  border: 10px solid white;
  border-radius: 6px;
}

.vendomatica-vendowallet-cart-tab {
  display: flex !important;
  margin: 20px 0px 20px 0px !important;
  padding: 20px !important;
}
.vendomatica-vendowallet-cart-tab h2 {
  margin: 0px;
}
.vendomatica-vendowallet-cart-tab .img {
  width: 200px;
}

.vendomatica-vendowallet-cart-tab .details {
  position: relative;
  padding: 0 0 60px 20px;
}

.vendomatica-vendowallet-cart-tab .details button {
  position: absolute !important;
  bottom: 0px !important;
  right: 0px !important;
  background-color: #f18c30 !important;
  border: 3px solid black !important;
  border-radius: 6px !important;
  color: white !important;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--vendowallet
  a::before {

}

.woocommerce-mini-cart-item.mini_cart_item a:nth-child(2) {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-navigation {
  float: left;
}
.wc-forward::after {
  content: "";
}

.auth-vendowallet #init {
	font-size: 16px;
}

.auth-vendowallet #waiting {
  text-align: center;
  font-size: 16px;
}
.auth-vendowallet #accept-dialog {
  text-align: center;
  font-size: 16px;
}
.auth-vendowallet #decline-dialog {
  text-align: center;
  font-size: 16px;
}

.auth-vendowallet #waiting img,
.auth-vendowallet #accept-dialog img,
.auth-vendowallet #decline-dialog img,
.auth-vendowallet #problem-dialog img {
  width: 100px;
  display: block;
  margin: 0 auto;
  -webkit-filter: brightness(0) invert(1) !important;
  filter: brightness(0) invert(1) !important;
}
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  transform: scale(10);
}
.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
#link-button{
  border:1px solid silver;
  background:white;
  color:black;
  font-size:1.2rem;
  display:block;
  margin:10px auto;
  border-radius: 5px;
  padding: 10px;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
    transform: scale3d(2, 2, 2);
  }
  50% {
    transform: scale3d(5.1, 5.1, 5.1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

.benefits-card {
  background-image: url("./media/tarjeta_vendowallet.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 270px !important;
  height: 165px !important;
  color: white !important;
  padding: 10px !important;
}

.benefits-card h4 {
  color: white !important;
  padding: 5px !important;
  margin: 0px !important;
}
.benefits-card-list {
  display: flex;
  flex-wrap: wrap;
}

.vendowallet-selector {
  border: 1px solid silver;
  display: block;
  border-radius: 6px;
  padding: 10px;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
  text-align: left;
}
.checkout-selector h4 {
  color: white;
}

.coupon-input {
  margin-top: 10px;
  display: block;
  width: 100%;
}
.coupon-button {
  margin-top: 10px;
  display: block;
  width: 100%;
}
.content-addresses {
  border: 1px solid silver;
  border-radius: 6px;
  margin-top: 20px;
}
.content-addresses .info {
  padding: 10px;
}
.content-addresses .note-address {
  border-top: 1px solid silver;
  padding: 10px;
  font-size: 12px;
  color: grey;
}
.update-section {
  color: red;
  font-size: 10px;
}