/* --------------------------------

Primary style

-------------------------------- *

Main Components
-------------------------------- */
html {
	background-color: transparent !important;
	background-image: none !important;
}
body.login {
	color: #111;
	background-color: #eee;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RTAxMkJBQjJCRkMxMUU1QTJBREYwMzNEM0RCQ0Y5NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RTAxMkJBQzJCRkMxMUU1QTJBREYwMzNEM0RCQ0Y5NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhFMDEyQkE5MkJGQzExRTVBMkFERjAzM0QzREJDRjk1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhFMDEyQkFBMkJGQzExRTVBMkFERjAzM0QzREJDRjk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+r7rragAAACBJREFUeNpi/P//PwMUgBlMyBwgYGRC5iCrYISpBAgwAEhdBwTVp83IAAAAAElFTkSuQmCC);
	background-repeat: repeat;
	background-position: center;
	}
body.login:before {
	position: absolute; z-index: 11;
	display: none;
	content: " ";
	opacity: 0.7;
	top: 0; right: 0; bottom: 0; left: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RTAxMkJBQjJCRkMxMUU1QTJBREYwMzNEM0RCQ0Y5NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RTAxMkJBQzJCRkMxMUU1QTJBREYwMzNEM0RCQ0Y5NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhFMDEyQkE5MkJGQzExRTVBMkFERjAzM0QzREJDRjk1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhFMDEyQkFBMkJGQzExRTVBMkFERjAzM0QzREJDRjk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+r7rragAAACBJREFUeNpi/P//PwMUgBlMyBwgYGRC5iCrYISpBAgwAEhdBwTVp83IAAAAAElFTkSuQmCC);
	}

/* container */
#login {
	position: relative; z-index: 12;
	padding: 4% 0 0;
	margin: auto;
	}
/* header logo */
.login h1 a {
	width: 300px;
	height: 300px;
	margin: auto;
	background-image: url(../../../img/logo.png);
	-webkit-background-size: contain;
	background-size: contain;
	}
.login .message {
	color: #111;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	-webkit-box-shadow: none;
	box-shadow: none;
	}
.login form {
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 30px;
	}
.login label {
	color: #111;
	font-size: 14px;
	}