/* Card Icons CSS */
.card-icon {
    width: 50px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-right: 10px;
}

.card-icon.amex {
    background-image: url('../images/cards/amex.svg');
}

.card-icon.visa {
    background-image: url('../images/cards/visa.svg');
}

.card-icon.visaelectron {
    background-image: url('../images/cards/visaelectron.svg');
}

.card-icon.mastercard {
    background-image: url('../images/cards/mastercard.svg');
}

.card-icon.naranja {
    background-image: url('../images/cards/naranja.svg');
}

.card-icon.cabal {
    background-image: url('../images/cards/cabal.svg');
}

.card-icon.unknown {
    background-image: none;
}

/* Single card icon styles */
.card-icon-single {
    width: 45px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.card-icon-single.amex {
    background-image: url('../images/cards/amex.svg');
}

.card-icon-single.visa {
    background-image: url('../images/cards/visa.svg');
}

.card-icon-single.visaelectron {
    background-image: url('../images/cards/visaelectron.svg');
}

.card-icon-single.mastercard {
    background-image: url('../images/cards/mastercard.svg');
}

.card-icon-single.naranja {
    background-image: url('../images/cards/naranja.svg');
}

.card-icon-single.cabal {
    background-image: url('../images/cards/cabal.svg');
}

.card-icon-single.unknown {
    background-image: none;
}