.view-login {
    position: relative;
    overflow: hidden;
    height: 100%;
    background-color: $color-grey-lightest;
    color: $color-grey-dark;

    .logo-wrapper {
        max-width: 700px;
        height: 58px;
        margin: 145px auto 75px auto;

        .logo {
            background-image:url('../img/whiteout_logo.svg');
            background-repeat: no-repeat;
            background-size: 320px 58px;
            width: 320px;
            height: 58px;
        }
    }

    .content {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;

        b, a {
            color: $color-blue;
        }

        p {
            line-height: 150%;
        }

        div {
            margin: 20px 0;
        }

        input {
            margin-right: 10px;
        }

        input[type=file] {
            background-color: white;
            border-width: 1px;
            border-style: solid;
            border-color: $color-grey-lighter;
            color: $color-grey-input;
            font-size: 1em;
            padding: 4px 4px;
            outline: none;

            &::-webkit-file-upload-button {
                background-color: $color-grey-input;
                border-width: 0px;
                border-style: solid;
                color: white;
                padding: 4px 10px;
                font-family: inherit;
                font-size: inherit;
                line-height: inherit;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                outline: none;
                cursor: pointer;
            }
        }

        .passphrase-label-ok {
            color: green;
        }

        .opt-in-terms {
            .checkbox-wrapper {
                margin-top: 0;
                float: left;
            }
        }
    }
}

.view-login-existing {
}

.view-login-initial {
    .content {
        button {
            margin-right: 10px;
        }
    }
}