@CHARSET "UTF-8";

.progress-bar {
	color: #333;
} 

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	outline: none;
}

.form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
	@include box-sizing(border-box);

	&:focus {
	  z-index: 2;
	}
}

body {
	background: url(https://i.imgur.com/GHr12sH.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.login-form {
	margin-top: 60px;
}

.big-checkbox {width: 20px; height: 20px;}
.remember-me {font-size:16px; font-weight: normal;}
.cb-fixer {float:left; margin-top:-16px;}
.float-left-margin-right {float:left;margin-left: 5px}

form[role=login] {
	color: #5d5d5d;
	background: #bababa;
	padding: 26px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

form[role=login] img {
	display: block;
	margin: 0 auto;
	margin-bottom: 35px;
}
form[role=login] input,
form[role=login] button {
	font-size: 18px;
	margin: 16px 0;
}

form[role=login] > div {
	text-align: center;
}
	
.form-links {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 50px;
}
.form-links a {
	color: #fff;
}	

#error_explanation h2 {
	font-size: 16px;
}

#error_explanation {
	font-size: 14px;
	border: 3px solid #efb3b3;
	background-color: #f4c6c6;
}