body {
	font-family: 'Droid Sans',Sans-Serif;
	background: url({{IMAGE.SOURCE}}) {{IMAGE.PROP}};
	-webkit-background-size: {{IMAGE.SIZE}};
	-moz-background-size: {{IMAGE.SIZE}};
	-o-background-size: {{IMAGE.SIZE}};
	background-size: {{IMAGE.SIZE}};
	display: none;
}


h1,h2,h3,h4,h5,h6, .ui-widget-header, .btn-menu, .btn-dlg {
	font-family: '{{FONT.GF2}}',Sans-Serif;
}

body, .ui-widget {
	font-family: '{{FONT.GF1}}',Sans-Serif;
}

.content {
	margin-top: 50px;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.card {
	border-radius: {{BORDER.RADIUS}};
	border-width: 0;
	box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
}

.card:after {
	filter: blur(30px);
} 

.card-header {
	padding: 10px 5px 10px 5px;
}

.card-header, .card-footer {
	background-color: transparent;
	border: none;
}

.loginbox {
	z-index: 101;
	color: {{PANEL.TEXT}};
	background-color: {{PANEL.BG}};
	max-width: 320px; 
	min-width: 320px;
}

.loginbox a {
	color: {{PANEL.TEXT}};
	text-decoration: underline;
}

.loginbox-body {
	padding: 20px 20px 10px 20px;
}

.form-control  {
	outline: none;
	margin-bottom: 10px;
	border-radius: 0;
}

.form-control:focus {
	outline: none;
	box-shadow: none;
}

.btn-login {
	margin-top: 20px;
	margin-bottom: 0;
}

.btn-login:focus {
	outline: none;
	box-shadow: none;
}

#auth_error {
	text-align: center;
	margin-bottom: 0;
}