html {
	height: 100%;
}

body {
	text-align: center;
	font-family: 'Helvetica Neue', 'Helvetica', Arial;

	background-color: #EAEAEA;
	background-image: linear-gradient(to bottom, #FAFAFA 0%, #EAEAEA 100%);

	height: 100%;
	min-width: 250px;

	z-index: 0;
}

body:before {
	content: "";

	opacity: 0.1;

	position: absolute;

	top: 0;
	left: 0;
	right: 0;

	height: 100%;
	width: 100%;

	z-index: 4;

	background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/wAALCAAZABkBAREA/8QAGAAAAwEBAAAAAAAAAAAAAAAAAQIEAwX/xAAwEAEAAQEFBAcJAQAAAAAAAAABAhEAAxIhQSIxUWEEMnKBkdHSEzNSYnGTsbPwwv/dAAQAQP/aAAgBAQAAPwAzHHgrIMORicq79OOTxfCwJ47qQ3bKY7MyTQrybEmRxSwyDDsyQEflDI1/t89bzjK28rvbVRBHFMSurXjvrZwlK7hCMaEVaUylnzOWvPSwnclRwKzK5ZA8M91P7mfZ3HxQ+4emy3jIVjkXbRGNM9czz4WRjCMFJDijRQaV0/HjZoRkxxMTakUApXvCmqd+e62uHpHG/wDGXptNf9c7PnarpHuHsy/YWd68/r/uVuZb/9k=);
}

.container {
	position: relative;
	z-index: 10;
}

#login-container {
	margin-top: 8%;
}

#login-box, #login-button-box {
	border-radius: 5px;

	padding: 15px;

	box-shadow:
		0px -5px 10px -10px black inset,
		0px 5px 15px -5px black
		;
}

#login-box {
	position: relative;
	margin-top: 58px;
	text-align: left;

	background-color: #333;
	color: #FAFAFA;
}

#login-button-box {
	background-color: #2186EB;
	color: #333;

	margin-bottom: 15px;

	margin-top: -10px;
	padding-top: 20px;
}

#login-container .btn-primary {
	background-color: #1F67B5;

	background-image: -webkit-linear-gradient(#2186EB, #1F67B5) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2186EB), color-stop(100%, #1F67B5));
	background-image: -moz-linear-gradient(#2186EB, #1F67B5) !important;
	background-image: -o-linear-gradient(#2186EB, #1F67B5) !important;
	background-image: linear-gradient(#2186EB, #1F67B5) !important;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2186EB', endColorstr='#1F67B5');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2186EB', endColorstr='#1F67B5')";

}

#login-container .control-group {
	position: relative;
	margin-bottom: 10px; 
}

#login-container .control-group:last-child {
	margin-bottom: 0px;
}

#login-container .control-group input {
	width: 100%;
/*	height: 28px; */

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#login-container .control-group input#password {
	padding-right: 4.5em;
}

#forgot-password {
	position: absolute;
	margin: 5px 3px 0 0;

	right: 0;

	width: auto;
	overflow: hidden;
	white-space: nowrap;

	padding: 0px 3px 2px 6px;
	font-size: 12px;
}

#forgot-password * {
	vertical-align: middle;
}

#forgot-password .icon {
	margin-left: 0;
	margin-right: 2.2em;
	text-indent: 16px;

	transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

#forgot-password:hover .icon {
	margin-right: 0px;
	text-indent: -150px;
}

#forgot-password div { margin-top: -3px; }

#forgot-password span {
	overflow: hidden;
	display: inline-block;
	margin: 0;

	text-align: left;

	width: 0px;
	max-width: 0;

	transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

#forgot-password:hover span {
	width: 10em;
	max-width: 20em;
}

#login-container label {
	font-size: 80%;
	letter-spacing: 0.1em;
	margin-bottom: 0px;
}

#logo {
	padding: 0;
	background: url('/templates/limestone/images/one_logo.png') no-repeat top center; 
	text-indent: -9999px;

	height: 62px;
	margin: -82px auto 15px auto;
}

.alert {
	text-align: center;
	padding: 8px 14px 0px 14px;;
	position: relative;
	z-index: 15;

	box-shadow: 0px 5px 8px -6px black;
}

#ssl-notification {
	position: absolute;
	bottom: 5px;
	right: 10px;
}

[class^="icon-"], [class*=" icon-"] {
	background-image: url("../images/glyphicons-halflings.png") !important;
}

.icon-white,
.nav-tabs > .active > a > [class^="icon-"],
.nav-tabs > .active > a > [class*=" icon-"],
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] {
	background-image: url("../images/glyphicons-halflings-white.png") !important;
}