body{
	background-color:#f5f5f5;
	color:#555;
}

.login-screen-container{
	padding:2rem 1rem;
}
.login-screen{
	max-width:400px;
	margin:0 auto;
}
.login-form{
	padding:2rem;
	background-color:#fff;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.25);
	position: relative;
}
.login-form .logo{
	margin:1.5rem 0 1.5rem 0;
	text-align: center;
}
.login-form .logo img{
	width:250px;
}
.login-form .title{
	font-size:2rem;
	line-height: 1.2;
	font-weight: bold;
	color:#151515;
	margin:0 0 1rem 0;
	text-align: center;
}
.login-form .details{
	font-size:1rem;
	line-height: 1.5;
	color:#888;
	margin:0 0 1rem 0;
	text-align: center;
}
@media(min-width:768px){
	.login-screen{
		margin-top:4rem;
	}
}
@media(min-width:1200px){
	.login-screen-container{
		padding:3rem 0;
	}
	.login-screen{
		max-width:500px;
	}
	.login-form{
		padding:3rem;
	}
}

.divider{
	padding:2rem 0;
	position: relative;
}
.divider .line{
	display: block;
	width: 100%;
	height:1px;
	background-color:#ccc;
}
.divider .tag{
	position: absolute;
	height:30px;
	width:160px;
	line-height: 30px;
	background-color:#fff;
	text-align: center;
	color:#aaa;
	text-transform: uppercase;
	font-size:0.8rem;
	top:50%;
	margin-top:-15px;
	left:50%;
	margin-left:-80px;
}

.login-alternatives button{
	border:none;
	background-color:#fff;
	padding:0.8rem;
	border:solid 1px #dee2e6;
	border-radius: 30px;
	display: block;
	width: 100%;
	color:#555;
	position: relative;
	line-height: 1;
	margin:0 0 0.5rem 0;
}
.login-alternatives button i{
	position: absolute;
	left:1rem;
	top:50%;
	margin-top:-8px;
}
.login-alternatives button span{
	display:block;
}
.login-alternatives button:hover{
	background-color:#fafafa;
	color:#151515;
}

.login-alerts{
	max-width:500px;
}
@media(min-width:768px){
	.login-alerts{
		padding:0;
	}
}

.choose-language{
	position: absolute;
	top:1rem;
	right:1rem;
}
.choose-language .dropdown-toggle{
	color:#888;
	text-decoration: none;
	font-size:1rem;
}
.choose-language .dropdown-toggle:focus{
	color:#151515;
}

.credit-datahive{
	text-align:center;
	padding:2rem 0;
}
.credit-datahive a{
	display: block;
	font-size:14px;
	line-height: 1;
	color:#888;
	text-decoration: none;
}
.credit-datahive img{
	height:16px;
}
.credit-datahive span{
	display: inline-block;
}