/* Mirrors the inline sign-in box styles in index.php. */
.login-box {
	background-color: #fbfbfb;
	border: 1px solid #ddd;
	width: 375px;
	margin: 10px;
}
.login-header {
	padding: 15px 13px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	background: rgba(248,248,248,.9);
	font-size: 18px;
}
.field-set {
	padding: 25px 14px 5px;
	background: rgba(255,255,255,.9);
}
.section {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 19px;
	color: #333;
}
.section a {
	color: #5087c7;
	text-decoration: none;
}
.section a:hover {
	color: #2f3b4f;
}
.label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	color: #333;
}
.input {
	display: flex;
	border: 1px solid #BDBDBD;
}
.input:hover {
	border-color: #5087c7;
}
.input input {
	border: unset;
	height: 25px;
	width: 100%;
}
.input input:focus {
	outline: none;
}
.notice {
	padding: 10px;
	border-left: 4px solid #5087c7;
	background: #eef3fa;
}
.notice.error {
	border-left-color: #c0392b;
	background: #fbeeee;
}
.footer-bar {
	display: flex;
	padding: 7px 14px 15px;
	border-top: 1px solid rgba(0,0,0,.1);
	background: rgba(248,248,248,.9);
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
}
.footer-bar a {
	color: #5087c7;
	text-decoration: none;
}
.loginButton {
	font-size: 16px;
	background-color: #5087c7;
	color: #f9f9f9;
	padding: 5px 15px;
	border: 1px solid #BDBDBD;
}
.loginButton:hover {
	background-color: #2f3b4f;
}