.creditCardNumber {
  background-image: url("/Content/images/sprite-credit-card.png"), url("/Content/images/sprite-credit-card.png");
  background-position: 5px -62px, 215px 0;
  background-repeat: no-repeat;
  -ms-background-size: 48px 355px;
  background-size: 48px 355px;
  padding-left: 60px;
  width: 70%;
  float: left;
}

.input-group-lg > .form-control.creditCardNumber {
  padding-left: 60px;
}

  .creditCardNumber.visa {
    background-position: 5px -106px, 215px 0;
  }

    .creditCardNumber.visa.valid {
      background-position: 5px -106px, 215px -27px;
    }

  .creditCardNumber.electron {
    background-position: 5px -150px, 215px 0;
  }

    .creditCardNumber.electron.valid {
      background-position: 5px -150px, 215px -27px;
    }

  .creditCardNumber.maestro {
    background-position: 5px -238px, 215px 0;
  }

    .creditCardNumber.maestro.valid {
      background-position: 5px -238px, 215px -27px;
    }

  #creditCardNumber.discover {
    background-position: 5px -282px, 215px 0;
  }

    #creditCardNumber.discover.valid {
      background-position: 5px -282px, 215px -27px;
    }

  .creditCardNumber.amex {
    background-position: 5px -324px, 215px 0;
  }

    .creditCardNumber.amex.valid {
      background-position: 5px -324px, 215px -27px;
    }

  .creditCardNumber.mastercard {
    background-position: 5px -194px, 215px 0;
  }

    .creditCardNumber.mastercard.valid {
      background-position: 5px -194px, 215px -21px;
    }