@import "webstatic:/static/global.less";
.branch-permissions-table {
    display: none;

    tbody:hover td,
    tbody.active td{
        background-color: #eeeeef;
    }

    &  ul.menu > li {
        display: block;
        float: none;
    }

    tr[data-id] {
        border-bottom-color: @secondaryHighlight;

        &:last-child {
            border-bottom-color: @dividerColor;
        }
    }

    .secondary-font-color {
        color: @secondaryTextColor;
    }

    .aui-icon{
        color: @aui-iconfont-color;
        margin-right: @halfSpacing;
    }

    .avatar-everyone {

        div, span {
            vertical-align: middle;
        }

        span {
            padding-right: @baseSpacing;
            color: @placeholderTextColor;
        }

        .avatar-image {
            .square(@auiIconSmall);
            margin-right: @baseSpacing;
            background-image: url(images/everyone-grey.png);
            background-size: contain;
            display: inline-block;
        }
    }

    .branch-type-description {
        color: @secondaryTextColor;
        font-size: @font-size-small;
        padding: 3px 0;
    }

    .branch-model-url {
        font-size: @font-size-small;
        padding: 0;
        height: auto;
    }



    .branch-name-cell {
        word-wrap: break-word;
        max-width: 300px;
    }

    ul, li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    li {
        .text-overflow();
        margin-top: @halfSpacing;
        max-width: 200px;

        &:first-child {
            margin-top: 0;
        }

        .avatar-with-name .aui-avatar {
            vertical-align: text-bottom;
        }
    }

    tbody {
        tr {
            .cell-actions > a {
                display: none;
            }

            &:nth-child(2) .cell-actions > a {
                display: inline-block;
            }

            .cell-actions {
                text-align: right;

                a {
                    padding-left: @baseSpacing;
                    vertical-align: middle;
                }

                > .spinner {
                    .square(@auiIconSmall);
                    padding-left: @auiIconSmall;
                    vertical-align: middle;
                    display: none;
                }

                > .spinner.show {
                    display: inline-block;
                }
            }
        }
    }

    .cell-users-or-groups {
        .user-avatar.user-avatar, // selector war with .avatar-with-name .aui-avatar.aui-avatar-xsmall
        .group-avatar {
            margin-right: @baseSpacing;
        }
    }
}

.delete-confirm-dialog .aui-dialog2-content {
    word-wrap: break-word;
}
