/* DEVMODE https://endopark.atlassian.net/browse/AVNLSMALLP-284 */

label { display: none; }

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: transparent;
}
:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: transparent;
}
::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: transparent;
}
:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: transparent;
}
input::placeholder {
	color: transparent;
}
.tmplID-2641 input:focus::placeholder, .tmplID-2644 input:focus::placeholder, .tmplID-2646 input:focus::placeholder, .tmplID-2647 input:focus::placeholder {
	color: rgb(163, 163, 163) !important;
}




.checkoutform select, .checkoutform input[type="text"], .checkoutform input[type="password"], 
.checkoutform input[type="email"] { 
	padding: 1.4rem 1rem calc(0.75rem + 1px);
	line-height: inherit;
	font-family: inherit;
	margin: 0.8em 0;
}

/*form.checkUserInputAV3x span.invalid::before {
content: '.';
display: block;
position: absolute;
bottom: -0.7rem;
left: 1px;
color: #ea144b;
background-color: #ea144b;
height: 3.5rem;
width: 3px; 
}
*/
.field-wrapper:before  {

	content: '.';
	display: block;
	position: absolute;
	bottom: -0.7rem;
	left: 1px;
	color: transparent;
	background-color:transparent;
	height: 3.5rem;
	width: 3px; 
}		
/*
.field-wrapper.select:before  {
display: none !important;
}*/

.field-wrapper:focus-within::before  {

	content: '.';
	display: block;
	position: absolute;
	bottom: -0.7rem;
	left: 1px;
	color:#008922;
	background-color:#008922;
	height: 3.2rem;
	width: 3px; 
}		

.field-wrapper.invalid:before  {
	color: #ea144b;
	background-color: #ea144b;
		height: 3.2rem;

}


form.checkUserInputAV3x input.invalid {
	border: 1px solid rgba(163, 163, 163, 0.2);
}
input ~ .floating-label {
	position: absolute;
	pointer-events: none;
	left: 1rem;
	top: -6px;
	top: -3px;
	transition: 0.1s ease all;
	font-size: 1rem;
	opacity: 0.6;

}

/*		input:focus  ~ .floating-label,
input:not(:focus):valid ~ .floating-label
{
top: -20px;
left: 20px;
font-size: 11px;
opacity: 1;
}  */

/* /input:focus {background-color: yellow !important;} */

input:focus ~ .floating-label, input.valid ~ .floating-label, input.invalid ~ .floating-label,
input.has-content  ~ .floating-label, .checkoutform select ~ .floating-label,
input:-webkit-autofill ~ .floating-label, .tmplID-2646 input[name=usernameEmail] ~ .floating-label
{
	top: -1.1rem;
	left: 1rem;
	font-size: 11px;
}  

input.invalid ~ .floating-label {
	color: #ea144b;
	opacity: 1;

}
.input-error-message {
	display: none;
	color: #ea144b;
	font-size: 80%;
	position: absolute;
	left: 0;
	bottom: -2.2rem;
}


.invalid	.input-error-message {
	display: block;
}

.tmplID-2640 form.checkUserInputAV3x span.invalid::after {
	content: "\f129";
	font-family: FontAwesome;
	font-size: 89%;
	color: #ea144b;
	position: absolute;
	display: block;
	right: 0.3rem;
	top: -0.125rem;
	line-height: -0.9rem;
	border: 2px solid #ea144b;
	border-radius: 50%;
	width: 1rem;
	height: 1rem;
	line-height: 1.4;
	font-weight: normal;
	text-align: center;	
	box-shadow: 0 0 1px transparent;
}