/* *** CSS LOGIN ***** *//* página de login */
.login-container{
    position: relative;
    width: 360px;
    margin: 20px auto;
    padding: 35px 25px 30px 25px;
    border: 1px solid rgba(89, 89, 89, 0.45);
}
/* Botão para login */
.login-button{
    font-size: 12pt;
    height: 40px;
    width: 300px;
    border-color: #595959;
    color: #f0f0e1;
    background-color: #595959;
    margin: 5px 0px;
}
.login-button:hover{
    background-color: #f0f0e1;
    color: #595959;
}

/* Forms */
.login-input{
    width: 300px;
    margin: 5px 0px;
    font-size: 12pt;
}
.login-checkbox{
    margin: 15px auto 5px auto;
    width: 300px;
    text-align: left;
    font-size: 12pt;
    font-weight: normal;
}
div.form span.required{
    color: red;
}
/* ======  min-width: 320px =============================================*/
@media only screen and (max-width: 479px){
    .login-container{
        width: 260px;
    }
    .login-input, .login-button, .login-checkbox{
        width: 210px;
    }
}