@font-face {
  font-family: 'Ubuntu';
  src: url('/auth-static/fonts/Ubuntu-R.ttf');
}
@font-face {
  font-family: 'Ubuntu';
  src: url('/auth-static/fonts/Ubuntu-B.ttf');
  font-weight: bold;
}

body {
	padding: 50px 0;
	background: #000;
	color: #fff;
	font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
	font-size: 1.1em;
}

.box {
	width: 390px;
	max-width: 100%;
	margin: 0 auto;
	padding: 20px;
}

.align-right {
	text-align: right;
}

.no-bottom-margin {
	margin-bottom: 0 !important;
}

.alert {
	text-align: justify;
}

.jumbotron {
	background-color: transparent;
}

#submitBtn {
	width: 100%;
}

.form-control {
	display: inline-block;
	background-color: #444;
	color: #fff;
	border-radius: 6px;
}

.form-control:disabled, .form-control.disabled, .form-control:read-only {
	background-color: #111;
	color: #bbb;
}

.input-err-msg {
	color: #ccc;
	text-align: justify;
	margin-top: 5px;
	display: none;
}

.has-error .input-err-msg {
	display: block;
}

.btn {
	border-radius: 6px;
}

.logo {
	display: block;
	width: 100%;
	margin-bottom: 64px;
}

.signin-btns {
	margin-top: 45px;
}

.btn-primary {
	background-color: #0066ff;
	border-color: #0066ff;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover, .btn-primary:disabled:hover {
	background-color: #0055ee;
	border-color: #0055ee;
}

.copyright {
	font-size: 0.9em;
	color: #666;
	margin: 35px 0 10px;
	text-align: center;
}

@media (max-width: 320px) {
	body {
		padding: 10px 0;
	}

	.logo {
		margin-bottom: 20px;
	}
}
