* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html {
	overflow-x:hidden;
	height:auto;
	background:#212425 url(../images/bg-login-page.png) repeat top left;
	-webkit-font-smoothing:antialiased;
}

body {
	height:auto;
	font-family:'Open Sans', Arial, sans-serif;
	font-size:15px;
	line-height:24px;
	font-weight:400;
	background:none;
	margin:0px;
}

p { margin:0px 0px 15px; }

a {
	color:#37BF91;
	text-decoration:none;
}
a:hover { color:#404040; }
a:focus {
	color:#404040;
	box-shadow:none;
}

input[type="text"], input[type="email"], input[type="password"] {
	height:50px;
	color:#b0b0b0 !important;
	font-size:16px;
	background:none !important;
	padding:0px;
	border:0px;
	border-bottom:2px solid #e4e4e4;
	outline:none;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus {
	color:#404040 !important;
	border-color:#37BF91;
	outline:none;
}
input[type="text"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled, input[type="text"]:disabled:focus, input[type="email"]:disabled:focus,
input[type="password"]:disabled:focus {
	color:#b0b0b0 !important;
	border-color:#e4e4e4;
}
input:-webkit-autofill {
	-webkit-text-fill-color:#b0b0b0 !important;
	-webkit-box-shadow:0 0 0px 1000px white inset !important;
}
input:-webkit-autofill:focus { -webkit-text-fill-color:#404040 !important; }

.wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary {
	font-size:16px !important;
	height:40px !important;
	line-height:38px !important;
	font-weight:700;
	text-shadow:none !important;
	background:#37BF91 !important;
    padding:0px 18px 2px !important;
	border:0px !important;
	outline:none !important;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}
.wp-core-ui .button:hover, .wp-core-ui .button-primary:hover, .wp-core-ui .button-secondary:hover {
	-webkit-box-shadow:inset 0 0 80px rgba(255, 255, 255, 0.15) !important;
	box-shadow:inset 0 0 80px rgba(255, 255, 255, 0.15) !important;
}

#login {
	width:400px;
	padding:8% 0px 40px;
	margin:0px auto;
}
	.login h1 { margin-bottom:30px; }
		.login h1 a {
			width:185px;
			height:40px;
			background:url(../images/logo.png) top center no-repeat;
		}
	.login .loginlogo {
		text-align:center;
		margin-bottom:30px;
	}
	#login form p.submit { margin-top:10px; }
	.login #nav, .login #backtoblog {
		font-size:15px;
		line-height:24px;
		padding-left:50px;
	}
	.login #nav { margin:30px 0px 0px; }
	.login #backtoblog { margin:10px 0px 0px; }
		.login #backtoblog a, .login #nav a { color:#b0b0b0; }
		.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover, .login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus { color:#FFF; }
		
.login form {
	overflow:hidden;
	background-color:#FFF;
	padding:50px 50px 60px;
	border-radius:4px;
}
	.login form p { margin-bottom:20px; }
	.login form input[type="text"], .login form input[type="email"], .login form input[type="password"] { width:100%; }
	.login form .submit {
		float:right;
		margin:20px 0px 0px;
	}
	.login form .forgetmenot {
		float:left;
		margin:20px 0px 0px;
	}
		.login form .forgetmenot label {
			float:left;
			font-size:13px;
		}
			.login form .forgetmenot label input {
				float:left;
				width:16px;
				height:16px;
				margin:2px 8px 2px 0px;
			}


@media (max-width: 440px) {
	
	#login {
		width:auto;
		padding:40px 20px;
	}
	.login #nav, .login #backtoblog { padding-left:25px; }
	.login form { padding:30px 25px 40px; }
	
}