@charset "utf-8";
/* CSS Document */
.stripe_wrapper {
	background-color: transparent;
	padding: 0px;
	border-radius: 0px;
}
.stripe_wrapper label {
	font-size: 1.1rem;
	font-weight: normal;
}
.StripeElement {
	display: block;
	max-width: 500px;
	background-color: #FFF;
	color: #FFF;
	height: 40px;
	padding: 10px 12px;
	border-radius: 4px;
	border: 1px solid #777;
	box-shadow: 0 1px 3px 0 #e6ebf1;
	-webkit-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
}

.StripeElement--focus {
	box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
	border-color: #fa755a;
}

.StripeElement--webkit-autofill {
	background-color: #fefde5 !important;
}


.ElementsApp input {
    background-color: #CC0000;
    border: none;
    display: block;
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 1em;
    line-height: 1.2em;
    height: 1.2em;
}
.InputElement {
    position: absolute;
}

.ElementsApp, .ElementsApp .InputElement {
    font-size: 16px;
    color: #CC0000 !important; /* #32325d; */
}

.CardField-input-wrapper {
    white-space: nowrap;
}



/* Blue outline on focus */
        .StripeElement--focus {
            border-color: #80BDFF;
            outline:0;
            box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        }
        /* Can\'t see what I type without this */
        #card-number.form-control,
        #card-cvc.form-control,
        #card-exp.form-control {
            display:inline-block;
        }