/* Search panel for long native selects — see scripts/searchselect.js. Lives on , above popups. */ .sbss-panel { display: none; position: fixed; z-index: 2147483000; background: white; border: 1px solid #c8c6c4; border-radius: 4px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18); font-size: 12px; color: #323130; } .sbss-input { display: block; box-sizing: border-box; width: calc(100% - 12px); height: 30px; margin: 6px; padding: 0 8px; border: 1px solid #c8c6c4; border-radius: 4px; font-size: 13px; outline: none; } .sbss-input:focus { border-color: #0078d4; } .sbss-list { max-height: 250px; overflow-y: auto; border-top: 1px solid #ddd; } .sbss-item, .sbss-empty { height: 30px; line-height: 30px; padding: 0 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .sbss-item.sbss-active { background: #0078d4; color: white; } .sbss-item.sbss-disabled, .sbss-empty { color: #999; cursor: default; } .sbss-item:not(.sbss-active):not(.sbss-disabled):hover { background: #f3f2f1; }