body {
	height: 100%;
	width: 100%;
	margin: 0;
	background: #FFF;
	font-family: 'Roboto', sans-serif;
	/* background-size: cover;
	height: 100%; */
	/* height: 60.8rem; */
}

.main-content {
	padding-top: 100px;
	padding-bottom: 80px;
}


.shadow {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

.login-card {
	border-radius: 15px;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.login-card .login-message {
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	font-size: large;
	flex: 0.5;
	background: #3B6FC9;
	color: #fff;
}

.login-card .login-body {
	flex: 1;
	padding: 48px 24px;
}

@media (min-width: 768px) {
	.login-card .login-body {
		padding: 80px 50px;
	}
}

.login-card .login-body .login-body-wrapper {
	max-width: 400px;
}

.mobileShow {
	display: none;
}

/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
	.mobileShow {
		display: inline;
	}
}