html {  height: 100%;}
	body { position: relative; margin: 0; padding-bottom: 100px; min-height: 100%;}

	#top-bar { width: 100%; background: #232323; }
	#top-bar a { color: white; padding: 15px 30px; display: inline-block; line-height: 1em; transition: color .35s, background-color .35s; }
	#top-bar a:hover{ text-decoration: none;}
	#top-bar a.pull-right {border: none;}
	#logo-bar { padding-top: 70px; text-align: center;}
	#logo { width: 250px; height: 70px; font-size: 0; background-position: top left; background-repeat: no-repeat; display: inline-block;}


	#form-container { width: 350px; margin: 0 auto; background-color: #fff; padding-top: 20px; padding-bottom: 150px;}
	input[type="text"],[type="email"],[type="password"] { margin-bottom: 10px; }
	

	#form-container .form-body { padding-top: 10px;}
	#form-container input {border: 0; border-radius: 0; padding: 10px; background-color: #efefef; }
	#form-container p { text-align: center; padding: 20px;}
	#form-container label { font-weight: bold;}
	#form-container input[type="submit"] { margin-top: 20px; background-color: #ffffff; padding: 7px 15px; font-weight: 500px; transition: color .35s, background-color .35s; display: block;  width: 100%; }
	#form-container input[type="submit"]:hover { background-color: #232323; color: #ffffff; }

	div.alert { border-radius: 0; padding:5px 10px; text-align: left; text-align: center; margin-bottom: 0;}
	div.alert strong {display: block; padding-bottom: 5px; font-size: 18px;}
	div.alert header { font-weight: bold; text-align: center; padding-top: 20px; }
	div.alert p, #form-container div.alert p { padding: 10px; }
	#form-container a.recover, #form-container a.login-again { font-weight: bold; width: 100%; display: block; padding: 10px 0; text-align: center;}

	footer { position: absolute; bottom: 0; width: 100%; background-color: #232323; height: 150px;}
	footer .content {  padding-top: 40px; text-align: center; color: #aaa; }

	@media (max-width: 600px) { 
		#logo-bar { text-align: center; margin: 0 auto; padding-top: 10px;}
		#logo { background-position: top center;}
		#form-container { padding: 15px; width: 100%; padding-top: 30px; padding-bottom: 10px;}
		footer { height: auto }
		footer.content { padding: 10px; }

	}
	div.password-field-wrapper { height: 34px; line-height: 1.42857143; font-size: 14px; background-color: #efefef; padding: 8px; margin-bottom: 10px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
	div.password-field-wrapper input::-moz-placeholder { color: #999; }
	div.password-field-wrapper input:-ms-input-placeholder { color: #999; }
	div.password-field-wrapper input::-webkit-input-placeholder { color: #999; }
	div.password-field-wrapper input:focus { border-color: 0; box-shadow: 0; outline: 0 none; }
	div.password-field-wrapper input, #form-container  div.password-field-wrapper input{ border: 0; background-color: none; padding: 0; width: 310px; margin:0; }
	div.password-field-wrapper .glyphicon-eye-open { color:#aaa; display: none; cursor:pointer;  }
	body.js div.password-field-wrapper .glyphicon-eye-open { display: block; }
	
	#form-container .login-form, #form-container .reset-form, #form-container .force-reset-form { position: absolute; width: 350px;}
	#form-container .password-policy-copy { text-align: left; padding: 0 0 8px; margin: 0; font-size: 14px; line-height: 1.45; color: #232323; }
	#form-container .password-policy-copy p { text-align: left; padding: 0 0 12px; margin: 0; }

	@media (max-width: 600px) {
		#auth-container { padding-left: 20px; padding-right: 20px; }
		#form-container { position: relative; width: 100%; padding-left: 0; padding-right: 0; box-sizing: border-box; }
		#form-container .login-form,
		#form-container .reset-form,
		#form-container .force-reset-form { width: 100%; left: 0; right: 0; box-sizing: border-box; }
		div.password-field-wrapper input,
		#form-container div.password-field-wrapper input { width: calc(100% - 28px); max-width: 100%; }
	}

	/* RocheMartin */
	div.alert-danger { background-color: #fff;}
	body { font-family:'Lato', 'Arial', sans-serif; color: #232323;}
	#form-container .header-text{ text-align: center; font-weight: bold; padding-bottom: 5px; font-size: 24px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; }
	#top-bar { background: #232323;}
	#top-bar a { color: white;}
	#form-container input[type="submit"] {background-color: #5F8AB3; color: #ffffff; }
	#top-bar a:hover { background-color: #be0633;}
	#logo { background-image: url('/assets/logo.svg'); background-repeat: no-repeat;}



	#form-container button { margin-top: 20px; background-color: #ffffff; padding: 7px 15px; font-weight: 500px; transition: color .35s, background-color .35s; display: block;  width: 100%; }
	#form-container button:hover { background-color: #232323; color: #ffffff; }
	#form-container button {border: 0; border-radius: 0; padding: 10px; background-color: #efefef; }
	#form-container button {background-color: #5F8AB3; color: #ffffff; }

	/* OAuth Authorization Screen */
	.oauth-authorize .login-form {
		display: block;
		position: absolute;
		margin-left: 0px;
		opacity: 1;
	}

	.oauth-info-alert {
		margin-bottom: 20px;
		background-color: #d9edf7;
		border-color: #bce8f1;
		color: #31708f;
		padding: 15px;
		border-radius: 4px;
	}

	.oauth-user-info {
		margin-bottom: 20px;
		text-align: center;
	}

	.oauth-permissions {
		margin-bottom: 25px;
	}

	.oauth-permissions label {
		font-weight: bold;
		margin-bottom: 10px;
		display: block;
	}

	.oauth-permissions ul {
		list-style: none;
		padding-left: 0;
	}

	.oauth-permissions li {
		padding: 8px 0;
		border-bottom: 1px solid #eee;
	}

	.oauth-permissions .rm-enabled {
		color: #5cb85c;
		margin-right: 8px;
	}

	.oauth-authorize-btn {
		background-color: #5cb85c !important;
		margin-bottom: 10px;
	}

	.oauth-deny-btn {
		background-color: #d9534f !important;
	}

	.oauth-disclaimer {
		margin-top: 20px;
		font-size: 12px;
		color: #999;
		text-align: center;
	}