#cc-image-ext {
  font-size: 13px;
  font-family: Inter;
  border: 1px solid #ccc;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 2px 2px 4px #ccc;
  box-shadow: 2px 2px 4px #ccc;
  #margin: 20px !important;
  #margin-top: 0px !important;
  width: 295px !important;
  height: 170px !important;
  background-color: transparent;
}
#cc-image-ext {
  #margin: 25px;
  width: 194px;
  height: 114px;
  background-image: url("../img/sprite-cc-ext.66f7605c2b06.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#cc-image-ext span {
    font-family: Inter;
}
#cc-image-ext.payment-ch_first_name span.first_name_cc {
  background: #9bd887 !important;
}
#cc-image-ext.payment-ch_last_name span.last_name_cc {
  background: #9bd887 !important;
}
#cc-image-ext.payment-card_number {
  background-position: 0px 0px !important;
}
#cc-image-ext.payment-card_number span.cc_cc {
  background: #9bd887 !important;
  padding: 3px !important;
}
#cc-image-ext.payment-cvv {
  background-position: -310px 0px !important;
}
#cc-image-ext.payment-cvv span.cvv_cc {
  background: #9bd887 !important;
  padding: 3px !important;
  display: inline-block !important;
}
#cc-image-ext.remove-payment-cvv {
  background-position: -310px 0px !important;
}
#cc-image-ext.remove-payment-cvv span.cvv_cc {
  padding: 3px !important;
}
#cc-image-ext.payment-year {
  background-position: 0px 0px !important;
}
#cc-image-ext.payment-year span.exp_year_cc {
  background: #9bd887 !important;
  padding: 3px !important;
}
#cc-image-ext.payment-month {
  background-position: 0px 0px !important;
}
#cc-image-ext.payment-month span.exp_month_cc {
  background: #9bd887 !important;
  padding: 3px !important;
}
#cc-image-ext.payment-cvv-front {
  background-position: 0px 0px !important;
}
#cc-image-ext.payment-cvv-front span.cvv_cc {
  background: #9bd887 !important;
  padding: 3px !important;
  display: inline-block !important;
}
#cc-image-ext.remove-payment-cvv-front {
  background-position: 0px 0px !important;
}
#cc-image-ext.remove-payment-cvv-front span.cvv_cc {
  padding: 3px !important;
  display: inline-block !important;
}
#cc-image-ext span {
  font-size: 100% !important;
  opacity: 0.9 !important;
}
#cc-image-ext span.first_name_cc, #cc-image-ext span.last_name_cc {
  top: 147px !important;
  left: 15px !important;
  padding: 3px !important;
  font-size: 88% !important;
}
#cc-image-ext span.exp_month_cc, #cc-image-ext span.exp_year_cc, #cc-image-ext span.exp_cc {
  top: 98px !important;
  left: 140px !important;
  padding: 3px !important;
}
#cc-image-ext span.cc_cc {
  padding: 3px !important;
  top: 44px !important;
  left: 35px !important;
  font-size: 110% !important;
}
#cc-image-ext span.cvv_cc {
  padding: 3px !important;
  top: 62px !important;
  left: 162px !important;
  line-height: 1em;
}
#cc-image-ext p#cc_brand {
  top: -65px !important;
  left: 210px !important;
}
#cc-image.payment-cvv {
  background-position: 0px -246px;
}
#cc-image.remove-payment-cvv {
  background-position: -206px -246px;
}
#cc-image.payment-month {
  background-position: 0 -124px;
}
#cc-image.payment-year {
  background-position: -206px -124px;
}
#cc-image-ext span.cvv_cc {
  display: none;
}
#cc-image-ext.payment-card_number {
  background-image: url("../img/sprite-cc-ext.66f7605c2b06.png");
  background-position: -206px 0px;
}
#cc-image-ext.payment-card_number span.cvv_cc {
  display: none;
}
#cc-image-ext.payment-card_number.payment-cvv-amex span.cvv_cc {
  display: block;
}
#cc-image-ext.payment-cvv {
  background-position: 0px -246px;
}
#cc-image-ext.payment-cvv span.cvv_cc {
  display: block;
}
#cc-image-ext.payment-cvv span.cc_cc {
  display: none;
}
#cc-image-ext.payment-cvv span.first_name_cc,
#cc-image-ext.payment-cvv span.last_name_cc {
  display: none;
}
#cc-image-ext.payment-cvv span.exp_month_cc,
#cc-image-ext.payment-cvv span.exp_year_cc,
#cc-image-ext.payment-cvv span.exp_cc {
  display: none;
}
#cc-image-ext.payment-cvv p#cc_brand {
  display: none;
}
#cc-image-ext.remove-payment-cvv {
  background-position: -206px -246px;
}
#cc-image-ext.remove-payment-cvv span.cvv_cc {
  display: block;
}
#cc-image-ext.remove-payment-cvv span.cc_cc {
  display: none;
}
#cc-image-ext.remove-payment-cvv span.first_name_cc,
#cc-image-ext.remove-payment-cvv span.last_name_cc {
  display: none;
}
#cc-image-ext.remove-payment-cvv span.exp_month_cc,
#cc-image-ext.remove-payment-cvv span.exp_year_cc,
#cc-image-ext.remove-payment-cvv span.exp_cc {
  display: none;
}
#cc-image-ext.remove-payment-cvv p#cc_brand {
  display: none;
}
#cc-image-ext.payment-year {
  background-position: -206px -125px;
}
#cc-image-ext.payment-month {
  background-position: 0px -125px;
}
#cc-image-ext.payment-cvv-front {
  background-position: 0px -372px;
}
#cc-image-ext.payment-cvv-front span.cvv_cc {
  display: block;
}
#cc-image-ext.payment-cvv-front.remove-payment-cvv-front {
  background-position: 0px 0px;
}
#cc-image-ext.payment-cvv-front.remove-payment-cvv-front span.cvv_cc {
  display: block;
}
#cc-image-ext span {
  color: #000;
  font-size: 40%;
  font-weight: bold;
  opacity: 0.7;
}
#cc-image-ext span.first_name_cc,
#cc-image-ext span.last_name_cc {
  position: relative;
  top: 92px;
  left: 10px;
}
#cc-image-ext span.exp_month_cc,
#cc-image-ext span.exp_year_cc,
#cc-image-ext span.exp_cc {
  position: relative;
  top: 42px;
  left: 90px;
}
#cc-image-ext span.cc_cc {
  position: relative;
  top: 5px;
  left: 25px;
  font-size: 80%;
}
#cc-image-ext span.cvv_cc {
  position: relative;
  top: 33px;
  left: 112px;
}
#cc-image-ext p#cc_brand {
  width: 51px;
  height: 32px;
  position: relative;
  top: 30px;
  left: 170px;
  display: none;
}
#cc-image-ext p#cc_brand.visa {
  background: url("../img/cc/visa.62d57e23767a.png") no-repeat left top;
}
#cc-image-ext p#cc_brand.visa_electron {
  background: url("../img/cc/visa_electron.b770d7f0e5d8.png") no-repeat left top;
}
#cc-image-ext p#cc_brand.mastercard {
  background: url("../img/cc/mastercard.15209deb487c.png") no-repeat left top;
}
#cc-image-ext p#cc_brand.maestro {
  background: url("../img/cc/maestro.514a350ab2bd.png") no-repeat left top;
}
#cc-image-ext p#cc_brand.amex {
  background: url("../img/cc/amex.7b617491d1c9.png") no-repeat left top;
}
#cc-image-ext p#cc_brand.diners {
  background: url("../img/cc/diners.2a8f5350a65d.png") no-repeat left top;
}
#cc-image-ext p#cc_brand.diners_bl {
  background: url("../img/cc/diners_bl.65174fbc811f.png") no-repeat left top;
}
#cc-image-ext p#cc_brand.discover {
  background: url("../img/cc/discover.3f2a3aed35b7.png") no-repeat left top;
}
#cc-image-ext p#cc_brand.jcb {
  background: url("../img/cc/jcb.56d6e3eb7401.png") no-repeat left top;
}
#cc-image-ext p#cc_brand.instapayment {
  background: url("../img/cc/instapayment.236ca521e107.png") no-repeat left top;
}
#cc-image-ext p#cc_brand.laser {
  background: url("../img/cc/laser.119e9ea35814.png") no-repeat left top;
}
#cc-image-ext p#cc_brand.solo {
  background: url("../img/cc/solo.31a14f5d2689.png") no-repeat left top;
}
#cc-image-ext p#cc_brand.other {
  background: url("../img/cc/other.d634506d3e10.png") no-repeat left top;
}