
.tw-checkout-form {
	max-width: 500px;
	margin: 0 auto;
}

.tw-checkout-form .form-control,
.tw-checkout-form .StripeElement {
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color ease-in-out .15s;
	height: 38px;
}

.tw-checkout-form .form-control-plaintext {
	border: 0;
	background: none;
	font-size: 1.1rem;
}

.tw-checkout-form .form-control::placeholder,
.tw-checkout-form .StripeElement::placeholder {
	color: #aab7c4;
}

.tw-checkout-form .form-control:active,
.tw-checkout-form .form-control:focus,
.tw-checkout-form .StripeElement--focus {
	color: #495057;
	background-color: #fff;
	border-color: rgba(0,115,170, .5);
	box-shadow: none;
}

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

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

.tw-checkout-form .btn-primary {
	cursor: pointer;
}

.tw-checkout-form .btn-primary i {
	color: #fff !important;
	display: none;
}

.tw-checkout-form .btn-primary:disabled i {
	display: inline-block;
}
