#login{
	background:#ffffff;
	width:280px;
}
#login h1{
	font-size:15px;
	font-weight:bold;
	color:#555;
}
#login fieldset{
	position:relative;
	padding:0;
	margin:0;
	margin-bottom:6px;
	min-width:240px;
	border:0;
}
#login fieldset figure{
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	z-index:1;
}
#login fieldset figure span{
	position:relative;
	width:100%;
	min-height:100%;
	height:100%;
	z-index:2;
}
#login fieldset button{
	color:#ffffff;
	height:40px;
	border-width:1px;
	border-radius:2px;
	border-right-width:2px;
	border-bottom-width:2px;
	cursor:pointer;
	outline:none;
	font-weight:bold;
	font-size:14px;
	padding:10px;
	margin:0;
}
#login input{
	position:relative;
	border:1px solid #CCCCCC;
	height:40px;
	padding:5px;
	width:100%;
	border-radius:2px;
	font-size:14px;
	font-weight:bold;
	font-family:ProximaNova, Helvetica;
	color:#333333;
	padding-left:40px;
	background:transparent;
	outline:none;
	z-index:1;
	border-right-width:2px;
	border-bottom-width:2px;
}
#login input:focus{
	border-color:#888888;
}
#login input:focus + figure i{
	color:#333333;
}
#login fieldset label{
	vertical-align:middle;
	font-family:ProximaNova, Helvetica;
	font-size:12px;
	font-weight:bold;
}
#login fieldset.error input{
	border-color:#FF7373;
}
#login input[type="checkbox"]{
	position:relative;
	width:22px;
	height:22px;
	vertical-align:middle;
	margin:0;
	padding:0;
	margin-bottom:3px;
	border:1px solid #cccccc;
	border-right-width:2px;
	border-bottom-width:2px;
	border-style:solid;
	border-color:#cccccc;
	border-radius:1px;
	background:#ffffff;
	-webkit-appearance:button;
	-moz-appearance:button;
	-ms-appearance:button;
	-o-appearance:button;
	appearance:button;
}
#login input[type="checkbox"]:checked::after{
	position:relative;
	display:table-cell;
	width:20px;
	height:20px;
	content:"\f00c";
	font-family:FontAwesome;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	transition:all 100ms linear;
	-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-ms-transition:all 100ms linear;
}

#login fieldset.captcha figure{
	width:80px;
	height:51px;
	margin-top:1px;
	margin-left:1px;
	max-height:100%;
	border-radius:5px;
	overflow:hidden;
}
#login fieldset.captcha figure img{
	max-height:100%;
}
#login fieldset.captcha input{
	padding-left:85px;
	height:54px;
}
#login fieldset.captcha span{
	position:absolute;
	width:100%;
	height:100%;
	background:#ffffff;
	background:rgba(255,255,255,0.7);
	opacity:0;
	cursor:pointer;
}
#login fieldset.captcha figure:hover span{
	opacity:1;
}

#login .install-error{
	background:#FFBFBF;
	padding:10px;
}
#login .install-error p{
	font-size:12px;
	color:#7D0000;
}

#login-return{
	position:relative;
	width:160px;
	overflow:hidden;
}
#login-return .bg{
	position:absolute;
	top:-10%;
	left:-10%;
	width:120%;
	height:120%;
	background-color:#999999;
	background-image:url('../images/defaultprofilebg.jpg');
	background-position: center center;
	background-size:500%;
	opacity:0.85;
  	
  	-webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    /* FF doesn't support blur filter, but SVG */
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='20'/></filter></svg>#svgBlur");
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '20');
    filter: blur(20px);
    overflow:visible;
}
#login-return .content{
	z-index:2;
}
#login-return figure{
	position:relative;
	width:60px;
	height:60px;
	border:2px solid #ffffff;
	border-radius:50%;
	background-color:#eeeeee;
	font-size:14px;
	color:#333333;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
#login-return p, #login-return h1{
	color:#ffffff;
}
#login-return fieldset.error input{
	background:#FFAAA5;
}
#login-return fieldset.error input::-webkit-input-placeholder{
	color:#666666;
}
#login-return fieldset.error input::-moz-input-placeholder{
	color:#666666;
}
#login-return fieldset.error input::-ms-input-placeholder{
	color:#666666;
}
#login-return input{
	width:100%;
	height:30px;
	padding:4px;
	border:0;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	outline:none;
	color:#333333;
}
#login-return button{
	height:30px;
	background:#123D58;
	border:0;
	color:#ffffff;
	width:30px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	cursor:pointer;
}
@media screen and (max-width:500px){
	#login-return{
		width:280px;
		padding:10px 0;
	}
}