@selected-items-border-color: @theme-green3;
@selected-items-container-bg-color: @theme-green2;
@selected-items-count-color: @theme-green4;
@manage-items-filter-bg-color: @theme-grey14;
@manage-items-filter-border-color: @theme-grey10;
@manage-items-left-side-width: 50%;
@manage-items-right-side-width: 42%;
@manage-items-border-color: @theme-grey10;

#manageGroupModalContent {

    * {
        box-sizing: border-box;
    }

    h2 {
        margin-bottom: 0;
        border-bottom: none;
        box-shadow: none;
    }

    .manage-items__group-name {
        .errorSpan {
            display: inline-block;
        }
    }

    .grid {
        border-top: 0;
    }

    .tableContainer {
        max-height: 400px;
        overflow: auto;
        overflow-x: hidden;
        margin-bottom: 15px;

        table {
            tbody {
                height: auto;
                max-height: 200px;
                overflow-x: hidden;
                overflow-y: auto;
                width: 100%;
            }
        }
    }

    .clearSearch {
        position: relative;
        top: -7px;
        margin-left: -26px;
        z-index: @z-index-manage-group-clear-search;
    }

    .inactiveProperty {
        display: inline-block;
    }

    .manage-items__delete-alert {
        margin-top: -20px;
    }

    .editPanel {
        width: 715px;

        .editPanelHeader {
            display: inline-block;
            width: 335px;
        }

        .editPanelHeader-left {
            width: @manage-items-left-side-width;
            height: 72px;
            margin-right: 10px;
            padding: 8px;
            border: 1px solid @manage-items-filter-border-color;
            background-color: @manage-items-filter-bg-color;
            border-radius: @border-radius-default @border-radius-default 0 0;
        }

        .editPanelHeader-right {
            position: relative;
            top: -45px;
            width: @manage-items-right-side-width;
            padding: 12.5px 0px 12.5px 15px;
            border: 1px solid @selected-items-border-color;
            border-radius: @border-radius-default @border-radius-default 0 0;
            background: @selected-items-container-bg-color;
            color: @selected-items-count-color;
        }

        .side {
            display: inline-block;
            width: 335px;
            height: 310px;
            margin-top: -6px;
            overflow-x: hidden;

            .editItemContainer {
                overflow: hidden;

                &:hover {
                    height: auto;

                    .editItem {
                        white-space: normal;
                    }
                }
            }

            .editItem {
                display: inline-block;
                width: 286px;
                line-height: 25px;
                padding: 5px 10px 0 10px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
        }

        .side-left {
            width: @manage-items-left-side-width;
            margin-right: 10px;
            background: #fff;

            .editItemContainer {
                border-bottom: 1px solid @manage-items-border-color;

                &:hover {
                    cursor: pointer;
                }
            }

            .editItem {
                padding: 2px 10px 2px 27px;
                .icon-property;
                background-position: 0px 7px;
            }

            .editItem-rental {
                .icon-property--Rental;
            }

            .editItem-association {
                .icon-property--Association;
            }

            .editItem-rentalOwner {
                .icon-property--Owner;
            }
        }

        .side-right {
            width: @manage-items-right-side-width;
            height: 349px;
            margin-top: -45px;
            vertical-align: top;
            background: @selected-items-container-bg-color;
            border-color: @selected-items-border-color;
            border-width: 0 1px 1px 1px;
            border-style: solid;
            border-radius: 0 0 @border-radius-default @border-radius-default;

            .editItem {
                width: 235px;
                padding: 5px 0 0 0;
            }
        }

        .add {
            float: right;
            width: 25px;
            padding: 0;
            vertical-align: top;
            margin-top: 6px;
            margin-right: 5px;
        }

        .remove {
            display: inline-block;
            vertical-align: top;
            margin-top: 6px;
            margin-left: 16px;
            text-decoration: none;
        }
    }

    .filterDropDown {
        float: left;
        width: 140px;

        .dropdown__wrapper {
            margin: 7px 0 1px 7px;
        }
    }

    .filterText {
        float: left;
        width: 175px;
        padding-left: 35px;
        margin: 7px 0 0 18px;
        .svgicon--search-grey;
        background-position: 10px center;
    }

    .lblName {
        display: inline-block;
        margin-left: 5px;
    }

    .txtName {
        width: 200px;
        margin-left: 10px;
    }

    .highlighted {
        background: @manage-items-filter-bg-color;
    }
}