/* Tela de login (cauth/templates/login.html) — sempre escura, independente do tema do usuário */
html, body { width: 100%; min-height: 100%; background: #343a40; color: #fafafa; }

.login-campos { max-width: 400px; }

#logo img { width: 100%; }
img { max-height: 150px; }

.login-campos input, .login-campos .input-group-text {
  background-color: transparent !important; border: solid 1px transparent !important; color: #8797a4 !important;
}
.login-campos input:focus, .login-campos input:hover { outline: 0 !important; box-shadow: none !important; color: #fafafa !important; }
.login-campos .input-group-text { border-right: none !important; padding-right: 1px; }
.login-campos .input-group {
  border: 1px solid #3b4852 !important; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  transition: all .2s ease-in-out;
}
.login-campos .input-group:focus-within, .login-campos .input-group:hover { background: #3b4852 !important; }

.errornote, .msg_suspensao { margin: 0; color: #ff5e70; max-width: 390px; }
.msg_suspensao { border: 1px solid #3b4852; padding: 20px; border-radius: 3px; }
.msg_suspensao a:link, .msg_suspensao a:active, .msg_suspensao a:visited { color: #eee; }

#entrar, .login-oauth {
  background-color: #3b4852; border-color: #3b4852; color: #fff; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .2);
}
#entrar:hover, .login-oauth:hover { background-color: #3b4852; border-color: #607d8b !important; color: #fff; }

#version { color: #607d8b; }

@media (min-width: 992px) {
  .form-cont { text-align: left !important; }
  #logo { border-right: solid 1px #3b4852; padding: 80px 100px 100px 0; }
  #login { padding-left: 100px; }
}
@media (max-width: 991px) {
  .login-campos { margin: 40px auto; }
  .errornote { margin: auto; }
}
@media (min-width: 2560px) {
  .container { max-width: 1320px; }
}