.treeGridContainer .name {
    text-align: left;
}

    .treeGridContainer .name > span {
        text-overflow: ellipsis;
    }

    .flatfunctions-processRow > .name {
        cursor: pointer;
        color: fuchsia; /*[{DiagnosticsHub-Hyperlink}]*/
    }

    .flatfunctions-processRow > .name:hover {
        color: fuchsia; /*[{DiagnosticsHub-HyperlinkHover}]*/
        text-decoration: underline;
    }

    .flatfunctions-processRow > .name:focus {
        color: fuchsia; /*[{DiagnosticsHub-HyperlinkHover}]*/
        text-decoration: underline;
    }

    .flatfunctions-processRow.selected > .name {
        color: chartreuse; /*[{plugin-treeview-content-selected-color}]*/
        text-decoration: underline;
    }

    .flatfunctions-functionRow > .name > .indent {
        /* 
            This is the same width and height of the grid expander so 
            that function rows line up with their associated process rows 
        */
        width: 16px;
        height: 16px;
        display: inline-block;
    }

.treeGridContainer .moduleName {
    text-align: left;
}

.treeGridRow.emptyRow > td {
    font-style: italic;
    text-align: center;
    color: chartreuse; /*[{plugin-inactive-color}]*/
}

.treeGridContainer .treeGridRow.emptyRow.selected > td {
    color: inherit;
}

.flatFunctions-usageBar {
    border: 1px solid hotpink; /*[1px solid {CpuUsageTool-FlatFunctionsUsageBarBackground-Background}]*/
    background-color: hotpink; /*[{CpuUsageTool-FlatFunctionsUsageBarBackground-Background}]*/
    margin-left: auto;
    border-radius: .25em;
}

    .treeGridRow.selected .flatFunctions-usageBar {
        background-color: transparent;
    }

.flatFunctions-usageBar > span {
    position: absolute;
    right: 0px;
}

.flatFunctions-goToToolWindow {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 4px;
    bottom: 0px;
    margin: auto;
    width: 1em;
    height: 1em;
    background: url("./Icons/GoToToolWindow.png") no-repeat 0px 0px; /*[ url({diagnosticsHub-goToToolWindow}) no-repeat 0px 0px]*/
    background-position-x: center;
    background-position-y: center;
    background-size: 100%;
}

    .treeGridRow:hover > .name {
        padding-right: calc(1em + 4px);
    }

   .treeGridRow:hover .flatFunctions-goToToolWindow {
        display: inline-block;
    }