.invoices-strip *:not(i) {
    font-family: Quicksand, Open Sans, Segoe UI, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.invoices-strip .fieldset {
    padding: 0;
    border-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.invoices-strip .field {
    width: 100%;
}
.invoices-strip .field.card-width {
    width: calc(80% - (5px / 2));
}
.invoices-strip .field.icon-width {
    width: calc(20% - (5px / 2));
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.invoices-strip .field.half-width {
    width: calc(50% - (5px / 2));
}

.invoices-strip .field.third-width {
    width: calc(33% - (5px / 3));
}

.invoices-strip .field + .field {
  margin-bottom: 16px;
}

.invoices-strip .field.focus,
.invoices-strip .field:focus {
    color: #424770;
    background-color: #f6f9fc;
}

.invoices-strip .field.invalid.focus {
  background-color: #f6f9fc;
}

.invoices-strip .field.focus::-webkit-input-placeholder,
.invoices-strip .field:focus::-webkit-input-placeholder {
  color: #cfd7df;
}

.invoices-strip .field.focus::-moz-placeholder,
.invoices-strip .field:focus::-moz-placeholder {
  color: #cfd7df;
}

.invoices-strip .field.focus:-ms-input-placeholder,
.invoices-strip .field:focus:-ms-input-placeholder {
  color: #cfd7df;
}

.invoices-strip input, .invoices-strip button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-style: none;
}

.invoices-strip .card-only {
  display: block;
}

.invoices-strip #card-number {
  margin-bottom: 12px;
}

.invoices-strip input::-webkit-input-placeholder {
  color: #9bacc8;
}

.invoices-strip input::-moz-placeholder {
  color: #9bacc8;
}

.invoices-strip input:-ms-input-placeholder {
  color: #9bacc8;
}

.invoices-strip button {
  display: block;
  width: calc(100% - 30px);
  height: 40px;
  margin: 0 15px;
  background-color: #fcd669;
  border-radius: 20px;
  color: #525f7f;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}
label > span.brand {
  width: 30px;
}

.icon-width .fa-cc-visa {
    color: #0157a2;
}
.icon-width .fa-cc-mastercard {
    color: #0157a2;
}
.icon-width .fa-cc-american-express {
    color: #6CC4EE;
}
.icon-width .fa-cc-discover {
    color: #E55C20;
}
.icon-width .fa-cc-diners-club {
    color: #0157a2;
}
.icon-width .fa-cc-jcb {
    color: #0157a2;
}