html { font-family: 'Lato', sans-serif; }
html, body { width: 100%; height: 100%; position: relative; }
html, input, textarea, button { -webkit-font-smoothing: antialiased; }

.hidden { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: .0; -khtml-opacity: .0; opacity: .0; }
.noDisplay { display: none !important; }
.button {
	width: 220px; height: 41px; position: relative; font-weight: 600; border-radius: 6px; text-align: center; font-size: 15px; 
	line-height: 41px; display: inline-block; vertical-align: bottom; text-decoration: none; color: rgba(255, 255, 255, 1); cursor: pointer;
}
.button.auto { width: auto; padding-left: 16px; padding-right: 16px; }
.button.small { height: 34px; font-size: 13px; line-height: 34px; }

.cool { background-color: #3498db; }
.button.cool:hover, m-dropdown .cool:hover, .cool.hover { background-color: #5dade2; }
.button.cool:active, m-dropdown .cool:active, .cool.active { background-color: #2c81ba; }

span.hot, p.hot, h1.hot, h2.hot, h3.hot, h4.hot, h5.hot, h6.hot { color: #e74c3c; background-color: transparent; }

container { display: block; position: relative; width: 240px; height: 240px; overflow: hidden; }

input[type="text"], input[type="password"] { width: 220px; padding: 0 12px; height: 40px; font-size: 14px; border-radius: 6px; border: 2px solid #bdc3c7; outline: none; color: #34495e; font-family: "Lato", sans-serif; }
input[type="text"]:focus, input[type="text"].focus, input[type="password"]:focus, input[type="password"].focus { border-color: #3498db; }
input[type="text"].alert, input[type="password"].alert { border-color: #e74c3c; color: #e74c3c; }
input[type="text"].disabled, input[type="password"].disabled { border-color: #ecf0f1; background: #f5f7f8; color: #bdc3c7; pointer-events: none; }

#loginContainer { width: 220px; z-index: 10; position: relative; }
#loginContainer input { margin-bottom: 8px; }

.signUp { font-size: 12px; color: #333;}
.signUp p { margin: 0; padding: 16px 0 0 0; text-align: center;}
.signUp a { color: #3498db; text-decoration: none; }

#logo { 
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAkCAYAAAAU/hMoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1NDQxQjQ3Q0ZGNzExRTNCRDExQUJGOEM0QjE1MjFGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1NDQxQjQ4Q0ZGNzExRTNCRDExQUJGOEM0QjE1MjFGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU0NDFCNDVDRkY3MTFFM0JEMTFBQkY4QzRCMTUyMUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU0NDFCNDZDRkY3MTFFM0JEMTFBQkY4QzRCMTUyMUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz73kmQKAAAGwElEQVR42pRYCYhX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);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}