.ui-multiselect { padding:2px 0 2px 4px; text-align:left } .ui-multiselect span.ui-icon { float:right } .ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; } .ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important } .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px; height: auto;max-height: unset;display: block;min-height: fit-content;} .ui-multiselect-header ul { font-size:0.9em } .ui-multiselect-header ul li { padding:0 10px 0 0 } .ui-multiselect-header a { text-decoration:none } .ui-multiselect-header a:hover { text-decoration:underline } .ui-multiselect-header span.ui-icon { float:left } .ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0; position: relative;top: 4px;} /* z-index must beat .ui-dialog, which RobotAdminCSS.css raises to 10000 (jQuery UI's own default is only .ui-front{z-index:100}). Both this menu and the dialog are appended to , so they share a stacking context; at an equal z-index the tie is broken by DOM order and the dialog - appended later, when it opens - painted over any dropdown opened inside it. That hid the country/region/city menus behind the "Merge selected cities with" dialog on cities.php and regions.php. 10001 keeps the open menu on top of the dialog it belongs to, and still sits below anything deliberately stacked higher. */ .ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10001; } .ui-multiselect-menu input[type="radio"] { display:none; width:0px;} .ui-multiselect-checkboxes input[type="radio"] { display:none; width:0px;} .ui-multiselect-checkboxes { position:relative /*fixes bug in IE6/7. */; /*causes bug # 4362 overflow-y:scroll;*/ overflow-x:scroll; } .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px } .ui-multiselect-checkboxes label input { position:relative; top:1px } .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border:none } .ui-multiselect-hasfilter ul, .ui-multiselect-checkboxes{ list-style: none } .ui-multiselect-checkboxes{ padding-left: 0px !important; width: 100%; } .ui-multiselect-hasfilter ul {position:relative;top:2px;padding: 0px !important;display: flex;margin: 0px;margin-bottom: 7px;width: 100%;} .ui-multiselect-filter { float:left; margin-right:10px; font-size:11px } .ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; } .ui-multiselect-header ul{ flex-wrap: wrap } .ui-multiselect-header ul li { min-width: fit-content; display: flex; align-items: center; } .ui-multiselect-close { margin-left: auto; } .ui-multiselect-header ul li a { display: flex; align-items: center; }