@charset "UTF-8";

body.login {
	background:#fafafa;
}

#login {
	width: 100vw;
	height: 100vh;
}

h3.login-head {
	text-align: center;
	font-size: 0.9rem;
	font-weight: bold;
	border-top: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
}

body.login label {
	color: #555;
/*
	font-size: 0.9rem !important;
*/
}

body.login .input-group-text {
	background: #fff !important;
	border-left: none;
}

.login-mark img {
	max-width: 200px;
	height: aut;
}
.login-mark {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

@media (max-width: 767px) {

	.login-mark img {
		max-width: 120px;
		margin-top: 1.5rem;
		margin-bottom: 1rem;
	}

}

@media (max-width: 575px) {

	.login-mark img {
		max-width: 80px;
		margin-top: 1.5rem;
		margin-bottom: 1rem;
	}

}