.card-type {
    background: url("../images/all-card-types.png") no-repeat;
    height: 28px;
    position: relative;
    float: left;
    margin: 0 0 5px 5px;
}

.card-container.d-block {
    display: block;
    float: left;
}

.card-disabled {
    opacity: 0.5;
}

.card-invalid {
    display: block;
    color: red;
}

.mastercard {
    width: 46px;
    background-position: -55px 0;
}

.visa {
    width: 46px;
    background-position: -5px 0;
}

.jcb {
    width: 46px;
    background-position: -258px 0;
}

.diners {
    width: 46px;
    background-position: -207px 0;
}

.maestro {
    width: 46px;
    background-position: -105px 0;
}

.amex {
    width: 46px;
    background-position: -309px 0;
}

.elo {
    width: 46px;
    background-position: -359px 0;
}

.aura {
    width: 46px;
    background-position: -462px 0;
}

.discover {
    width: 46px;
    background-position: -156px 0;
}

.hiper {
    width: 46px;
    background-position: -511px 0;
}

.hipercard {
    width: 46px;
    background-position: -410px 0;
}