.stripe-fields .flexbox {
	margin: 0 0 10px;
}

.stripe-fields .field {
    width: 250px;
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

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

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

.stripe-fields .field + .field {
  margin-top: 6px;
}

.stripe-fields .error {
    margin: 0 0 10px;
	padding: 15px;
    font-weight: bold;
    color: #990000;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: #f5fe89;
	display:none;
}
.stripe-fields .error.visible { display:none; }

/*
.stripe-fields .field.focus,
.stripe-fields .field:focus {
  color: #424770;
  background-color: #f6f9fc;
}
*/

.stripe-fields .field.invalid {
  /*background-color: #FFf;*/
}

.stripe-fields .field.invalid.focus {
  /*background-color: #fff;*/
}

.stripe-fields .field.focus::-webkit-input-placeholder,
.stripe-fields .field:focus::-webkit-input-placeholder {
  color: #cfd7df;
}

.stripe-fields .field.focus::-moz-placeholder,
.stripe-fields .field:focus::-moz-placeholder {
  color: #cfd7df;
}

.stripe-fields .field.focus:-ms-input-placeholder,
.stripe-fields .field:focus:-ms-input-placeholder {
  color: #cfd7df;
}

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

.stripe-fields input {
  color: #fff;
}

.stripe-fields .label { /*margin-bottom:5px;*/ }
.stripe-fields .field {
	  border:1px solid #333 !important;
  border-radius:5px !important; font-size:15px !important; font-weight:bold; box-sizing: border-box;
	margin-bottom:0px !important; width:324px;
	background-color: #E9E9E9;
border: 1px solid #333;
color: #333;
padding:8px;

}
#example3-card-number:focus { background-color:#fff; }

.stripe-fields input::-webkit-input-placeholder {
  color: #9bacc8;
}

.stripe-fields input::-moz-placeholder {
  color: #9bacc8;
}

.stripe-fields input:-ms-input-placeholder {
  color: #9bacc8;
}

.stripe-fields 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;
}

.stripe-fields button:active {
  background-color: #f5be58;
}

.stripe-fields .error svg .base {
  fill: #fa755a;
}

.stripe-fields .error svg .glyph {
  fill: #fff;
}

.stripe-fields .error .message {
  color: red;
  margin:0px; padding:0px;
}

.stripe-fields .success .icon .border {
  stroke: #fcd669;
}

.stripe-fields .success .icon .checkmark {
  stroke: #fff;
}

.stripe-fields .success .title {
  color: #fff;
}

.stripe-fields .success .message {
  color: #9cabc8;
}

.stripe-fields .success .reset path {
  fill: #fff;
}