@charset "utf-8";
/* CSS Document */

body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	color: #009983;
	font: 16px/1.4;
	font-weight: 300;
}

.bg {
	/* The image used */

	/* Full height */
	height: 100%;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;4
	position: relative;
	
}

.loginwrapper {
	width: 400px;
	margin: 0;
  	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 40px;
	background-color:rgba(255, 255, 255, 0.0);
}

.logo {
	width: 300px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	display: block;
}

.loginwrapper,
.error,
input,
button {
	border-radius: 3px;
	border: none;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
input {
	padding: 10px;
	width: 100%;
	
	-webkit-box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.29);
	-moz-box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.29);
	box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.29);,0,0.1);
}

.loginbutton {
	color: #fff;
	background-color: #009983;
	font-weight: 500;
	width: 100%;
	-webkit-box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.29);
	-moz-box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.29);
	box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.29);
}

.error {
	background-color:rgba(0, 0, 0, 0.3);
	color: #fff;
	padding: 10px;
	font-size: 14px;
	line-height: 16px;
	width: 100%;
}