label.required:before {
    content: "* ";
}
/* Logotipo do ecra de entrada.
   Nao usa .navbar-brand: essa classe foi feita para o nome em texto do
   cabecalho e limita as imagens a 20px de altura (app.css), o que deixava o
   logotipo ilegivel. Aqui a altura e livre e a largura acompanha o cartao,
   ate um limite que o impede de ficar gigante em ecras largos. */
.login-brand {
    display: block;
    margin: 0 auto 25px;
    text-align: center;
}

.login-brand img {
    display: inline-block;
    /* width: auto e nao 100%: a largura limita, nao estica. Um logotipo mais
       estreito do que o limite aparece no seu tamanho, em vez de ampliado e
       desfocado; um maior encolhe ate caber. */
    width: auto;
    max-width: 100%;
    max-height: 90px;
    height: auto;
    margin: 0;
    vertical-align: middle;
}