html {font-size: 16px;}
body {background: #1e3c72;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;height: 100%;align-items: center;justify-content: center;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: 292px;}

.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;}


/* Fundo animado com partículas */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #64695f, #3d5153);
  background-size: 400% 400%;
  animation: gradientAnimation 10s ease infinite;
  z-index: -1;
}

/* Animação do gradiente */
@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Contêiner central */
.content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  z-index: 1;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



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;}
	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; */}
	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;}
}