body, html {height: 100vh !important;}
body.login{background:#AFBDAE  url('../images/logbg.webp')center no-repeat;background-size:100%;}

body.login a {color:#eee;}
#login{width:360px;}
#login h1 a{background:url(../images/logo.webp);background-size:cover;width:150px;height:150px; margin: 0 auto;}
#login form {position:relative !important;text-align:center;background:#fff;-webkit-box-shadow:none;box-shadow:none;padding:20px;border:none;border-radius:15px;box-shadow: 0 0 25px 0 rgba(0,0,0,.15);border:5px solid #f1f1f1;}

.login form .input, .login input[type="text"]{outline:none;background:transparent;-webkit-appearance: none;display:inline-block; vertical-align:middle; font-size:11px;border-radius:0; font-weight:400;background-color:transparent !important;border:none;border-color:transparent;border-bottom:2px solid #617164;}
.login form .input:focus, .login input[type="text"]:focus{opacity:1;outline:none;border:none;border-bottom:2px solid #617164;box-shadow:none;}
.js.login input.password-input, .js.login-action-rp form .input, .js.login-action-rp input[type=text]{padding-right:0 !important;}

.login form input:-webkit-autofill,.login input[type="text"]:-webkit-autofill,.login form textarea:-webkit-autofill,.login select:-webkit-autofill{outline:none;border:none;box-shadow:none;}
.login label{color:#000;font-size:17px;line-height:19px;font-weight: 500;}
.login .button.wp-hide-pw .dashicons{color:#000;}
#login form *{z-index:5;}
#login .button-primary{outline:none;float: none;border:none;border-radius:5px;color:#fff;position: relative;background:#617164;letter-spacing:1px;overflow:hidden;line-height:45px;height:45px;padding: 0 30px;display: inline-block;font-size: 20px;-webkit-appearance: none; box-sizing:border-box;text-decoration:none; outline:none; webkit-box-shadow:none; box-shadow:none;cursor:pointer;text-shadow:none;}
#login .button-primary:hover{border:none;background:#000;color:#fff;text-decoration:none;cursor:pointer;}
#login form p.submit{margin:15px 0 0;text-align:center;}
#login form p {margin:10px 0 0;}
.login form .forgetmenot {float:none;}
.login #nav,#backtoblog{margin:5px 0;text-align: center;}
.login #nav a,.login #backtoblog a{color:#000 !important;font-size:13px;}
#login #nav a:hover, .login #backtoblog a:hover{color:#000 !important;text-shadow:none;}

.login #login_error,.login .message, .login .success{border-left:none;padding: 12px;margin-left: 0;margin-bottom: 20px;background-color:#fff;font-weight: bold;text-align: center;text-transform: uppercase;box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.login #login_error{border-left:none;background:transparent;color:#f00;}

.forgetmenot{display:flex;justify-content: center;}
#rememberme{display:inline-block;vertical-align:top;margin:0 3px 0 0;width:50px;height:20px;z-index:20;}
#rememberme:hover{cursor:pointer;}
#rememberme + label{cursor:pointer;position: relative;padding:0 0 0 46px;display:block;text-align:left;margin:15px 0;line-height: 16px;}
#rememberme:not(checked){position:absolute;opacity:0;}
#rememberme:not(checked) + label{position:relative;}
#rememberme:not(checked) + label:before{content: '';position:absolute;top:0;left:0;width:40px;height:20px;border-radius:10px;background: #CDD1DA;box-shadow:inset 0 2px 3px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,.2);}
#rememberme:not(checked) + label:after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:10px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);transition: all .2s;}
#rememberme:checked + label:before{background:#617164;}
#rememberme:checked + label:after {left:22px;}



.language-switcher{display:none !important;}