div.layerWindow
{
    position:absolute;
    display:none;
    flex-direction: column; 
    gap: 1px;
    top:5px;
    bottom: 7px;
    left:44px;
    right:5px;
    overflow: hidden;
    border: 0px solid transparent;
}

div.layerTable
{
    padding-bottom: 4px;
    font-size: 13px;
    font-weight: normal;    
    overflow-x: hidden;
    overflow-y: auto;   
}


div.layerTableHeader
{
    display: grid;
    align-items: center;
    height:32px;    
    position: sticky;
    flex: 1;
    top: 0;
    z-index: 10;
    background-color: var(--colorHighLighted2);
    text-align: center;
}

div.layerTableRow
{
    display: grid;
    align-items: center;
    height:32px;
    border-bottom: 1px solid var(--colorBorder1);
    background-color: var(--colorBackground1);
}

div.layerTableRow:last-child
{
    border-bottom: none;
}


div.layerTableRow.selected
{
    background-color:var(--colorSelectionBackground);
}

div.layerTableHover:hover
{
    background-color:var(--colorSelectionBackground);
}

div.layerTableCell 
{
    display: flex;
    align-items: center;    
    height:32px;
    box-sizing: border-box;  
    border-right: 1px solid var(--colorBorder2);
}

div.layerTableCell:last-child
{
    border-right: none;
}

div.layerTableCell > span 
{
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left:4px;
    padding-right:4px;    
}