div.dt-searchPanes { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-content: flex-start; align-items: stretch; height: 200px; } div.dt-searchPanes div.pane { position: relative; flex: 1; margin: 1em 0.5%; border: 1px solid #ccc; border-radius: 3px; } div.dt-searchPanes div.pane button[type=button] { display: none; } div.dt-searchPanes div.pane.filtering button[type=button] { display: block; position: absolute; right: 6px; top: 6px; border: 1px solid #999; background: rgba(0, 0, 0, 0.1); border-radius: 16px; cursor: pointer; } div.dt-searchPanes div.pane.filtering button[type=button]:hover { background: rgba(0, 0, 0, 0.2); } div.dt-searchPanes div.pane div.title { box-sizing: border-box; height: 36px; padding: 9px 0.35em; font-size: 1.1em; background-color: #e8e9eb; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } div.dt-searchPanes div.pane div.scroller { position: absolute; top: 36px; bottom: 0; left: 0; right: 0; overflow: auto; } div.dt-searchPanes div.pane div.scroller ul { list-style: none; margin: 0; padding: 0; } div.dt-searchPanes div.pane div.scroller ul li { position: relative; margin: 0; padding: 0; cursor: pointer; } div.dt-searchPanes div.pane div.scroller ul li:nth-child(odd) { background: rgba(0, 0, 0, 0.03); } div.dt-searchPanes div.pane div.scroller ul li.selected { background: #3276b1; color: white; } div.dt-searchPanes div.pane div.scroller ul li span.label { display: inline-block; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 85%; vertical-align: middle; padding: 0.2em 0.3em; } div.dt-searchPanes div.pane div.scroller ul li span.count { display: inline-block; width: 14%; margin-right: 1%; font-size: 0.8em; text-align: center; background-color: rgba(50, 118, 177, 0.5); border-radius: 3px; }