#creditCardPaymentInvoiceSearchFrm {
	max-width: 500px;
	margin: 20px auto;
	text-align: center;
}

#creditCardPaymentInvoiceSearchFrm #invoice_number {
	font-size: 25px;
}

#card_container {
	border: 1px solid #dee2e6;
	padding: 8px;
	min-height: 47px;
	max-width: 450px;
}

#card_container input::placeholder {
	color: #aab7c4;
	opacity: 1; /* Firefox */
}

#cardBrandIcon {
	display: inline-block;
	width: 32px;
	vertical-align: text-bottom;
	opacity: .6;
}

#card_number {
	width: calc(100% - 68px);
	margin-left: 9px;
	border: 0;
	line-height: 30px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 19px;
	height: 30px;
	-webkit-font-smoothing: antialiased;
}

#card_number.trunc {
	/*width: calc(100% - 326px);*/
	width: 55px;
	margin-right: 50px;
	text-indent: -140px;
}

#exp_date {
	color: #32325d;
	line-height: 30px;
	border: 0;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 19px;
	height: 30px;
	-webkit-font-smoothing: antialiased;
	width: 0;
}

#exp_date.open {
	width: 85px;
	margin-left: 10px;
}

#cvc {
	color: #32325d;
	line-height: 30px;
	border: 0;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 19px;
	height: 30px;
	-webkit-font-smoothing: antialiased;
	width: 0; 
}

#cvc.open {
	width: 68px;
}

#postcode {
	width: 0; 
	color: #32325d;
	line-height: 30px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 19px;
	border: 0;
	/*display: none;*/
	height: 30px;
	-webkit-font-smoothing: antialiased;
}

#postcode.open {
	width: 108px; 
}