#monetra-payment-form {
	font-family: Roboto, sans-serif;
	padding: 0;
}

#monetra-payment-form label {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	border-radius: 4px;
}

#monetra-payment-form label.highlighted {
	box-shadow: none;
	border: 2px solid #000;
}

#monetra-payment-form input {
	position: fixed;
	width: 100%;
	cursor: text;
	z-index: 2;
}

#monetra-payment-form select {
	position: absolute;
	margin-right: auto;
	z-index: 2;
	cursor: pointer;
	padding: 0.5rem;
	width: auto;
}

#monetra-payment-form #payment-cardtype-icon {
	margin-left: auto;
}

#monetra-payment-form input:focus + span,
#monetra-payment-form select:focus + span
{
	color: #000;
	background: #fff;
	transform: translateY(-22px) scale(0.85);
	margin-left: .2rem;
	font-size: .9rem;
}

#monetra-payment-form input:valid + span,
#monetra-payment-form select:valid + span
{
	background: #fff;
	transform: translateY(-21px) scale(0.85);
	margin-left: .2rem;
	font-size: .9rem;
}

#monetra-payment-form .payment-form-label span svg {
	display: none;
}

#monetra-payment-form .payment-form-label span {
	order: -1;
	color: rgba(0, 0, 0, 0.6);
	font-weight: 400;
	font-size: 1rem;
	flex-basis: auto;
	line-height: 1.4375em;
	letter-spacing: 0.00938em;
	padding: .8rem .5rem;
	position: relative;
	display: block;
	transform-origin: top left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(133% - 32px);
	transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
	z-index: 1;
	pointer-events: auto;
	user-select: none;
	cursor: text;
}

#monetra-payment-form #payment-account-label {
	order: -3;
}

#monetra-payment-form #payment-cv-label {
	order: -2;
}

#monetra-payment-form #payment-zip-label {
	order: -1;
}

#monetra-payment-form #payment-expmonth-label {
	width: 100%;
}

#monetra-payment-form #payment-expyear-label {
	width: 100%;
}

#monetra-payment-form #payment-expmonth-label span::before {
	content: 'Exp. Month';
}

#monetra-payment-form #payment-expyear-label span::before {
	content: 'Exp. Year';
}

#monetra-payment-form #payment-account-label span::before {
	content: 'Card Number';
}

#monetra-payment-form #payment-expdate-label span::before {
	content: 'Exp. Date';
}

#monetra-payment-form #payment-cv-label span::before {
	content: 'CVV';
}

#monetra-payment-form #payment-cardholdernamefirst-label span::before {
	content: "First Name";
}

#monetra-payment-form #payment-cardholdernamelast-label span::before {
	content: "Last Name";
}

#monetra-payment-form #payment-street-label span::before {
	content: 'Street Address';
}

#monetra-payment-form #payment-zip-label span::before {
	content: 'Zip Code';
}

#monetra-payment-form > #payment-account-label {
	grid-column: auto / span 4;
}

#monetra-payment-form > #payment-cv-label {
	grid-column: auto / span 2;
}

#monetra-payment-form > #payment-zip-label {
	grid-column: auto / span 2;
}

#monetra-payment-form #payment-expdate-container {
	grid-column: auto / span 4;
}

#monetra-payment-form #payment-cardholdernamefirst-label {
	grid-column: auto / span 4;
}

#monetra-payment-form #payment-cardholdernamelast-label {
	grid-column: auto / span 4;
}

#monetra-payment-form label input {
	padding: .8rem .5rem;
	font-size: 1rem;
	flex-grow: 1;
}