/** * multiple-select - Multiple select is a jQuery plugin to select multiple elements with checkboxes :). * * @version v1.5.2 * @homepage http://multiple-select.wenzhixin.net.cn * @author wenzhixin (http://wenzhixin.net.cn/) * @license MIT */ @charset "UTF-8"; .ms-offscreen { clip: rect(0 0 0 0)!important; width: 1px!important; height: 1px!important; border: 0!important; margin: 0!important; padding: 0!important; overflow: hidden!important; position: absolute!important; outline: 0!important; left: auto!important; top: auto!important; } .ms-parent { display: inline-block; position: relative; vertical-align: middle; } .ms-choice { display: block; width: 100%; height: 26px; padding: 0; overflow: hidden; cursor: pointer; border: 1px solid #444; text-align: left; white-space: nowrap; line-height: 26px; color: #999; text-decoration: none; border-radius: 4px; background-color: #303336; } .ms-choice.disabled { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .ms-choice>span { position: absolute; top: 0; left: 0; right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 8px; } .ms-choice>span.placeholder { color: #999; } .ms-choice>div.icon-close { position: absolute; top: 0; right: 16px; height: 100%; width: 16px; } .ms-choice>div.icon-close:before { content: '×'; color: #888; font-weight: bold; position: absolute; top: 50%; margin-top: -14px; } .ms-choice>div.icon-close:hover:before { color: #333; } .ms-choice>div.icon-caret { position: absolute; width: 0; height: 0; top: 50%; right: 8px; margin-top: -2px; border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; } .ms-choice>div.icon-caret.open { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .ms-drop { width: auto; min-width: 100%; overflow: hidden; display: none; margin-top: -1px; padding: 0; position: absolute; z-index: 1000; background: #303336; color: #f5f5f5; border: 1px solid #444; border-radius: 4px; font-family: sans-serif; font-size: 0.95em; } .ms-drop.bottom { top: 100%; box-shadow: 0 4px 5px rgba(0,0,0,0.15); } .ms-drop.top { bottom: 100%; box-shadow: 0 -4px 5px rgba(0,0,0,0.15); } .ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 2px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; box-sizing: border-box; } .ms-search input { width: 100%; height: auto!important; min-height: 24px; padding: 0 5px; margin: 0; outline: 0; font-family: sans-serif; border: 1px solid #aaa; border-radius: 5px; box-shadow: none; } .ms-drop ul { overflow: auto; margin: 0; padding: 0; } .ms-drop ul>li { list-style: none; display: list-item; background-image: none; position: static; padding: .25rem 8px; } .ms-drop ul>li .disabled { font-weight: normal!important; opacity: .35; filter: Alpha(Opacity=35); cursor: default; } .ms-drop ul>li.multiple { display: block; float: left; } .ms-drop ul>li.group { clear: both; } .ms-drop ul>li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ms-drop ul>li label { position: relative; padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; display: block; white-space: nowrap; cursor: pointer; } .ms-drop ul>li label.optgroup { font-weight: bold; font-size: 1.1em; } .ms-drop ul>li.hide-radio { padding: 0; } .ms-drop ul>li.hide-radio:focus,.ms-drop ul>li.hide-radio:hover { background-color: #f8f9fa; } .ms-drop ul>li.hide-radio.selected { color: #f8f9fa; background-color: #007bff; } .ms-drop ul>li.hide-radio label { margin-bottom: 0; padding: 5px 8px; } .ms-drop ul>li.hide-radio input { display: none; } .ms-drop ul>li.option-level-1 label { padding-left: 28px; } .ms-drop input[type="radio"],.ms-drop input[type="checkbox"] { position: absolute; margin-top: .1rem; margin-left: -1.25rem; } .ms-drop .ms-no-results { display: none; }