.js-float-label-wrapper {
	position: relative;
}

.js-float-label-wrapper label {
	position: absolute;
	top: 1em;
	left: 1em;
	opacity:  0  !important ;
}

.js-float-label-wrapper.focused label {
	opacity: 1 !important;
    top: 0.25em;
    font-size: 12px;
    font-weight: bold;
    color: #666;
}

.js-float-label-wrapper.populated label {
	opacity: 1 !important;
    top: 0.25em;
    font-size: 12px;
    font-weight: bold;
    color: #999;
}

.js-float-label-wrapper.populated.focused label {
	color: #666;
}

.js-float-label-wrapper.focused input,
.js-float-label-wrapper.populated input,
.js-float-label-wrapper.focused textarea,
.js-float-label-wrapper.populated textarea {
	padding-top: 2em;
}

.js-float-label-wrapper input,
.js-float-label-wrapper textarea,
.js-float-label-wrapper label {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
} 

/* main.css override */
input.form-input {
    display: block;
    width: 100%;
	max-width: 620px;
    border: 1px solid #d6d6d6;
    margin: 1em 0;
    padding: 1em;
    color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.resetPasswordForm input.form-input {
	 border: 1px solid #d6d6d6;
}

/* input:focus, textarea:focus {

    border: 1px solid #ccc;
    color: #333;
    -webkit-outline: none;
    -moz-outline: none;
    outline: none;

} */