html { 
	background: url(../images/login/darkbg2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {background: transparent;}

/* body {background-color: #8ac2e5;} */

#mainWrap {
	min-height: 100%;
	overflow: auto;
}

#loginWrapper{
	position: fixed;
  	top: 50%;
  	left: 50%;
 	transform: translate(-50%, -50%);
	width:447px;
	
	background-color: #fff;
		
	border:1px solid #c1c0c0;
	padding:20px;
	/* -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; */

	-webkit-box-shadow: 0px 0px 51px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 51px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 51px -10px rgba(0,0,0,0.75);
	padding-top: 100px;
}

#loginWrapper .logo {
	position: absolute;
	/* top: -90px; */
	top: -106px;
	left: 15%;
	max-width: 300px;
}

#loginWrapper .form-control:focus {
	box-shadow: none;
}
#loginWrapper .formSubmit {
	margin-bottom: 25px;
}
#loginWrapper .submitWrap {
	text-align: center;
	margin-bottom: 10px;
}

#loginWrapper .fpswd {
	text-align: right;
}

hr {margin-top:10px;margin-bottom:10px;}

.logo-flag {
	position:absolute;
	top:0;
	left:0;
}

.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}

@media (max-width: 768px) {
	#loginWrapper {
		width: 100%;
	}
	#loginWrapper .fpswd {
		margin-top: 10px;
		text-align: center;
	}
}
@media (max-width: 500px) {
	#loginWrapper {
		width: 100%;
		padding-top: 85px;
	}
	
	#loginWrapper .logo {
		max-width: 250px;
		top: -75px;
	}
}

@media (max-width: 330px) {
	#loginWrapper .logo {
		max-width: 220px;
		top: -65px;
	}
}