.groupPathComponent {

}

    .groupPathComponent .pathsListContainer {
        position: absolute;
        z-index: 9999;
        font-family: GlowRegular;
        font-size: 13px;
        border-radius: 4px;
        background-color: #ffffff;
        box-shadow: 0px 0px 2px rgba(70, 89, 191, 0.3), 0px 2px 4px rgba(0, 41, 199, 0.2);
        padding: 16px;
        max-width: 640px;
        color: #808080;
        opacity: 0;
        transform: translate(-50%, -100%);
    }

        .groupPathComponent .pathsListContainer.isLoaded {
            opacity: 1;
        }

        .groupPathComponent .pathsListContainer .arrow-container {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            margin-left: -0.5em;
            bottom: -10px;
            left: 52%;
            border: 6px solid black;
            border-color: transparent transparent #FFFFFF #FFFFFF;
            transform-origin: 0 0;
            transform: rotate(-45deg);
            box-shadow: -3px 3px 4px 0 rgba(0, 41, 199, 0.2);
        }


        .groupPathComponent .pathsListContainer .containerTitle {
            font-family: GlowSemiBold;
            font-size: 14px;
            color: #4A4A4A;
            margin-bottom: 10px;
        }

        .groupPathComponent .pathsListContainer .path {
            display: flex;
            margin-bottom: 10px;
        }

            .groupPathComponent .pathsListContainer .path.withWrapping {
                flex-wrap: wrap;
            }

            .groupPathComponent .pathsListContainer .path .groupName {
                font-family: GlowRegular;
                color: #5774e7;
            }

                .groupPathComponent .pathsListContainer .path .groupName:hover {
                    cursor: pointer;
                    text-decoration: underline;
                    color: #5774e7;
                }

            .groupPathComponent .pathsListContainer .path .slash {
                color: #808080;
                margin: 0 4px;
            }

            .groupPathComponent .pathsListContainer .path .slash.isTheFirst {
                margin-left: 0;
            }

    .groupPathComponent .selectedGroupPath {
        display: flex;
        overflow: hidden;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-start;
        width: 350px;
        margin-left: 5px;
    }
    
        .groupPathComponent .selectedGroupPath .groupNameContainer {
            flex: 0 1 auto;
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
            align-items: flex-end;
            justify-content: flex-start;
            min-width: 15px;
        }

        .groupPathComponent .selectedGroupPath .groupNameContainer .groupName {         
            max-width: 280px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .groupPathComponent .selectedGroupPath .slash {
            color: #808080;
            margin-left: 4px;
            flex: 0 0 5px;
            margin-right: 4px;
            width:5px;
        }

        .groupPathComponent .selectedGroupPath .severalPathsIcon {
            cursor: pointer;
        }

            .groupPathComponent .selectedGroupPath .severalPathsIcon img {
                vertical-align: middle;
            }