.StripeElement {
	background-color: white;
	height: 40px;
	padding: 10px 10px;
	border-radius: 2px;
	border: 1px solid #bbb;
	box-shadow: none;

}

.StripeElement--focus {
	border: 2px solid #8bc1fc;

}

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

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

.gform_wrapper div.gform_stripe_requires_action {
	display: none;
}

.ginput_stripe_creditcard input {
	padding: 8px;
}

.ginput_stripe_creditcard .cc-details-container {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
}

.ginput_stripe_creditcard .cc-details-container input.cc-cardnumber::placeholder,
.gform_wrapper .ginput_stripe_creditcard .cc-details-container input.cc-cardnumber::placeholder {
	color: #9092B0;
}

.ginput_stripe_creditcard .cc-details-container input.cc-cardnumber {
	background-color: rgba(255, 255, 255, 0.5);
}

.ginput_stripe_creditcard .cc-details-container input.cc-cardnumber,
.gform_wrapper .ginput_stripe_creditcard .cc-details-container input.cc-cardnumber  {
	background: url( "data:image/svg+xml;charset=utf8,%3Csvg width='22px' height='14px' viewBox='0 0 22 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Crect fill='%23DCDFE6' x='0' y='0' width='22' height='14' rx='2'%3E%3C/rect%3E%3Crect fill='%23B2B8C6' x='3' y='10' width='3' height='1'%3E%3C/rect%3E%3Crect fill='%23B2B8C6' x='7' y='10' width='3' height='1'%3E%3C/rect%3E%3Crect fill='%23B2B8C6' x='11' y='10' width='3' height='1'%3E%3C/rect%3E%3Crect fill='%23B2B8C6' x='15' y='10' width='3' height='1'%3E%3C/rect%3E%3Crect fill='%23FFFFFF' x='3' y='4' width='5' height='3'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" ) 1rem 50% / auto 1.25rem no-repeat;
	padding-left: 3.5rem;

}

.ginput_stripe_creditcard .cc-placeholders {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	height: 100%;
	position: absolute;
	right: 1.5rem;
	top: 0;
	width: auto;
	z-index: 2;
}
.ginput_stripe_creditcard .cc-placeholders span {
	color: #9092B0;
	display: inline-block;
}

html[dir="rtl"] .ginput_stripe_creditcard .cc-details-container .cc-cardnumber {
	background-position: calc( 100% - 1rem ) 50%;
	padding-left: 8px;
	padding-right: 3.5rem;
}
html[dir="rtl"] .ginput_stripe_creditcard .cc-placeholders {
	left: 1.5rem;
	right: auto;
}
html[dir="rtl"] .ginput_stripe_creditcard .cc-cvc-placeholder {
	padding-left: 0 !important;
	padding-right: 1rem;
}