/* tela de login: mesmo visual com ou sem o tema novoati */

@font-face { font-family: 'inter'; font-weight: 400; font-display: swap; src: url(../fonts/novoati/Inter-Regular.woff2) format('woff2'); }
@font-face { font-family: 'inter'; font-weight: 600; font-display: swap; src: url(../fonts/novoati/Inter-SemiBold.woff2) format('woff2'); }
@font-face { font-family: 'inter'; font-weight: 700; font-display: swap; src: url(../fonts/novoati/Inter-Bold.woff2) format('woff2'); }

html, html body.pagina-login { height: 100%; }

html body.pagina-login {
  font-family: inter, 'Helvetica Neue', Arial, sans-serif;
  color: #131D45;
  background: #131D45 linear-gradient(rgba(19, 29, 69, .55), rgba(19, 29, 69, .80)), url(../../../../imagens/bg_login.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}

.login-tela {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px 72px;
}

.login-card {
  width: 100%;
  max-width: 380px;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .30);
  padding: 32px 32px 28px;
}

.login-marca { text-align: center; margin-bottom: 24px; }
.login-marca img { max-width: 180px; height: auto; }
.login-marca small { display: block; margin-top: 8px; color: #6b7280; font-size: 12px; letter-spacing: .3px; }

.login-titulo { margin: 0 0 18px; font-size: 18px; font-weight: 700; color: #131D45; }

html body.pagina-login .login-card .alert { border-radius: 6px; font-size: 13px; padding: 10px 12px; }

html body.pagina-login .login-card label { color: #131D45; font-weight: 600; font-size: 13px; margin-bottom: 6px; }

.campo-icone { position: relative; }
.campo-icone > .glyphicon {
  position: absolute;
  left: 13px;
  top: 13px;
  color: #9ca3af;
  z-index: 3;
  pointer-events: none;
}

html body.pagina-login .login-card .form-control {
  height: 42px;
  padding-left: 38px;
  background-color: #F4F4F4;
  border: 1px solid #F4F4F4;
  border-radius: 6px;
  box-shadow: none;
  color: #131D45;
  font-size: 14px;
}
html body.pagina-login .login-card .form-control:focus { border-color: #0879BD; background-color: #ffffff; box-shadow: 0 0 0 3px rgba(8, 121, 189, .15); }
html body.pagina-login .login-card .campo-senha .form-control { padding-right: 42px; }

.ver-senha {
  position: absolute;
  right: 4px;
  top: 4px;
  height: 34px;
  width: 34px;
  border: 0;
  background: transparent;
  color: #9ca3af;
  z-index: 3;
}
.ver-senha:hover, .ver-senha:focus { color: #131D45; outline: none; }

html body.pagina-login .login-card .checkbox-inline { padding-left: 22px; font-weight: 400; font-size: 13px; color: #374151; }

.login-acoes { margin-top: 22px; }

html body.pagina-login .login-card .btn-entrar {
  width: 100%;
  height: 44px;
  border: 0;
  border-radius: 6px;
  background-color: #131D45;
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
}
html body.pagina-login .login-card .btn-entrar:hover,
html body.pagina-login .login-card .btn-entrar:focus { background-color: #2450a6; color: #ffffff; }

/* rodape.php vem com cor inline */
html body.pagina-login footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent !important;
  color: rgba(255, 255, 255, .75) !important;
  font-size: 12px;
}
html body.pagina-login footer .container { padding-top: 0 !important; }

@media (max-width: 480px) {
  .login-card { padding: 24px 20px 22px; }
  html body.pagina-login footer { position: static; }
  .login-tela { padding-bottom: 16px; min-height: calc(100% - 50px); }
}