<style>
	#branding{text-align:center;}
	#branding a{display:inline-block;float:none;}
	#imgLogo{float:none !important;width:50%;margin: 0 auto;}
	#currentLanguageName{font-size:13px;}
	#languageSelector{padding: 8px 14px;opacity: 0.8;}

	.auth-section .auth-form-section{
		background-color:#edf7ec !important;
	}
	#authFormContainer{
		background-color: #fff;
		padding: 20px 20px 20px 20px;
		border: 1px solid #eee;
		-moz-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		box-shadow: 2px 5px 5px #888;
		-webkit-box-shadow: 2px 5px 5px #888;
		-moz-box-shadow: 2px 5px 5px #888;
	}
	.auth-section .auth-form-section input#username.input, .auth-section .auth-form-section input#password.input {
		background: none repeat scroll 0 0 #FAFAFA;
		border: 1px solid #888;
		font-size: 15px;
		line-height: 20px;
		margin: 0;
		width: 465px;
	}
	.auth-section .auth-form-section label {
		font-size: 15px;
	}
	.auth-section .auth-form-section .auth-form-container .logo {
		width: auto;
		height: 4.5rem !important;
	}

	#auth-banner{
		max-width: 35%;
	}
</style>

<style>
	/*Theme Start*/
	:root {
		--accent-color: #0F9D58 !important;
		--accent-background-secondary: #E8F5E9 !important;
		--background-primary: #ffffff !important;
		--background-secondary: #f8f9fa !important;
		--text-primary: #222222 !important;
		--text-secondary: #222222 !important;
	}

	html[data-theme="dark"] {
		--accent-color: #48BB78 !important;
		--accent-background-secondary: #282C34 !important;
		--background-primary: #1e1e1e !important;
		--background-secondary: #282C34 !important;
		--text-primary: #e8eaed !important;
		--text-secondary: #222222 !important;
	}
	/*Theme End*/
</style>