<div class="disable-select" style="text-shadow: 0px 0px 2px #3c3c3c;transition: all 0.3s ease-in-out 0s;position: absolute;right: 0;bottom: 0;width: 240px;max-width: 45%;text-align: right;font-size: 14px;">
    <div style="color: #808080;font-size: 12px;padding: 0 10px 4px 0;">
        <span id="symbolcount">0</span><span>/</span><span id="symboltotal">0</span><span> Symbols</span>
        <br/>
        <span id="containercount">0</span><span>/</span><span id="containertotal">0</span><span> Containers</span>
    </div>
    <div>
        <div id="expandbutton" style="position: relative;width: 30px;height: 30px;float: left;margin-left: 8px;font-size: 16px;text-align: center;color: white;text-shadow: none;">
            <i style="position: absolute;transform: translate(-50%, -50%);top: 50%;pointer-events: none;" class="fas fa-expand-alt"></i>
        </div>
        <div id="layersearchcontainer" style="color: #808080;font-size: 12px;padding: 0 10px 4px 0;">
            <div style="position: relative;height: 30px;background: #80808040;border-radius: 6px;margin-left: 60px;">
                <div style="position: absolute;top: 0;left: 12px;bottom: 0;right: 30px;">
                    <input id="layersearchtextfield" style="padding: 0;height: 100%;border: none;text-align: right;position: relative;top: 0;left: 0;color: white;outline: none;font-family: Verdana;font-weight: bold;font-size: 12pt;width: 100%;" type="text" class="gradient-text">
                </div>
                <div id="searchbutton" style="position: absolute;right: 0;top: 0;bottom: 0;width: 30px;font-size: 14px;text-align: center;color: white;text-shadow: none;">
                    <i style="position: absolute;transform: translate(-50%, -50%);top: 50%;" class="fas fa-search"></i>
                </div>
            </div>
        </div>
    </div>
    <div id="listview" style="max-height: 180px;overflow-x: hidden;overflow-y: scroll;scrollbar-width: thin;scrollbar-color: rgba(255,255,255,0.2) rgba(0,0,0,0);"></div>
</div>