html {
    height: 100%;
}

.tmg-logon-input {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.login {
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .login.impersonate .login-box
    {
        margin-top:30%;
    }

    .login header {
        position: absolute;
        padding: 15px;
        margin: 0 -15px;
        width: 100%;
        z-index: 10;
    }

        .login header:after {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            content: ' ';
            background-color: #fff;
            opacity: 0.7;
            z-index: -1;
        }

        .login header .logo {
            margin: 0;
        }

    .login .login-box {
        position: relative;
        margin-top: 125px;
        border: 1px solid #dedede;
        background-color: rgba(255, 255, 255, 0.85);
        padding: 25px;
        width: 380px;
        margin-left: auto;
        margin-right: auto;
    }

@media (min-width: 768px) and (min-height: 600px) {
    .login .login-box {
        bottom: 25px;
        position: absolute;
        right: 10%;
    }
}

.login .login-box input {
    border-radius: 0;
    padding: 2px;
    padding-left: 5px;
}