section.course-statusgroups {
    article {
        header {
            h1 {
                a {
                    display: inline;

                    &.no-contentbox-link::before {
                        background-image: none;
                        width: 0;
                    }

                    img {
                        vertical-align: middle;
                        margin-bottom: 2px;
                    }
                }

            }
        }

        section {
            table {
                td.memberactions {
                    text-align: right;
                }

                tbody {
                    tr td {
                        span.member-invisible {
                            font-style: italic;
                            color: var(--light-gray-color);
                        }
                    }
                }

                tfoot {
                    tr td {
                        padding-left: 5px;
                        padding-right: 0;
                    }
                }
            }

            div.statusgroup-no-members {
                font-style: italic;
                margin: 15px;
            }
        }

        &.draggable.open {
            background-color: var(--white);
        }

    }

    footer {
        background-color: var(--color--table-header);
        font-size: medium;
        padding: 5px 5px 5px 18px;
        text-align: left;
    }

    &.ui-sortable {
        article.ui-sortable-placeholder {
            border-style: dotted;
        }
    }
}