.cc-type-icon,
.cc-type-icon button.dropdown-toggle .filter-option
{
	background-position: right 1ex center;
	background-size: 1.6rem 1rem;
	background-repeat: no-repeat;
}
/*
.has-success .cc-type-icon,
.has-danger .cc-type-icon,
.dropdown-item.cc-type-icon
{
	background-position: right 20px center;
}
*/
.cc-type-icon:lang(he),
.has-success .cc-type-icon:lang(he),
.has-danger .cc-type-icon:lang(he),
.cc-type-icon button.dropdown-toggle .filter-option:lang(he)
{
	background-position: 1ex center;
}
span.cc-type-icon
{
	display: inline-block;
	width: 1.6rem;
	height: 1rem;
	background-position: 0 0!important;
	vertical-align: middle;
	margin: 0 2px;
}
.dropdown.cc-type-icon
{
	background-image: none!important;
}
.cc-type-icon-VISA, .cc-type-icon-VISA button.dropdown-toggle .filter-option { background-image: url(/images/cc/svg/flat/visa.svg) !important; }
.cc-type-icon-MASTERCARD, .cc-type-icon-MASTERCARD button.dropdown-toggle .filter-option { background-image: url(/images/cc/svg/flat/mastercard-old.svg) !important; }
.cc-type-icon-MAESTRO, .cc-type-icon-MAESTRO button.dropdown-toggle .filter-option { background-image: url(/images/cc/svg/flat/maestro-old.svg) !important; }
.cc-type-icon-ISRACARD, .cc-type-icon-ISRACARD button.dropdown-toggle .filter-option { background-image: url(/images/cc/svg/flat/isracard.svg) !important; }
.cc-type-icon-AMEX, .cc-type-icon-AMEX button.dropdown-toggle .filter-option { background-image: url(/images/cc/svg/flat/amex.svg) !important; }
.cc-type-icon-DINERS, .cc-type-icon-DINERS button.dropdown-toggle .filter-option { background-image: url(/images/cc/svg/flat/diners.svg) !important; }
.cc-type-icon-JCB, .cc-type-icon-JCB button.dropdown-toggle .filter-option { background-image: url(/images/cc/svg/flat/jcb.svg) !important; }

/*
.payment-method-cc .bootstrap-switch-label { min-width: 100px !important; }
*/

/* workaround for webkit autofill messing with field styles */
@-webkit-keyframes autofill-icon-VISA { to { background-image:url(/images/cc/svg/flat/visa.svg); } }
@-webkit-keyframes autofill-icon-MASTERCARD { to { background-image:url(/images/cc/svg/flat/mastercard-old.svg); } }
@-webkit-keyframes autofill-icon-MAESTRO { to { background-image:url(/images/cc/svg/flat/maestro-old.svg); } }
@-webkit-keyframes autofill-icon-ISRACARD { to { background-image:url(/images/cc/svg/flat/isracard.svg); } }
@-webkit-keyframes autofill-icon-AMEX { to { background-image:url(/images/cc/svg/flat/amex.svg); } }
@-webkit-keyframes autofill-icon-DINERS { to { background-image:url(/images/cc/svg/flat/diners.svg); } }
@-webkit-keyframes autofill-icon-JCB { to { background-image:url(/images/cc/svg/flat/jcb.svg); } }
.cc-type-icon-VISA:-webkit-autofill { -webkit-animation-name: autofill-icon-VISA; -webkit-animation-fill-mode: both; }
.cc-type-icon-MASTERCARD:-webkit-autofill { -webkit-animation-name: autofill-icon-MASTERCARD; -webkit-animation-fill-mode: both; }
.cc-type-icon-MAESTRO:-webkit-autofill { -webkit-animation-name: autofill-icon-MAESTRO; -webkit-animation-fill-mode: both; }
.cc-type-icon-ISRACARD:-webkit-autofill { -webkit-animation-name: autofill-icon-ISRACARD; -webkit-animation-fill-mode: both; }
.cc-type-icon-AMEX:-webkit-autofill { -webkit-animation-name: autofill-icon-AMEX; -webkit-animation-fill-mode: both; }
.cc-type-icon-DINERS:-webkit-autofill { -webkit-animation-name: autofill-icon-DINERS; -webkit-animation-fill-mode: both; }
.cc-type-icon-JCB:-webkit-autofill { -webkit-animation-name: autofill-icon-JCB; -webkit-animation-fill-mode: both; }