@font-face {
	font-family: importFont;
	src: url(../fonts/univers_condensed.ttf);
}

body {
	font-family: importFont, sans-serif;
	height: 100vh;
}


/* logo*/

.logo-row {
	height: 15vh;
}

.logo-img {
	width: 100px;
	height: 100px;
	z-index: 100;
}

@media (min-width: 576px) and (max-width: 1024px) {
	.logo-img {
		width: 80px;
		height: 80px;
	}
}

@media (max-width: 575px) {
	.logo-img {
		width: 75px;
		height: 75px;
	}
}


/*content*/


/*------------------ left content--------------------*/

#wrap-form-passforget {
	width: 85%;
}

.wrap-input {
	height: 20%;

}

.input-txt-custom {
	width: 90%;
	border: none;
	display: inline;
	border-bottom: 1px solid black;
	border-radius: 0;
	color: black;
	font-size: 18px;
    outline: none !important;
}

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* wrap-btn-eye*/

#wrap-btn-eye {
	width: 97%;
	height: 20%;
	margin-top: 70px;
}

#wrap-btn {
	width: 50%;
}

#btn-custom {
	background: black;
	font-size: 18px;
}

.checkbox label
{
    padding-left:5px;
}
/* end wrap-btn-eye*/

#wrap-passforget {
	height: 40%;
	font-size: 18px;
}

#wrap-passforget a {
	text-decoration: underline;
	color: #8d8384;
}

@media (max-width: 575px) {
	#wrap-form-passforget {
		width: 97%;
		padding-top: 0!important;
		/*background-image: url(../images/login-image.jpg);*/
		background-repeat: no-repeat;
		background-size: 70%;
		background-position: right bottom;
	}
	.input-txt-custom {
		font-size: 16px;
	}
	#wrap-btn-eye {
		width: 100%;
		margin-top: 40px;
	}
	#wrap-btn {
		width: 60%;
	}
	#wrap-check {
		margin-left: 10%!important;
	}
	#wrap-passforget>div {
		margin-top: 25px
	}
}

@media (min-width: 576px) and (max-width: 1120px) {
	#wrap-form-passforget {
		width: 100%;
		padding-left: 10px!important;
	}
	#wrap-btn-eye {
		width: 100%;
	}
	#wrap-btn {
		width: 60%;
	}
	#wrap-check {
		margin-left: 10%!important;
	}
	#wrap-passforget>div {
		margin-top: 50px
	}
}




.content-row {
	height: 85vh;
}

.img-right-content {
	position: fixed;
	bottom: 0;
	right: 8%;
	height: 85vh;
	z-index: -100;
}

@media (min-width: 576px) and (max-width: 768px) {
	.img-right-content {
		height: 50vh;
		right: 0;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.img-right-content {
		height: 65vh;
		right: 0;
	}
}