body {
    /*background: url('../../assets/img/bg_login.png') repeat;*/
    /*background: url('../../assets/img/bg_login_3.png');
    background-size: cover;*/
    
    /* fallback for old browsers */
  background: #557d18;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(135deg, #2b2f33, #4a6c15);

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(135deg, #2b2f33, #4a6c15);

  /* o degradê cobre a tela inteira, sem repetir */
  min-height: 100vh;
  background-attachment: fixed;
}

.login-block {
    width: 320px;
    padding: 20px;
    padding-bottom: 15px;
    background: rgba(33, 37, 41, 0.6);/*#557d18;*/
    border-radius: 5px;
    /*border-top: 5px solid #557d18;*/
    /*border-bottom: 1px solid #d92b32;
    border-left: 1px solid #d92b32;
    border-right: 1px solid #d92b32;*/
    margin: 0 auto;
}

.login-block h1 {
    text-align: center;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

.center-a {
    text-align: center;
    font-size: 13px;
    padding-top: 10px;
}

h1 {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.login-block input {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 14px;
    /*font-family: Montserrat;*/
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    padding: 0 20px 0 50px;
    outline: none;
}

.login-block input#username {
    background: #fff url('../../assets/img/login_login.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#username:focus {
    background: #fff url('../../assets/img/login_login.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#password {
    background: #fff url('../../assets/img/login_pass.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#password:focus {
    background: #fff url('../../assets/img/login_pass.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input:active, .login-block input:focus {
    border: 1px solid #557d18;
}

.login-block button {
    width: 100%;
    height: 40px;
    background: #557d18;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #4a6c15;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    /*font-family: Montserrat;*/
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    outline: none;
    cursor: pointer;
}

.login-block button:hover {
    background: #4a6c15;
}

#mensagem {
    color: white;
    font-size: 12px !important;
    margin: 10px 0 0 0;
}

a {
    color: #557d18;
}

a:hover {
    text-decoration:underline;
    font-weight:bold;
    color: #4a6c15;
}