html {
	height:100%;
}

body.login {
	background-color: #53a223;
	background-image: radial-gradient(circle, #65b22e 25%, transparent 25%), radial-gradient(circle, transparent 75%, #65b22e 75%);
	background-size: 400px 400px;
	background-position: 0 0, 200px 200px;
}

.welcome-text {
	display: none;
}

body.login .lock-container {
	margin-bottom: 50px;
}

body.login .lock-container .panel {
  border-radius: 10px;
}

@media (max-width: 767px) {
	body.login .lock-container .panel {
		border-top: none;
	}

	body.login .lock-container .panel img {
		margin: 0;
	}
	
	.auth-header img {
		width: 100%;
		margin: 0;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
}

@media (min-width: 768px) {
	body.login #content {
		background-color: #fff;
		width: 50%;
		margin: auto 0 auto auto;
		position: relative;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		max-width: inherit;
	}
	
	body.login .lock-container {
		position: relative;
		min-height: 95vh;
		height: 100%;
		display: grid;
		justify-content: center;
		align-items: center;
	}

	.auth-header {
		display: none;
	}

	.auth-header img {
		position: fixed;
		top: 0;
		left: 20px;
		z-index: 10;
	}

	.welcome-text {
		position: fixed;
		top: 0;
		left: 0;
		width: 50%;
		margin: auto;
		height: 100%;
		display: grid;
		justify-content: center;
		align-items: center;
		background-color: #1f1247;
	}

	body.login #content {
		background-color: transparent;
	}

	.welcome-text img {
		position: absolute;
		top: 20px;
		left: 20px;
	}

	.welcome-text h2 {
		align-self: end;
		color: #fff;
	}

	.welcome-text p {
		align-self: start;
		color: #fff;
	}

	.footer {
		background-color: transparent !important;
	}

	[class*="bottom-footer"] .footer {
		box-shadow: none;
	}
}

.panel-default {
    border-color: #fff;
    z-index: inherit !important;
}

.footer {
	background-color: #53a223;
	text-align: left;
	padding-left: 10px;
	color: #fff;
}

.footer a {
	color: #fff;
}

.footerLogo {
	display: none;
}