@CHARSET "UTF-8";  * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
body{
    background-color: #f2f2f2;
    font-family: 'Open Sans', sans-serif;
}
.labelLogin{
    display: block;
    font-size: 0.8em;
    text-transform: uppercase;
    color: #333;
    font-weight: 300;
    margin-bottom: -14px;
    margin-top: 7px;
}
.login_link {
    font-size: 0.8em;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    
}

.recover {
    float: left;
    display: block;
    width: 100%;
    padding: 1px;
    font-size: 1em;
    font-weight: 300;
    background-color: #D8EDF8;
    border-color: #22526A;
    color: #22526A;
    border: 1px solid #333;
    margin-bottom: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: -21px;
}
.login_box {
    text-align: center;

}
.login_logo {
    width: 120px;
    margin-bottom: 20px;
}
.alert {
    padding: 0px;
    margin-bottom: -12px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 3px;
    text-align: center;

}
.alert h4 {
    margin-top: 15px;
    color: inherit;
    margin-bottom: -3px;
}
.login-form { font: 16px/2em Lato, serif; margin: 100px auto; max-width: 400px; }  form[role=login] { color: #5d5d5d; background: #ffffff; padding: 26px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } form[role=login] img { display: block; margin: 0 auto;} form[role=login] input, form[role=login] button { font-size: 18px; margin: 9px 0; } form[role=login] > div { text-align: center; }  .form-links { text-align: center; margin-top: 1em; margin-bottom: 50px; } .form-links a { color: #fff; }