body.login {
    background: #292A2E url(images/background_planning.png) repeat-x;
    background-position: center 0px;
    color: #B0B0B0;
    text-shadow: 1px 1px 0px black;
}

body.login div#login {}
body.login div#login h1 {}
body.login div#login h1 a {
    background-image: url(images/logo_extrain.png);
    background-size: initial !important;
    background-size: auto auto !important;
    padding: 0;
    width: 196px;
    height: 52px;
}

.login .button.wp-hide-pw .dashicons { color: #fff; }

#login_error,
.login .message,
body.login div#login form#lostpasswordform,
body.login div#login form#loginform {
    background: #1B1B1B url(images/background_loginblock.png) repeat;
    background-position: left 0px;
    border: 1px solid #181818;
}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}

body.login div#login form#lostpasswordform input[type="text"],
body.login div#login form#lostpasswordform input[type="password"],
body.login div#login form#loginform input[type="text"],
body.login div#login form#loginform input[type="password"] {
    margin-bottom: 10px;
    height: 28px;
    border: 1px solid #292929;
    color: #8A8A8A;
    padding-left: 5px;
    margin-top: 2px;
    background: #171717;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#171717", endColorstr="#0f0f0f");
    background-image: -webkit-gradient(linear, left top, left bottom, from(#171717), to(#0F0F0F));
    background-image: -moz-linear-gradient(top center, #171717, #0F0F0F);
    background-image: -o-linear-gradient(top, #171717, #0F0F0F);
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1em;
}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {
    float: none;
}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#lostpasswordform p.submit input#wp-submit,
body.login div#login form#loginform p.submit input#wp-submit {
    background-color: #3D3D3D;
    background-image: linear-gradient(to top, #515151, #3D3D3D);
    border: 1px solid transparent;
    border-radius: 5px 5px 5px 5px;
    color: #DADADA;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    line-height: 21px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px #282828;
    vertical-align: middle;
    border: none;
}
body.login div#login p#nav {
    padding-left: 0;
}
body.login div#login p#nav a {
    color: #B0B0B0;
}
body.login div#login p#nav a:hover {
    color: #fff;
}
body.login div#login p#backtoblog { display: none; }
body.login div#login p#backtoblog a {}

div.login_top {
    background: url(images/background_login.png) no-repeat;
    background-position: center;
    width: 100%;
    height: 368px;
    text-align: center;
    margin: 0 auto;
    padding: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}