* {
	padding:0;
	margin:0;
	box-sizing:border-box;
	outline:none;
}
body, html {
	color:#868e96;
	height:100%;
	font-family:'Roboto', sans-serif;
	background-color:#212529;
	background-image: url('../images/logo.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.flex {
	display:flex;
}
.flex-center {
	align-items:center;
}
.flex-column {
	flex-direction:column;
}
.flex-stretch {
	align-items:stretch;
}
.flex-between {
	justify-content:space-between;
}
.flex-even > * {
	flex:1;
}
.flex-grow {
	flex-grow:1;
}
.justify-center {
	justify-content:center;
}
body > div:first-child {
}
input[type="text"], input[type="password"] {
	min-height:35px;
	padding:10px;
	border:none;
	background:transparent;
	border-bottom:1px solid #dee2e6;
	color:#868e96;
}
svg {
	width:90px;
	height:auto;
	margin:0 auto 30px;
}
.form-group {
	display:flex;
	align-items:center;
	margin-bottom:20px;
}
label {
	font-size:13px;
	font-weight:700;
	margin-bottom:5px;
	color:#ced4da;
	width:100px;
}
h1 {
	margin-bottom:30px;
	font-weight:300;
}
.checkbox {
	display:flex;
	align-items:center;
}
.help-block {
	font-size:10px;
	color:#ff6b6b;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #adb5bd;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #adb5bd;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #adb5bd;
}
:-moz-placeholder { /* Firefox 18- */
  color: #adb5bd;
}
.form-group.has-error input {
	border-color:#ff6b6b;
}
.form-group.has-success input {
	border-color:#20c997;
}
button {
	background:#fcc419;
	padding:15px;
	color:#fff;
	border:none;
	border-radius:3px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:700;
	width:100%;
}
input[type="checkbox"] {
	margin-right:8px;
}
.site-login {
	padding:50px;
	background:rgba(33, 37, 41, 0.95);
	border-radius:5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.12);
}
form .form-group:last-child {
	margin-bottom:0;
	display:flex;
	align-items:center;
}
@media (max-width: 800px) {
	.site-login {
		align-self: flex-end;
		padding:15px;
		margin-bottom:10px;
	}
	body {
		flex-direction:column;
		background-position: top 50px center;
		background-size:80%;
	}
}