body{
	background-color: #3e4651;
	background-image: -o-linear-gradient(bottom, #575f6a 0%, #3e4651 100%);
	background-image: -moz-linear-gradient(bottom, #575f6a 0%, #3e4651 100%);
	background-image: -webkit-linear-gradient(bottom, #575f6a 0%, #3e4651 100%);
	background-image: -ms-linear-gradient(bottom, #575f6a 0%, #3e4651 100%);
	background-image: linear-gradient(to bottom, #575f6a 0%, #3e4651 100%);
	-webkit-box-shadow: inset 0 1px 0 #707883;
	-moz-box-shadow: inset 0 1px 0 #707883;
	box-shadow: inset 0 1px 0 #707883;
	font-family:'Roboto';
}
#loginPanel{
	border:none;
}

#loginIconDiv{
	opacity:0.6;
	color:#000;
	font-size:60px;
	width:80px;
	height:80px;
	padding:18px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

input{
	opacity:0.6;
	border:none!important;
	border-radius: 0px!important;
	background:#000!important;
	color:#fff;
	text-align: center;
	font-size:15px!important;
}

#username{
	border-bottom:1px solid #111!important;
}

#loginBtn{
	opacity:0.4;
	display: block!important;
	width:100%;
	background:#222;
	border:none;
	color:#fff;
	font-size:15px!important;
}
#loginBtn:hover{
	opacity:1;
	-webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

#errorTxt{
	opacity: 0.6;
	color:#000;
	font-weight:700;
	background:#FF0000;
	padding:20px 0;
	text-align: center;
	font-size: 15px;
}.errorIcon{
	color:#FF0000;
}

#successTxt{
	opacity: 0.6;
	color:#000;
	font-weight:700;
	background:#2CC990;
	padding:20px 0;
	text-align: center;
	font-size: 15px;
}.successIcon{
	color:#2CC990;
}

.hmd-logo{
	width: 100%;
	max-width: 300px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}