/*************************************************************************
Informations:
    Login Background Color: #CCCCCC
    Dark-Blue Color: #191970
*************************************************************************/


/*************************************************************************
Overwrite Bootstrap
*************************************************************************/

body {
    margin: 0;
    background: #f8f8f8;
}



.navbar-default {
    background-color: #CCCCCC;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #191970;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #191970;
            background-color: transparent;
        }

/*************************************************************************
Specific: Login.html
*************************************************************************/

.login-body {
    margin: 0;
    background: #f8f8f8;
}

.login-div-container {
    margin-top: 14em;
}

.login-div {
    background: #fff;
    border-radius: 1em;
    height: 24em;
    padding: 2em;
    box-shadow: 0px 0px 11px 5px rgba(119, 119, 119, 0.83);
    -moz-box-shadow: 0px 0px 11px 5px rgba(119, 119, 119, 0.83);
    -webkit-box-shadow: 0px 0px 11px 5px rgba(119, 119, 119, 0.83);
}

.login-recuperar-senha {
    color: #191970;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 0.2em;
}

.login-form-control {
    margin-bottom: 1em;
    width: 100%;
    height: 2.5em;
    padding: 0.5em 1em;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.5em;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .login-form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

.login-margin-bottom {
    margin-bottom: 1em;
}

.login-input-user {
    background: url(../img/login-user.png) no-repeat center left;
    background-repeat: no-repeat;
    text-indent: 20px;
}

.login-input-password {
    background: url(../img/login-password.png) no-repeat;
    background-repeat: no-repeat;
    text-indent: 20px;
}

.login-label-suporte {
    margin-top: 0.2em;
}

@media (max-width: 767px) {
    .login-container {
        margin-top: 10em;
    }
}

/*************************************************************************
Specific: RecuperarSenha.html
*************************************************************************/

.password-recover-body {
    margin: 0;
    background: #CCCCCC;
}

.password-recover-div-container {
    margin-top: 14em;
}

.password-recover-div {
    background: #fff;
    border-radius: 1em;
    height: 18em;
    padding: 2em;
    box-shadow: 0px 0px 11px 5px rgba(119, 119, 119, 0.83);
    -moz-box-shadow: 0px 0px 11px 5px rgba(119, 119, 119, 0.83);
    -webkit-box-shadow: 0px 0px 11px 5px rgba(119, 119, 119, 0.83);
}

.password-recover-form-control {
    margin-bottom: 1em;
    width: 100%;
    height: 2.5em;
    padding: 0.5em 1em;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.5em;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .password-recover-form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

.password-recover-input-email {
    background: url(../img/recover-password-arroba.png) no-repeat center left;
    background-repeat: no-repeat;
    text-indent: 20px;
}

.password-recover-login {
    color: #191970;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 0.2em;
}

.password-recover-margin-bottom {
    margin-bottom: 1em;
}