body {
    background: #164f2e; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #1c673c 1%, #164f2e 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#1c673c), color-stop(100%,#164f2e)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #1c673c 1%,#164f2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #1c673c 1%,#164f2e 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #1c673c 1%,#164f2e 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #1c673c 1%,#164f2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c673c', endColorstr='#164f2e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    height:calc(100vh);
    width:100%;
}

@media(min-width:768px){
    .container {
        left: 50%;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.container {
    margin: 0px auto;
    max-width: 400px;
    text-align: center;
    vertical-align: middle;
}

img {
    width: 350px;
    margin: 0px auto 20px auto;
}


form input[type=text], form input[type=password] {
    height: 50px;
}

form button {
    height: 50px;
}
/* mensagens de erro */
.bf-messages a.close {
    text-decoration: none !important;
}
.bf-message {
    display: block;
}
.bf-message .bf-message-icon {
    float: left;
    display: none; /* TODO: verificar por que não está aparecendo.*/
}
.bf-message strong {
    display: block;
}

.login-actions {
    display: grid;
}

.btn-forgot-password, .btn-forgot-password:link, .btn-forgot-password:visited, 
.btn-forgot-password:hover {
    padding: 14px;
    color: #f4f4f5;
    border-radius: 4px;
    border: 1px solid transparent;
}

.form-autenticacao {
    margin-top: 15px;
    border: 1px solid rgba(255,255,255,0.6);
    padding: 15px;
    border-radius: 5px;
    -webkit-box-shadow: 4px 4px 15px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 15px 1px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 15px 1px rgba(0,0,0,0.3);
    background-color: rgba(255,255,255,0.1);
}

.form-autenticacao .input-group input,
.form-autenticacao .input-group spam {
    border: 0px;
    background-color: transparent;
}

.form-autenticacao .checkbox {
    color: white;
    text-align: left;
}