graphdb-workbench/dist/css/multiselect-search.css

The web application for GraphDB APIs

.multiselect{border-radius:0;display:inline-block;font-size:14px;position:relative;width:100%}.multiselect-button{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;padding:.5rem .75rem;width:100%}.multiselect-button:focus{outline:2px solid #5b9dd9;outline-offset:2px}.multiselect-menu{background:#fff;border:1px solid #dcdcdc;box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;flex-direction:column;left:0;max-height:320px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:1000}.multiselect-search{border:0;border-bottom:1px solid #eee;outline:none;padding:.6rem .75rem;width:100%}.multiselect-search-wrapper{position:relative}.multiselect-search-icon{pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.multiselect-button .button-placeholder{color:#55595c;font-size:16px}.multiselect-row:hover{background:#f5f7fb}.multiselect-row--selectall{border-bottom:1px solid #f0f0f0}.multiselect-list{overflow:auto}.multiselect-empty{color:#777;font-style:italic;padding:.75rem}.multiselect-row{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem}.multiselect-row .multiselect-label-wrapper{align-items:center;color:#55595c;cursor:pointer;display:flex;flex:1 1 auto;gap:.5rem}.multiselect-row .multiselect-label{align-items:center;display:flex}.multiselect-checkbox-input{accent-color:var(--primary-color);height:16px;margin:0;width:16px}.multiselect-count{color:#6b7280;font-size:12px}.multiselect-button .multiselect-caret{border-bottom:2px solid #55595c;border-right:2px solid #55595c;display:inline-block;height:.5em;margin-left:.35rem;transform:rotate(45deg);vertical-align:middle;width:.5em}