.credit-card{
	background-repeat:no-repeat;
	height:35px;
	background-position:center
} 
.credit-card-BONUS{
	background-color:#38b44a;
	background-image:url("logo/card_bonus.png");
}
.credit-card-MAXIMUM{
	background-color:#FF1493;
	background-image:url("logo/card_maximum.png");
}
.credit-card-WORLD{
	background-color:#9400D3;
	background-image:url("logo/card_world.png");
}
.credit-card-CARDFINANS{
	background-color:#3498db;
	background-image:url("logo/card_finans.png");
}
.credit-card-PARAF{
	background-color:#52F3FF;
	background-image:url("logo/card_paraf.png");
}
.credit-card-bg-BONUS{
	background-color:#b3ffcc;
}
.credit-card-bg-MAXIMUM{
	background-color:#fae6ff;
}
.credit-card-bg-CARDFINANS{
	background-color:#F0F8FF;
}
.credit-card-bg-WORLD{
	background-color:#f5ccff;
}
.credit-card-bg-PARAF{
	background-color:#E0FFFF;
}

.CARD_OK{
	background-image: url('logo/card_ok.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.CARD_ERROR{
	background-image: url('logo/card_error.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.BONUS{
	background-image: url('logo/bonus.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.FLEXI{
	background-image: url('logo/FLEXI.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.AXESS{
	background-image: url('logo/axess.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.WORLD{
	background-image: url('logo/WORLD.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.MAXIMUM{
	background-image: url('logo/MAXIMUM.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.CARDFINANS{
	background-image: url('logo/CARDFINANS.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.PARAF{
	background-image: url('logo/PARAF.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
}