body {
    color: #666;
}
div.container {
    padding: 0;
    margin-top: 50px;
}
div.logo {
    margin-left: -10px;
	margin-bottom: 30px;
}
div.logo a img {
	width: 100%;
}
a,
a:link,
a:active,
a:visited,
a:hover {
	color: #6F6F6F;
}
a.form-link,
a.form-link:link,
a.form-link:active,
a.form-link:visited,
a.form-link:hover {
	line-height: 2;
	text-decoration: underline;
}
div.form-group.form-link {
	margin-bottom: 0;
}
.help-block {
	font-size: 90%;
	font-style: normal;
}
.password.help-block {
	margin-left: 4px;
	font-style: italic;
}
div.checkbox {
	margin-left: 4px;
}
div.checkbox.disabled * {
    color: #C0C0C0;
}
div.checkbox span.help-block {
	margin-top: 0;
    margin-left: 0;
}
div.form-group div input[type="submit"],
div.form-group div button {
	width: 100%;
}
div.panel-body {
	background-color: #F6F6F6;
}
dl.details {
	margin-left: 0;
}
dl.details dt {
	width: 80px;
}
dl.details dd {
	width: 100px;
	margin-left: 90px;
}
.list-group-item {
	margin-top: 10px;
	background-color: #FCFCFC;
}
.list-group-item span.help-block {
	margin-left: 0;
	font-style: normal;
    color: #A94442;
}

span.remember-me label {
    font-weight:normal;
    font-size:9pt;
}

.login-card {
	background-color: #f5f5f5;
}

/* Less than 767px - Mobile (XS) */
@media (max-width: 767px) {
	body {
		background-color: #F0F0F0;
	}
    .heading {
        margin-left: 0;
    }
	div.container {
		width:100%;
		height:100%;
	}
	div.logo {
        margin-left: -5px;
		margin-bottom: 10px;
	}
	div.card {
		border: none;
		background: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-color: transparent;
	}
	dl.details dt {
		width: auto;
		margin-left: 20px;
		margin-top: 10px;
	}
	dl.details dd {
		width: auto;
		margin-left: 20px;
	}

	.login-card {
		background-color: transparent;
	}
}