/* it's important to set width/height to 100% for full-screen init */
html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
}

/* colors from https://color.adobe.com/Tophatter-Material-Design-color-theme-9700137/edit/?copy=true&base=0&rule=Custom&selected=4&name=Copy%20of%20Tophatter-Material-Design&mode=rgb&rgbvalues=0.403921568627451,0.22745098039215686,0.7176470588235294,0.2980392156862745,0.6862745098039216,0.3137254901960784,1,0.7568627450980392,0.027450980392156862,0.9568627450980393,0.2627450980392157,0.21176470588235294,0.9803921568627451,0.9803921568627451,0.9803921568627451&swatchOrder=0,1,2,3,4 */
.green { color:#4CAF50; }
.red { color:#F44336; }
.purple { color:#F44336; }
.orange { color:#FFC107; }
.white { color:#FAFAFA;  }

body#login {
	background-color: #cad0d8;
}

div#loginForm {
	float: left;
	position: absolute;
	left:50%;
	margin-top: 200px;
	margin-left: -150px;
	margin-right: auto;
	height: 205px;
	width: 300px;
	box-shadow: 0px 0px 8px rgba(127, 127, 127, 0.4);
	border: 1px solid #c0c0c0;
	border-radius: 2px;
	background-color: #fff;
}