.login {
	position: fixed;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	width: 100%;
	padding: 5% 0;

}

.form-wrapper-outer{
	border-radius: 4px;
	padding: 30px;
	margin: auto;
	width: 400px;
	border: 1px solid #DADCE0;
	margin-top: 0.7%;
	background-color:white;
}

@media screen and (max-width: 700px) {
	.form-wrapper-outer{
		padding: 8%;
		border-radius: 8px;
		margin: auto;
		width: 92%;
		border: 1px solid #DADCE0;
		margin-top: 1%;
		background-color:white;
			
	}
}

.form-wrapper-outer .form-logo{
	margin: 0px auto 15px;
	text-align:center;
}
.form-wrapper-outer .form-logo img{
	height:120px;
	
}
.form-greeting{
	text-align: center;
	font-size: 16px;
	margin-bottom: 25px;
}
.form-button{
	text-align: right;
}

.field-wrapper{
	position: relative;
	margin-bottom: 15px;
}

.field-wrapper input{
	border-radius: 4px;
	border-style:solid;
	border-width:2px;
	padding: 12px;
	width: 100%;
}

.field-wrapper input:focus{
	border:2px solid;
	border-color: var(--primary_hover);
}

.field-wrapper .field-placeholder{
	font-size: 16px;
	position: absolute;
	/* background: #fff; */
	bottom: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #80868b;
	left: 8px;
	
	-webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
	transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
	z-index: 1;

	text-align: left;
	width: 100%;
}        

.field-wrapper .field-placeholder span{
	background: #ffffff;
	padding: 0px 8px;
}

.field-wrapper input:not([disabled]):focus~.field-placeholder
{
	color: var(--primary);
}
.field-wrapper input:not([disabled]):focus~.field-placeholder,
.field-wrapper.hasValue input:not([disabled])~.field-placeholder
{
	-webkit-transform: scale(.75) translateY(-29px) translateX(-60px);
	transform: scale(.75) translateY(-29px) translateX(-60px);
	
}

/* .field-wrapper input:-webkit-autofill { */
	/* background-color: white !important; */
/* } */

input {
  filter: none !important;
}

.welcome{
	font-weight:500;
}