#login,
#forgot-password {
    .logo {
        display: block;
        margin-bottom: 10px;
        img {
            height: 40px;
        }
    }
    .login-header {
        display: block;
        width: 80%;
        margin: 0 auto 25px auto;
        text-transform: uppercase;
        h2 {
            font-size: 1.8em;
            font-weight: bold;
            letter-spacing: 1.5px;
            line-height: 1em;
        }
    }
    form {
        input[type="text"],
        input[type="password"] {
            text-align: left;
            border-radius: 2px;
            font-size: 14px;
        }
        .m1-button.m1-button-login {
            font-size: 14px;
            border-radius: 2px;
            text-transform: uppercase;
        }
    }
}

#login {
    padding-top: 10px;
    form {
        width: 80%;
        input[type="text"],
        input[type="password"] {
            text-align: left;
            border-radius: 2px;

        }
        .login-header {
            h2:before {
                content: "Nike Product Testing";
            }
        }
    }
    .register {
        a {
            font-family: $header-font;
            display: block;
            width: 100%;
            font-size: 14px;
            border-radius: 2px;
            border: 1px solid $energized;
            padding: 4px 12px;
            height: 35px;
            text-transform: uppercase;
            line-height: 25px;
            color: $energized;
        }
    }
    .m1-button.m1-button-login[disabled="disabled"] {
        background: $energized;
        border-color: $energized;
    }
}

#forgot-password {
    padding-top: 20px;
}

// Tests screen
.tests {
    .tests-home {
        .bar.bar-header {
            padding-bottom: 0;
            padding-top: 0;
            background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 75%);
            .title {
                height: $bar-height;
                margin-left: 60px;
                margin-right: 60px;
            }
            .button-bar {
                text-transform: uppercase;
                top: 0;
                height: 100%;
                line-height: 49px;
                .button {
                    color: #a6a6a6;
                    font-weight: 600;
                    font-size: 16px;
                    span.nav-item {
                        padding-top: 5px;
                        height: $bar-height - 1px;
                        display: block;
                        font-weight: normal;
                        width: 75px;
                        margin-left: auto;
                        margin-right: auto;
                        span.test-action-badge {
                            position: absolute;
                            top: 8px;
                            margin-left: 2px;
                        }
                    }
                }
                .button.active {
                    background: none;
                    color: black;
                    span.nav-item {
                        border-bottom: 2px solid black;
                        border-radius: 0;
                        font-weight: normal;
                        position: relative;
                        span.test-action-badge {
                            color: white;
                        }
                    }
                }
            }
        }
        .current-tests,
        .pending-tests {
            .no-tests {
                background: #E6E7E8;
                border: none;
                h3 {
                    font-weight: 700;
                    color: #808285;
                    margin-top: 10px;
                }
            }
            .item {
                border-bottom: none;
                border-top: none;
                margin-bottom: 0;
                margin-top: 0;
            }
            .test-header {
                text-align: center;
                background: black;
                color: white;
                text-transform: uppercase;
            }
        }
        .current-tests {
            .test-cover-photo {
                .info-button-container {
                    padding: 10px;
                    .info-button {
                        background: $energized;
                        color: white;
                    }
                }
            }
        }
        .pending-tests {
            .row.to-respond {
                padding: 0;
                .decline-button {
                    color: $energized;
                    border: 1px solid $energized;
                    background: white;
                }
                .col:first-child {
                    .info-button {
                        background: black;
                        color: white;
                    }
                }
            }
        }
        .survey-name-row {
            padding: 0;
            .survey-name-col {
                padding: 0;
                background: black;
                .survey-name {
                    text-transform: uppercase;
                    border-bottom: none;
                    color: white;
                    font-weight: bold;
                    font-size: 17px;
                    padding-top: 10px;
                }
            }
        }
    }
}

.survey-question-list {
    .survey-question {
        .profile-question {
            font-weight: normal;
            color: black;
        }
        .radio-content {
            color: #666666;
        }
        .item-checkbox {
            color: #666666;
        }
        .comment-header {
            color: black;
            font-weight: normal;
        }
        .item-radio input:checked + .radio-content {
            color: black;
        }
        color: #666666;
    }
}

.bar.bar-header {
    text-transform: uppercase;
    .button {
        color: black;
    }
}

.profile-content {
    .profile-list {
        .input-label {
            text-transform: uppercase;
        }
    }
}

.meshicon-wearlog:before {
    @extend .meshicon-general;
    content: "\e90c";
}

.meshicon-surveys2:before {
    @extend .meshicon-general;
    content: "\e90d";
}

.meshicon-perfzone:before {
    @extend .meshicon-general;
    content: "\e90e";
}

.meshicon-camera:before {
    @extend .meshicon-general;
    content: "\e90f";
}

.meshicon-home:before {
    font-family: Ionicons;
    content: "\f144";
}

.meshicon-mailbox:before {
    font-family: FontAwesome;
    content: "\f01c";
}

.meshicon-profile:before {
    font-family: Ionicons;
    content: "\f213";
}