/* Tela de Login */

html,
body,
#wrap,
.container-fluid.login {
    height: 100%;
}

.container-fluid.login {
    background: url("../bundles/admin/images/bg-login-pcp.jpg") no-repeat top center;
    background-size: cover;
}

.login-box {
    max-width: 755px;
    margin: 0 auto;
    border: 1px solid #dedede;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #FFF;
}

.login-box .alert {
    margin: 40px 60px -20px;
}

.login-box .page-header {
    margin: 0;
}

.login-box .page-header h2 {
    font-size: 30px;
}

.login-box .form-signin {
    padding: 50px 60px;
}

.login-box .input-group {
    margin-bottom: 25px;
}

.login-box .checkbox {
    margin-top: 22px;
}

.login-box .left-login {
    float: left;
    width: 50%;
}

.login-box .right-login {
    width: 43%;
    float: right;
}

.login-box .teclado-virtual td {
    padding: 0 0 15px 15px;
}

.login-box .teclado-virtual a {
    display: block;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 600px) {
    .login-box .form-signin {
        padding: 20px 25px;
    }
}

@media screen and (max-width: 768px) {
    .login-box .right-login {
        display: none;
    }
    .login-box .form-signin {
        padding: 20px 25px;
    }
    .login-box .left-login {
        float: none;
        width: 100%;
    }
    .login-box {
        max-width: 355px;
    }
    .login-box .page-header h2 {
        font-size: 20px;
    }
}


/*HEADER HACKS*/

#nsj-header .navbar-default {
    background: none;
    padding: 50px 0 0;
}

.container-fluid>.navbar-header {
    margin: 0 auto;
    float: none;
    width: 100%;
    text-align: center;
}

.navbar-default .navbar-collapse {
    display: none !important;
}

#nsj-header .navbar-brand {
    background: none;
    float: none;
}

#wrap>.container-fluid {
    padding-top: 128px;
}