.help-tab {
    @include transform(rotate(-90deg));
    @include transform-origin(0 0);
    z-index: z-index(front);
    top: 250px;
    left: 0;
    position: fixed;

    a:link,
    a:visited {
        cursor: pointer;
        border: 1px solid $lms-border-color;
        border-top-style: none;
        border-radius: 0 0 ($baseline/2) ($baseline/2);
        background: transparentize($white, 0.25);
        color: transparentize(palette(grayscale, dark), 0.25);
        font-weight: bold;
        text-decoration: none;
        padding: 6px 22px 11px;
        display: inline-block;

        &:hover,
        &:focus {
            color: $white;
            background: palette(primary, base);
        }
    }
}

.help-buttons {
    padding: ($baseline/2) ($baseline*2.5);

    a:link,
    a:visited {
        padding: ($baseline*0.75) 0;
        text-align: center;
        cursor: pointer;
        background: $white;
        text-decoration: none;
        display: block;
        border: 1px solid $lms-border-color;

        &#feedback_link_problem {
            border-bottom-style: none;
            border-radius: ($baseline/2) ($baseline/2) 0 0;
        }

        &#feedback_link_question {
            border-top-style: none;
            border-radius: 0 0 ($baseline/2) ($baseline/2);
        }

        &:hover,
        &:focus {
            color: $white;
            background: palette(primary, base);
        }
    }
}

#feedback_form {
    input,
    textarea {
        font: {
            size: font-size(base);
            family: $font-family-sans-serif;
        }
        line-height: 1.4;
    }

    textarea[name="details"] {
        height: 150px;
    }
}

#feedback_success_wrapper {
    p {
        padding: 0 $baseline $baseline;
    }
}

.feedback-form-select {
    background: $white;
    margin-bottom: $baseline;
    width: 100%;
}
