body {
	margin: 0;
	background-color: #ffffff;
	font: 12px "Roboto Regular";
	font-weight: 500;
	color: #b2b2b2;
	min-width: 300px;
	min-height: 400px;
}

.bc-login {
	text-align: center;
}

.bc-login:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}

.bc-login .center {
	display: inline-block;
	vertical-align: middle;
	width: 300px;
}

.bc-login .logo {
	margin-bottom: 50px;
}

.bc-login > form {
	text-align: center;
}

.bc-login form > input {
	text-align: center;
	padding: 12px;
	width: 300px;
	font-size: 14px;
	border: 1px solid #b2b2b2;
}

.bc-login form > input + input {
	margin-top: 17px;
}

.bc-login input[type=text], .bc-login input[type=password] {
	background: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 5px;
}

.bc-login input[type=submit] {
	font-size: 16px;
	background-color: transparent;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 5px;
	color: #b2b2b2;
}

.bc-login input:focus {
	outline: none;
}

.loader {
	font-size: 100px;
	width: 1em;
	height: 1em;
	position: relative;
	margin: 10px auto;
	list-style: none;
}

.loader li {
	position: absolute;
	width: .2em;
	height: .2em;
	border-radius: 50%;
	background: #b2b2b2;
}

.loader li:nth-child(1) {
	left: 50%;
	top: 0;
	margin: 0 0 0 -.1em;
	-webkit-transform-origin: 50% 250%;
	transform-origin: 50% 250%;
	-webkit-animation: rota 1.13s linear infinite;
	animation: rota 1.13s linear infinite;
}

.loader li:nth-child(2) {
	top: 50%;
	right: 0;
	margin: -.1em 0 0 0;
	-webkit-transform-origin: -150% 50%;
	transform-origin: -150% 50%;
	-webkit-animation: rota 1.86s linear infinite;
	animation: rota 1.86s linear infinite;
}

.loader li:nth-child(3) {
	left: 50%;
	bottom: 0;
	margin: 0 0 0 -.1em;
	-webkit-transform-origin: 50% -150%;
	transform-origin: 50% -150%;
	-webkit-animation: rota 1.45s linear infinite;
	animation: rota 1.45s linear infinite;
}

.loader li:nth-child(4) {
	top: 50%;
	left: 0;
	margin: -.1em 0 0 0;
	-webkit-transform-origin: 250% 50%;
	transform-origin: 250% 50%;
	-webkit-animation: rota 1.72s linear infinite;
	animation: rota 1.72s linear infinite;
}

.loader li:nth-child(5) {
	top: 50%;
	left: 0;
	margin: -.1em 0 0 0;
	-webkit-transform-origin: 250% 50%;
	transform-origin: 250% 50%;
	-webkit-animation: rota 1.92s linear infinite;
	animation: rota 2.32s linear infinite;
}

@-webkit-keyframes rota {
	from { }
	to { -webkit-transform: rotate(360deg); }
}

@keyframes rota {
	from { }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.login-info {
	bottom: 0;
	position: fixed;
}