html, body {
    height: 100%;
}
body {
	background-color: #e9ebee;
}
.input-icon {
	display: none; /* default for when standard icon CSS not included */
}
h1, h2, h3, h4 {
	color: #555;
}
a:link, a:visited {
	color: #58d;
}
.lw-outer {
	min-height: 100%;
}
.mobile .lw-outer {
	min-height: 85%;
}
.with-form .lw-outer {
	max-width: 950px;
}
.lw-head {
	position: relative;
	margin: 0.8em auto 1em auto;
	text-align: center;
}
.lw-head-link {
	position: absolute;
	right: 3em;
	bottom: 0;
}
.lw-main {
	background-color: #fff;
	margin: 0 auto;
	padding: 1.5em;
	border-radius: 4px;
	border: 1px solid #e3e4e8;
	box-shadow: 0 1px 2px #ccc;
	margin-bottom: 80px;
}
.lw-form select.form-control {
	background: #fff;
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 96% 50%;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
}
.form-inline input[type=file] {
	display: inline-block;
}
.lw-lead {
	margin-top: 0;
}
h2.lw-lead {
	font-size: 28px;
}
.form-outer {
	position: relative;
	margin: 0 auto;
}
.lw-iconbutton, .lw-iconbutton:hover, .lw-iconbutton:focus, .lw-iconbutton:active {
	border: none;
	background: none;
	box-shadow: none;
	padding: 2px 4px;
	margin-left: 0.5em;
	vertical-align: baseline;
}
.lw-iconbutton .glyphicon {
	vertical-align: bottom;
	position: relative;
	top: 0;
	width: 40pt;
	height: 40pt;
	line-height: 38pt;
	border-radius: 20pt;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 22pt;
	color: #666;
	margin-bottom: 4pt;
}
.lw-iconbutton .btn-label {
	display: block;
	white-space: nowrap;
	color: #58d;
	text-align: center;
}
.lw-iconbutton:hover .glyphicon, .lw-iconbutton:focus .glyphicon, .lw-iconbutton:active .glyphicon {
	background: #e6e6e6;
	border-color: #8c8c8c;
	box-shadow: 0 2px 3px #ddd;
}
.lw-iconbutton:active .glyphicon {
	top: 2px;
	box-shadow: 0 0 3px #ddd;
}
.lwib-accept .glyphicon {
	color: #fff;
	background: #5cb85c;
	border: 1px solid #4cae4c;
}
.lwib-accept:hover .glyphicon, .lwib-accept:focus .glyphicon, .lwib-accept:active .glyphicon {
	background: #449d44;
	border-color: #398439;
}
.lw-iconbutton:disabled .glyphicon {
	top: 0;
	background-color: #ddd;
	border-color: #ccc;
	box-shadow: none;
}
.lw-iconbutton:disabled .btn-label {
	color: #888;
}
.lw-form-buttons.lifted-1 {
	margin-top: -2.5em;
}
.lw-form-buttons.lifted-2 {
	margin-top: -3.3em;
}
/*.lw-form-info {
	font-style: italic;
	color: #78a;
	font-weight: 400;
	margin-top: 0.8em;
}*/
.input-group-addon label {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.stop {
	color: #c33;
}
.go {
	color: #4b4;
}
.optional {
	color: #46f;
}
.required {
	color: #f22;
	font-weight: bold;
}
.required.glyphicon {
	font-size: 9px;
	font-weight: normal;
	margin-right: 0.2em;
}
p.notice {
	font-size: 110%;
}


.login-message {
	padding-bottom: 1em;
}
.login-message b {
	color: #555;
	font-size: 105%;
}
.login-form .alert {
	padding: 10px;
}
.login-util {
	font-size: 90%;
}
.login-part {
	margin-bottom: 0.5em;
	padding-left: 2em;
}
.login-foot .alert {
	position: absolute;
	left: 0;
	bottom: 3px;
	margin: 0 70px 0 0;
}
#login_button {
	position: absolute;
	right: 0;
	bottom: 0;
}
.login-foot {
	position: relative;
}
.login-foot .form-group {
	margin-bottom: 10px;
}
.login-checks {
	min-height: 85px;
	padding-bottom: 40px;
	margin-right: 70px;
}
.login-opts {
	position: absolute;
	left: 2px;
	bottom: 3px;
}
.login-form .checkbox {
	margin-left: 2px;
}


.lw-footer, .lw-debug {
	width: 100%;
	text-align: center;
	font-size: 80%;
}
.lw-footer {
	margin-top: -70px;
}
.lw-debug {
	padding: 1em 0;
}
.lw-footer img {
	vertical-align: baseline;
}
.footerLeft, .footerRight {
	display: inline-block;
	margin-right: 1.5em;
	text-align: left;
}

@keyframes animSpin {
	0%   { transform:scaleX(1); }
	50%  { transform:scaleX(0); }
	100% { transform:scaleX(1); }
}
.anim-spin {
	animation: animSpin 0.8s infinite;
}

/* installer */
.row.lw-form-buttons { padding-right: 15px; text-align: right }

@media (min-width: 768px) {
	.row.lw-form-buttons { float: right; }
	.sm-lifted-1 { position: relative; top: -2.5em; margin-bottom: -2.5em }
	.sm-lifted-2 { position: relative; top: -3.3em; margin-bottom: -3.3em }
}
@media (min-width: 992px) {
	.login-message { font-size: 110%; }
	.login .form-outer { max-width: 300px; }
	.row.lw-form-buttons { float: right; }
	.md-lifted-1 { position: relative; top: -2.5em; margin-bottom: -2.5em; }
	.md-lifted-2 { position: relative; top: -3.3em; margin-bottom: -3.3em; }
}
@media (min-height: 700px) and (min-width: 992px) {
	.with-form .lw-head { margin-top: 2.5em; }
	.login.with-form .lw-head { margin-top: 6em; }
}
@media (max-width: 767px) {
	.lw-head a { right: 2px; }
	.with-form .lw-outer { max-width: 450px; }
	.lw-head img { height: 35px; width: auto; }
}