*{
	font-family: "Nunito", sans-serif;
}
html,body{
	height: 100%;
	position: relative;
}
.wrapper-loggin{
	height: 100%;
}
.navbar{
	height: 56px;
	box-shadow: rgba(228, 232, 241, 0.5) 0px 3px 3px 0px;
}
.navbar-brand > img{
	height: 39px;
}
.title-login{
	margin-bottom: 8px !important;
	color: rgb(100, 57, 255);
	font-size: 18px;
	font-weight: 800;
}

footer{
	height: 40px;
	background: #06083f;
}
.box-logon{
	height: calc(100% - 96px);

}
.login-content{
	background: rgb(236, 238, 251);
	border-radius: 8px;
	padding:16px 24px ;	
	max-width: 348px;
}
.img-content{
	max-width: 337px;
}
form{
	padding: 20px;
}
.form-control{
	padding: 6px 12px !important;
	height: 40px;
	border-radius: 4px !important;
	filter: drop-shadow(rgba(0, 0, 0, 0.12) 0px 4px 4px);
}
.form-control:focus{
	box-shadow: 0 0 0 0.1rem rgb(109 86 254 / 30%);
}
::placeholder{
	font-style: oblique;
}
label{
	color: #06083f;
	font-weight: 800;
	font-size: 14px;
}
.mb-16{
	margin-bottom: 16px ;
}
.mb-40{
	margin-bottom: 40px;
}
.help-link{
	color: #4956fe;
	font-size: 12px;
}
.footer-logo{
	height: 30px;
}
.create-account-a{
	color:#6439ff;
}
.btn-primary{
	background: #6439ff!important;
	color: #FFF!important;
	padding: 6px 48px;
	border: 0;
}
.container-fluid{
	max-width: 960px !important;
	width: 95% !important;
}
.eye{
	background: transparent;
	border: 0;
	bottom: 5px;
	right: 5px;
	font-size: 18px;
}
@media (max-width: 997px){
	footer{
		height: auto;
	}

}