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

The web application for GraphDB APIs

:root{--gw-success-lighter:#d4edda;--gap:0.8em}.shuttle-multiselect{background-color:#fff;column-gap:var(--gap);display:flex;justify-content:space-between;width:100%}.shuttle-multiselect .shuttle-panel{display:flex;flex:1;flex-direction:column;height:300px;row-gap:var(--gap)}.shuttle-multiselect .shuttle-panel-toolbar{align-items:center;display:flex;height:38px}.shuttle-multiselect .shuttle-panel-toolbar.toolbar-right>:only-child{margin-left:auto}.shuttle-multiselect .shuttle-panel-toolbar .filter-selected{flex:1}.shuttle-multiselect .shuttle-panel-toolbar .selected-items-message{align-items:center;background-color:var(--gw-success-lighter);color:#0000008f;display:flex;flex:1;height:inherit;overflow:hidden;padding:0 1em}.shuttle-multiselect .shuttle-panel-toolbar .selected-items-message:before{color:#0000008f;content:"\e924";font-family:icomoon,sans-serif!important;font-size:1.5em;line-height:1;margin-right:.5em}.shuttle-multiselect .shuttle-panel .options-list{border:1px solid #ccc;height:inherit;overflow-y:auto}.shuttle-multiselect .shuttle-panel .options-list .option-item{align-items:center;display:flex;justify-content:space-between;padding:.1em 1em}.shuttle-multiselect .shuttle-panel .options-list .option-item:hover{background-color:var(--gw-success-lighter)}.shuttle-multiselect .shuttle-panel .options-list .option-item .item-action{font-size:large}