#signInName, #password{
	width: 70% !important;
}

#forgotPassword{
	position: relative;
	top: 15px;
	margin-left: 0px;
}
label{
	margin-bottom:20px;
}
.eye-icon.hide-show-pwd{
    position: absolute;
    margin-top: -20px;
}

@media all and (min-width:319px) and (max-width: 768px) {
	#passwordtoggler {
		margin-top: 3px !important;
		margin-left: 98% !important;
	}
	.eye-icon.hide-show-pwd{
		position: absolute;
		margin-top: -23px;
		margin-left: -55px;
	}
	#signInName, #password{
		width: 100% !important;
	}
	.create {
		
		font-size: 18px !important;
		margin-bottom:35px;
	}
}

#passwordtoggler{
	display: flex;
	order: 3;
	position: relative;
	margin-top: 0px;
	margin-left: 72%;
}
.entry-item{
	display:flex;
	flex-direction: column;
}
.entry-item > label{
	order: 1;
    margin-top: 30px !important;
    margin-bottom: 0px !important;
}
.entry-item > .itemLevel{
	order: 4;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.entry-item > input{
	order: 2;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}


.entry-item > .password-label{
	order: 1;
}
.password-label > label{
	margin-top: 30px !important;
    margin-bottom: 0px !important;
}
.buttons{
	margin-top:15px;
}
#next{
    height: 40px;
    width: 160px
}
.itemLevel > p{
	display: inline-flex;
}
.pageLevel > p{
	display:inline-flex;
}
.entry-item> .hidden-input-container{
    order: 2;
    margin-top: -3px !important;
    margin-bottom: 5px !important;
}
.hidden-input-container{
    display: flex;
    flex-direction: row;
}