html {font-size: 16px;}
body {background: #001e6c;display: block;position: relative;/* overflow:hidden; */}
body div#login {background: #000;width: 378px;height: 100%;padding: 0 24px 0;display: flex;flex-direction: column;justify-content: center;position: fixed;top: 0;right: -381px;}
.login h1{padding:0 24px}
#login h1 a, .login h1 a {width: 100%;height: 79px;padding: 0;background-size: 100%;margin: 0 0 32px 0;background-position: center;}
.login form {border: none;background: none;margin-top: 0;padding: 16px 24px 14px;}
.login form label{color: #a9a9a9;}
.wp-core-ui #wp-submit{}

.login #loginform p,
.login .wp-pwd
{margin-bottom: 16px;}
.login #loginform input[type=password],
.login #loginform input[type=text]{margin-bottom: 0;}
.login #loginform .login_erro_label{color: #cccccc;height: 22px;border-left: 4px solid #d63638;margin: 4px 0 0 0;padding: 0 0 0 10px;}

.login #backtoblog{margin: 20px 0 0;color:#ccc}
.login-action-login #backtoblog{ margin: 4px 0 0;color:#ccc}
.login #backtoblog > a{margin:10px 0 22px}
.login #backtoblog label{font-weight:normal;width: 100%;}
.login #backtoblog p{font-size: 14px;}
.login #backtoblog p a{/* font-weight:bold; */color:#3582c4}

.wp-core-ui .button-primary:hover{background: #c09300;border-color: #e0a700;color: black;}


.login #lostpasswordform p.submit
{display:flex;justify-content: space-between;flex-wrap: wrap;}

.login #nav{margin:0;}
.login #nav label{width:100%;color: #ccc;font-weight: normal;}
.login #nav label span{color:#3582c4}
.login-action-login #nav a{margin: 7px 0 19px 0;}

#resetpassform .description.indicator-hint{display: none;}

input[type=checkbox]{margin:0 0 0 0;margin-top: -2px;}
.forgetmenot label{margin: 0px 0 -2px 0;padding: 0px 0 0 0;}

.login #login_error,.login .message,.login .success {margin: 0px 24px;}

body div#login .cadeado{position: absolute;top: 20%;left: -67px;background: #000;padding: 10px 24px;font-size: 30px;color: #fff;border-radius: 8px 0 0 8px;cursor: pointer;}
body div#login .cadeado > span{position: absolute;top: 64px;left: 0;font-size: 16px;width: 100%;text-align: center;}

body.aberto div#login {right:0;}

.page-login{display: flex;flex-direction: column;height: 100%;justify-content: space-between;text-align: center;background-position: center;background-repeat: no-repeat;background-size: cover;}
.page-login .logo{padding: 43px 0 0 0;}
.page-login .logo a{display: block;}
.page-login .logo img{width: 193px;}
.page-login .mensagens{color:#fff;margin: 6px auto 0;width: 288px;background-color: #0000008c;padding: 12px;border-radius: 8px;position: relative;}
.page-login .mensagens h5{font-size: 18px;margin: 0 0 14px 0;}
.page-login .mensagens h5 a{color:#fff;}
.page-login .mensagens h5 img{width: 31px;margin: 0px 13px 10px 0;}
.page-login .mensagens div.hover{background-color:#0000;border:1px solid #000000c4;text-align: left;padding: 8px 6px 8px 6px;border-bottom: none;}
.page-login .mensagens div.hover:last-child{border-bottom:1px solid #000000c4;}
.page-login .mensagens div > i{margin: 0 8px 0 0;font-size: 22px;}
.page-login .mensagens div > a{color:#fff;line-height: 28px;display: flex;align-items: center;}
.page-login .mensagens div img{width: 26px;height: 26px;padding: 2px;margin: 0px 15px 0 0;}
.page-login .mensagens div a:hover{text-decoration:none;}
.page-login .mensagens div.hover:hover{background-color:#000000fa;border-left:4px solid #ffc300}

.page-login .mensagens .certificado a{line-height: 18px;}
.page-login .mensagens .certificado img{width: 33px;height: 34px;padding: 2px;margin: 0px 8px 0 0;}
.page-login .mensagens .certificado div div:first-child{color:#ffc300;font-size: 12px;}

.page-login .social{color:#fff;margin: 15px auto 0;width: 284px;}
.page-login .social a{font-size:20px;color:#fff;padding: 9px 12px;background-color: #1c1917a1;border-radius: 3px;}
.page-login .social a:hover{background-color: #ffc300d9;}
.page-login .social a i{}

.page-login .abaixo{color:#fff;padding: 12px 0 0 0;}
.page-login .abaixo a{display: inline-block;}
.page-login .abaixo > div > a img{margin: 0 0 19px;width: 100px;}
.page-login .footer{padding: 12px 0 12px;color:#fff;background: #0a4b7882;border-top: 4px solid #ffc300;margin: 24px 0 0 0;}
.page-login .footer .content{text-align: center;}
.page-login .footer .content a img{width: 76px;}
.page-login .footer a{color:#fff}

.login form .input, .login input[type=password], .login input[type=text]{font-size: 16px;}

.login #login_error, .login .message, .login .success{background-color: inherit;color: #cccccc;padding: 0px 12px 0;margin-top: 11px;}
.login #login_error a{color:#ff6567}
.login .label_login{color: #cccccc;margin: 0 24px;border-left: 4px solid #72aee6;padding: 0px 12px;}

.login .privacy-policy-page-link{display: none;}

.login-action-rp .button{font-size: 14px;border-radius:3px}
.login-action-rp .wp-generate-pw{border-color: #fff;color: #50575e;}
.login-action-rp #nav{margin:12px 0 0 0;}
.login-action-rp .pw-weak.nao_clicar{display: none!important;}

.login-action-resetpass #nav{margin:28px 0 8px 0;}

body div#login,
.page-login,
.page-login .mensagens div,
.transacao{
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}

@media (min-width: 768px){
}
@media  (min-width:993px) and (max-width:1200px){
	body.aberto .page-login{padding: 0 270px 0 0;}
}
@media (min-width: 768px) and (max-width:992px){
	.page-login .logo a img{width: 182px;}
	.page-login .mensagens{padding: 12px;width: 288px;}
	body.aberto .page-login{padding: 0 327px 0 0;}
	body div#login{padding: 0px;width: 336px;right: -332px;}
}
@media screen and (max-width: 767px) {
	.page-login .logo a img{width: 25%;min-width: 176px;}
	.login #login_error,.login .message,.login .success {/* margin-top: 11px; */}
	.page-login .mensagens{padding: 12px;width: 46%;min-width: 224px;max-width: 288px;}
	body div#login .cadeado{top:10px;}
    body div#login {float: none;}
	body.aberto div#login{width:100%;background: #000000f9;}
	body.aberto div#login .cadeado{left: 0;background: #4b4b4b;border-radius: 0px 8px 8px 0px;padding: 4px 12px;}
}
@media screen and (max-width: 448px){
	.page-login .logo img{width: 144px;}
	body{overflow:scroll;}
}

@media screen and (max-width: 280px){
	.page-login {width: 280px;}
}