* {
	font: normal 15px Tahoma, Arial, Helvetica, sans-serif;
	color: black;
}

body {
	background-color: white;
	margin: 0;
	padding: 0;
}

#product-logo {
	width: 100%;
	height: 221px;
	margin-top: 70px;
	margin-bottom: 30px;
	/*background: transparent url(assets/logo/zonescan_net_logo_login.png) no-repeat center bottom;*/
	background: transparent url(assets/logo/GCloud_Logo_Login.png) no-repeat center bottom;
}

/* not used */
#logo {
	width: 100%;
	height: 150px;
	margin-bottom: 30px;
	background: transparent url(assets/logo/gutermann_logo_login.png) no-repeat center bottom;
}


#welcome-msg {
  text-align: center;
  font-size: 18px;
  color: #005480;
  margin-bottom: 15px;
  border: 1px solid white;
}


.login, #login {
	background-color: transparent;
	width: 350px;
	margin: 0 auto;
	border: 1px solid black;
}

.login-wide, #login-wide {
	background-color: transparent;
	width: 550px;
	margin: 0 auto;
	border: 1px solid black;
}

.login-header, #login-header {
	text-align: center;
	border-bottom: 1px solid black;
	padding: 4px;
	padding-left: 6px;
  background: #d0def0 url(gxt/images/default/toolbar/bg.gif) repeat-x top left;
  font-size: 15px;
  font-weight: bold;
}

#login-header-legacy {
	text-align: center;
	border-bottom: 1px solid black;
	padding: 4px;
	padding-left: 6px;
  background: #c0c0c0;
  font-size: 15px;
  font-weight: bold;
}

.login-body, #login-body {
	padding: 3px;
	padding-left: 6px;
}

.login-footer, #login-footer {
	border-top: 1px solid black;
	padding: 3px;
  background: #d0def0 url(gxt/images/default/toolbar/bg.gif) repeat-x top left;
	text-align: center;
}

#login-footer-legacy {
	border-top: 1px solid black;
	padding: 3px;
  background: #c0c0c0;
	text-align: center;
}

#forgot-password {
	text-align: center;
	padding: 8px;
}

.login-form-line {
	margin: 8px 0;
	width: 100%;
}

.login-form-line label {
	display: block;
	float: left;
	width: 40%;
	margin-top: 2px;
	margin-right: 6px;
	text-align: right;
}

.login-form-line input {
	width: 50%;
}

#qrcode {
	display: flex;
  	justify-content: center;
}

.error-line {
	color: red;
  background: transparent url(gxt/images/default/form/exclamation.gif) no-repeat left top;
  padding-left: 20px;
  padding-bottom: 3px;
	margin: 8px 0;
}

.element-show {
	display:block;
}

.element-hide {
	display:none;
}

.legacy-notice, .legacy-notice-link {
	font-size: 66%;
	color: #878787;
}

.legacy-notice-link:hover {
	font-size: 66%;
	color: #000000;
}