html, body {
    overflow: hidden !important;
}

#layout-auth {
    padding: 0 50px;
}

#layout-auth__background {
    background: url("../images/banner.jpg") no-repeat center #000;
    background-size: cover;
    height: 100vh;
    width: 100%;
}

#page-login__index {
    text-align: center;
}

#page-login__index #page-login__logo {
    margin-bottom: 30px;
}

#page-login__index #page-login__form {
    text-align: left;
}

#page-login__index #page-login__form .form-group {
    margin-bottom: 15px;
}

#page-login__index #page-login__form .form-group label {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

#page-login__index #page-login__form .reset-password {
    color: #333;
    font-size: 14px;
    text-decoration: underline;
}

#page-login__index #page-login__form .reset-password:hover { text-decoration: none; }

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {
    #layout-auth {
        padding: 0 100px;
    }
}
@media (min-width: 1200px) {}