html, body {
	height:100% !important;
}

body {
	background: url('../img/bg.png') no-repeat center center fixed;
	background-size: cover;
	min-width: 330px;
}

.login-form {
	width: 325px;
    height: 100px;
    margin: 0 auto;
	position:relative;
	left: -15px;
}

button {
	background-color: transparent;
	border:0;
	position: relative;
	float:right;
	top:-27px;
	color: #9978AD !important;
}

.logo-login {
	font-size: 20pt;
	color:3F3F3F !important;
}

.emphasis {
	color:rgb(253,253,253) !important;
}

.form-group > input{
	border:0;
	padding:0;
	padding-left:30px;
	color: #999999;
	display:block;
	margin-top: 5px;
	height:35px;
	font-size:10pt;
}

.image-container {
	position:relative;
	top: -7px;
	right:-25px;
}

.image-container > img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 5px solid #ffffff;
}

form > div {
	float:left;
}

#titlebar {
	margin-bottom: 10px;
}

.title {
	font-size: 26pt;
	font-weight:bold;
	color:#eeeeee;
}

.subtitle {
	font-weight:normal;
	font-size: 22pt;
	color:#444444;
}

.footer {
	font-size: 10pt;
	color: #444444 !important;
}

.footer a {
	color: #444444 !important;
}


@media(max-width:767px){
	#main-area {
		margin-top:9%;
	}
}
@media(min-width:768px){
	#main-area {
		margin-top:14%;
	}
}
@media(min-width:992px){
	#main-area {
		margin-top:17%;
	}
}
@media(min-width:1200px){
	#main-area {
		margin-top:23%;
	}
}