/*
	Version: 1.0
	Author: Adi Lasmana
*/
/*===== 

GLOBAL 

=====*/
body{
	font-family:Roboto;
	background-color:#eaeaea;
}
.login-box{
	margin:auto;
	width:900px;
	min-height:300px;
	display:flex;
	margin-top:150px;
	position:relative;
}

.login-header{
	/*background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url("../image/pixel.jpeg");
	background-repeat:no-repeat;
	background-size: cover;*/
	background-color:transparent; 
	min-width:50%;
	max-width:50%;
	position:relative;
	text-align:center;
	padding:20px;
	line-height:100%;
}

.login-header > img{
	width:300px;
	margin-bottom:25px;
}
.login-header > ul{
	padding:0;
	list-style:none;
	color:#2D3E47;
	line-height:2;
}

.login-body{
	padding:20px;
	width:100%;
	background-color:#fff;
}
.login-body > .heading > h3{
	line-height:30px;
}
.login-body > .heading > h3 > span{
	font-size:smaller;
}

.login-footer{
	position:absolute;
	bottom:-40px;
	text-align:center;
	left:0;
	right:0;
	
}

.login-footer a{
	color:#00AEEF;
}
/*===== 

RESPONSIVE

=====*/
@media (min-width: 320px) and (max-width: 767px) {
	.login-box{
		display:block;
		margin-top:25px;
		width:100%;
	}
	.login-header{
		min-width:100%;
		max-width:100%;
	}
	.login-header > ul{
		display:none;
	}
}