body {
	font-family: "Karla", sans-serif;
	background-color: #fff !important;
	min-height: 100vh;
}


.login-img {
	width: 100%;
	height: 100vh;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: left;
	object-position: left;
}

.middle-box {
    padding-top: 30% !important;
    /*width: 330px !important;*/
}

.form-group {
	position: relative;
}

.form-group i {
	position: absolute;
	top: 6px;
	left: 0;
	bottom: 0;
	width: 36px;
	font-size: 22px;
}

.form-group input {
	padding-left: 34px;
	border-radius: 5px;
}

.login-btn {
	font-size: 18px;
	border-radius: 5px;
	background-color: #000000;
	color: #FEFEFF;
	outline: none;
	border: none;
}

.login-btn:hover, .login-btn:active, .login-btn:focus {
	background-color: #1F1F1F!important;
}

.under_inputs {
    display: flex;
    justify-content: space-between;
    color: #4B5779;
}

.footer {
	display: flex;
	justify-content: center;
	align-items: center;
}