@import "/static/global.less";

#user-groups-table {
    &.no-rows {
        display: table;
    }

    .group-avatar {
        margin-right: @baseSpacing;
    }

    .aui-lozenge-success {
        margin-left: @baseSpacing;
    }

    // the multi-selectors' styles should be consistent with the ones
    // on the global permission UI; see permission-table.css and
    // permission/multi-selector.less
    .groups-multi-selector-container {
        background-color: @bodyBackgroundColor;
        border-top: 1px solid @dividerColor;

        .aui-item + .aui-item {
            width: 250px;
        }

        .groups-multi-selector {
            max-width: none; // @aui-override
            vertical-align: top;
        }
    }
}
