.hierarchy-tab{
    width: 100%;
    .hierarchy-module-list-container{
        padding: 0px 20px 0px 20px;
    }
    .module-data-container{

        width: 100%;
        height: 100%;
        background-color: #e6f6fb;
        border: 1px solid #009fdb;
        border-top: 4px solid #009fdb;
        box-shadow: 0.3px 1px 2px rgba(24, 24, 25, 0.32);

        .module-data {

            .selectable;
            .module-name {
                .f-type._14_m;
                width: 87%;
            }
            .f-type._14_r;
            .f-color.a;
            padding: 10px 0px 10px 0px;
            margin: 0px 20px 0px 20px;
            //border-bottom: 1px solid rgba(0, 159, 219, 0.6);

            .small-font{
                font-size: 12px;
            }
        }

        .list-item{
            padding: 10px 0px 10px 0px;
            margin: 0px 20px 0px 20px;
            &:not(.last){
                border-bottom: 1px solid rgba(0, 159, 219, 0.6);
            }
        }

        .artifact-data{
            .selectable;
            .f-type._12_r;
            .f-color.m;
            .artifact-name {
                .f-type._14_r;
                font-weight: bold;
            }
        }

        .property-data{
            .property-name{
                width: 100%;
                .f-type._14_m;
                font-weight: 400;
                color: @main_color_a;
            }
            .property-info{
                color: @func_color_s;
                .f-type._14_r;
                width: 100%;
            }
        }

        .module-text-overflow {
            max-width: 240px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            //display: inline-block;
        }
    }

    .hierarchy-modules-list{
        .expand-collapse-title{
            .expand-collapse-title-text{
                max-width: 202px;
            }
        }
    }

    .hierarchy-module-member-list {
        overflow: hidden;
        background-color: @main_color_p;
    }

    .edit-name-container {
        float: right;
        border-left: 1px solid #5cc1e7;
        height: 20px;
        width: 12%;

        .sdc-edit-icon {
            float: right;
            cursor: pointer;
            position: relative;
            top: 4px;
            right: 5px;
        }
    }
}