/* ============================================
   Personalização da tela de login do FileBrowser
   ============================================ */

/* Centralizar o card inteiro na tela */
#login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

#login .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 40em;
  margin: 0 auto;
}

/* Forçar o container da imagem a centralizar */
#login .card-content > div,
#login .card-content > a {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  text-align: center !important;
}

/* Ajustar o logo */
#login img {
  width: 15em;
  max-width: 90vw;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Centralizar o formulário */
#login .card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 0.5em;
}

#login form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

#login h1 {
  display: none;
}

#login .card-content > div,
#login .card-content > a {
  position: static !important;
  float: none !important;
  left: auto !important;
  right: auto !important;
}

/* Imagem de fundo da tela de login */
#login {
  background-image: url('/static/img/fundo.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}