/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29-ene-2019, 13:45:45
    Author     : Salva
*/

body.login {
    background-image: url('../images/bg.jpeg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
body.login div#login {
    width: auto;
    padding: 0px;
}
body.login div#login h1 {display: none;}
body.login div#login h1 a {
/*    background-image: url('../images/logo_vertical_512.png');
    background-image: none, url('../images/logo_vertical_512.png');
    background-size: 150px 150px;
    background-position: center top;
    background-repeat: no-repeat;
    color: #999;
    height: 150px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0 auto 25px;
    padding: 0;
    text-decoration: none;
    width: 150px;
    text-indent: -9999px;
    outline: none;
    overflow: hidden;
    display: none;*/
    display: none;
}
body.login div#login form#loginform {
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
    padding: 26px 0px 0px;
    border: 0px;
}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {
    display: inline-block;
    margin-bottom: .5rem;
    width: 100%;
}
body.login div#login form#loginform input:not([type="checkbox"]),body.login div#login form#loginform input:not([type="checkbox"]):focus {
    /*display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .45rem .9rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: .25rem;*/
    display: block;
    width: 100%;
    padding: 0.45rem 0.9rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
/*body.login div#login form#loginform input:not([type="checkbox"]),body.login div#login form#loginform input:not([type="checkbox"]):focus {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none;
    color: #fff !important;
}*/
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 {  
}
body.login div#login form#loginform p.forgetmenot input#rememberme {
    border-radius: 5px;
}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {
    background-color: #f0b323;
    border-color: #f0b323;
    box-shadow: 0 2px 6px 0 rgba(240, 179, 35, .5);
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px #C18B00,1px 0 1px #C18B00,0 1px 1px #C18B00,-1px 0 1px #C18B00;
    border-radius: 5px;
}
body.login div#login form#loginform p.submit input#wp-submit:hover {
    color: #fff;
    background-color: #f3c24f;
    border-color: #f3c24f;
    box-shadow: 0 1px 0 #f3c24f;
}
body.login div#login p#nav {
    margin-top: 2px;
    padding-right: 2px;
    text-align: right;
}
body.login div#login p#nav a {
    font-size: .75rem;
    font-weight: 400;
}
body.login div#login p#backtoblog { display: none; }
body.login div#login p#backtoblog a { display: none; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    outline: none;
    -webkit-text-fill-color: #72777c;
}


/*Recuperar contraseña*/
p.message{
    font-size: .75rem;
    font-weight: 400;
}
form#lostpasswordform{
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
    padding: 26px 0px 0px;
}
label[for="user_login"]{
    
}
input#user_login{
    /*background: transparent;*/
    /*border: none;*/
    /*border-bottom: 1px solid #fff;*/
    /*outline: none;*/

}
p.submit input#wp-submit{
    background-color: #f0b323;
    border-color: #f0b323;
    box-shadow: 0 2px 6px 0 rgba(240, 179, 35, .5);
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px #C18B00,1px 0 1px #C18B00,0 1px 1px #C18B00,-1px 0 1px #C18B00;
    border-radius: 5px;
}
p.submit input#wp-submit:hover{
    color: #fff;
    background-color: #f3c24f;
    border-color: #f3c24f;
    box-shadow: 0 1px 0 #f3c24f;
}

p#nav a{
    margin-top: 5px !important;
}

body.login div#login #login_error, body.login div#login .message, body.login div#login .success{
    border-color: #F0B323;
}
.left-side-menu{
    box-shadow:none !important;
    -webkit-box-shadow: none !important;
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    border-color: #F0B323;
    box-shadow: 0 0 0 1px #F0B323 inset;
    outline: 2px solid transparent;
}

.forgetmenot input[type=checkbox]:checked::before {
    content: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23f0b323%27%2F%3E%3C%2Fsvg%3E');
}

.wp-hide-pw {
    color: #F0B323 !important;
}

.login .button.wp-hide-pw:focus {
    background: 0 0;
    border-color: #F0B323;
    box-shadow: 0 0 0 1px #F0B323 inset;
}

.login form {
    border: 0;
}

a:focus {
    box-shadow: 0 0 2px 1px rgba(240, 179, 35, .8);
}
.login #nav a:hover {
    color: #C18B00;
}
.login #nav a:focus {
    color: #f3c24f;
}

.login-logo img {
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}
.login-logo a {
    box-shadow: none;
}
.login-logo a:hover {
    color: transparent;
}
.login-logo a:focus {
    color: transparent;
}

.account-pages {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
}