4 .chosen-select-deselect {
11 vertical-align: middle;
13 .chosen-container .chosen-drop {
15 border: 1px solid #cccccc;
16 border-bottom-right-radius: 4px;
17 border-bottom-left-radius: 4px;
18 box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
25 .chosen-container.chosen-with-drop .chosen-drop {
29 .chosen-container .chosen-results {
37 -webkit-overflow-scrolling: touch;
39 .chosen-container .chosen-results li {
41 line-height: 1.42857143;
46 .chosen-container .chosen-results li em {
50 .chosen-container .chosen-results li.group-result {
56 .chosen-container .chosen-results li.group-option {
59 .chosen-container .chosen-results li.active-result {
63 .chosen-container .chosen-results li.highlighted {
64 background-color: #337ab7;
65 background-image: none;
68 .chosen-container .chosen-results li.highlighted em {
69 background: transparent;
71 .chosen-container .chosen-results li.disabled-result {
75 .chosen-container .chosen-results .no-results {
79 .chosen-container .chosen-results-scroll {
87 .chosen-container .chosen-results-scroll span {
88 display: inline-block;
93 .chosen-container .chosen-results-scroll-down {
96 .chosen-container .chosen-results-scroll-down span {
97 background: url("chosen-sprite.png") no-repeat -4px -3px;
99 .chosen-container .chosen-results-scroll-up span {
100 background: url("chosen-sprite.png") no-repeat -22px -3px;
102 .chosen-container-single .chosen-single {
103 background-color: #ffffff;
104 background-clip: padding-box;
105 border: 1px solid #cccccc;
106 border-top-right-radius: 4px;
107 border-top-left-radius: 4px;
108 border-bottom-right-radius: 4px;
109 border-bottom-left-radius: 4px;
110 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
118 text-decoration: none;
121 .chosen-container-single .chosen-single span {
125 text-overflow: ellipsis;
128 .chosen-container-single .chosen-single abbr {
129 background: url("chosen-sprite.png") right top no-repeat;
138 .chosen-container-single .chosen-single abbr:hover {
139 background-position: right -11px;
141 .chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
142 background-position: right 2px;
144 .chosen-container-single .chosen-single div {
152 .chosen-container-single .chosen-single div b {
153 background: url("chosen-sprite.png") no-repeat 0 7px;
158 .chosen-container-single .chosen-default {
161 .chosen-container-single .chosen-search {
163 padding: 3px 30px 3px 4px;
168 .chosen-container-single .chosen-search input[type="text"] {
169 background: url("chosen-sprite.png") no-repeat 100% -20px, #ffffff;
170 border: 1px solid #cccccc;
171 border-top-right-radius: 4px;
172 border-top-left-radius: 4px;
173 border-bottom-right-radius: 4px;
174 border-bottom-left-radius: 4px;
175 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
177 padding: 4px 20px 4px 4px;
180 .chosen-container-single .chosen-drop {
182 border-bottom-right-radius: 4px;
183 border-bottom-left-radius: 4px;
184 background-clip: padding-box;
186 .chosen-container-single-nosearch .chosen-search input {
190 .chosen-container-multi .chosen-choices {
191 background-color: #ffffff;
192 border: 1px solid #cccccc;
193 border-top-right-radius: 4px;
194 border-top-left-radius: 4px;
195 border-bottom-right-radius: 4px;
196 border-bottom-left-radius: 4px;
197 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
199 height: auto !important;
206 .chosen-container-multi .chosen-choices li {
210 .chosen-container-multi .chosen-choices .search-field {
215 .chosen-container-multi .chosen-choices .search-field input[type="text"] {
216 background: transparent !important;
217 border: 0 !important;
225 .chosen-container-multi .chosen-choices .search-field .default {
228 .chosen-container-multi .chosen-choices .search-choice {
229 background-clip: padding-box;
230 background-color: #eeeeee;
231 border: 1px solid #cccccc;
232 border-top-right-radius: 4px;
233 border-top-left-radius: 4px;
234 border-bottom-right-radius: 4px;
235 border-bottom-left-radius: 4px;
236 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
240 margin: 6px 0 3px 5px;
241 padding: 3px 20px 3px 5px;
244 .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
245 background: url("chosen-sprite.png") right top no-repeat;
255 .chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
256 background-position: right -11px;
258 .chosen-container-multi .chosen-choices .search-choice-focus {
261 .chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
262 background-position: right -11px;
264 .chosen-container-multi .chosen-results {
268 .chosen-container-multi .chosen-drop .result-selected {
271 .chosen-container-active .chosen-single {
272 border: 1px solid #66afe9;
273 box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
274 transition: border linear .2s, box-shadow linear .2s;
276 .chosen-container-active.chosen-with-drop .chosen-single {
277 background-color: #ffffff;
278 border: 1px solid #66afe9;
279 border-bottom-right-radius: 0;
280 border-bottom-left-radius: 0;
281 box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
282 transition: border linear .2s, box-shadow linear .2s;
284 .chosen-container-active.chosen-with-drop .chosen-single div {
285 background: transparent;
288 .chosen-container-active.chosen-with-drop .chosen-single div b {
289 background-position: -18px 7px;
291 .chosen-container-active .chosen-choices {
292 border: 1px solid #66afe9;
293 border-bottom-right-radius: 0;
294 border-bottom-left-radius: 0;
295 box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
296 transition: border linear .2s, box-shadow linear .2s;
298 .chosen-container-active .chosen-choices .search-field input[type="text"] {
299 color: #111 !important;
301 .chosen-container-active.chosen-with-drop .chosen-choices {
302 border-bottom-right-radius: 0;
303 border-bottom-left-radius: 0;
307 opacity: 0.5 !important;
309 .chosen-disabled .chosen-single {
312 .chosen-disabled .chosen-choices .search-choice .search-choice-close {
318 .chosen-rtl .chosen-single {
322 .chosen-rtl .chosen-single span {
327 .chosen-rtl .chosen-single div {
331 .chosen-rtl .chosen-single abbr {
335 .chosen-rtl .chosen-choices .search-field input[type="text"] {
338 .chosen-rtl .chosen-choices li {
341 .chosen-rtl .chosen-choices .search-choice {
342 margin: 6px 5px 3px 0;
343 padding: 3px 5px 3px 19px;
345 .chosen-rtl .chosen-choices .search-choice .search-choice-close {
346 background-position: right top;
350 .chosen-rtl.chosen-container-single .chosen-results {
354 .chosen-rtl .chosen-results .group-option {
358 .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
361 .chosen-rtl .chosen-search input[type="text"] {
362 background: url("chosen-sprite.png") no-repeat -28px -20px, #ffffff;
364 padding: 4px 5px 4px 20px;
366 .input-group .chosen-container:last-child .chosen-single,
367 .input-group .chosen-container:last-child .chosen-default,
368 .input-group .chosen-container:last-child .chosen-choices {
369 border-top-left-radius: 0px;
370 border-bottom-left-radius: 0px;
372 .input-group .chosen-container:not(:last-child) .chosen-single,
373 .input-group .chosen-container:not(:last-child) .chosen-default,
374 .input-group .chosen-container:not(:last-child) .chosen-choices {
375 border-top-right-radius: 0px;
376 border-bottom-right-radius: 0px;
378 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
379 .chosen-rtl .chosen-search input[type="text"],
380 .chosen-container-single .chosen-single abbr,
381 .chosen-container-single .chosen-single div b,
382 .chosen-container-single .chosen-search input[type="text"],
383 .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
384 .chosen-container .chosen-results-scroll-down span,
385 .chosen-container .chosen-results-scroll-up span {
386 background-image: url("chosen-sprite@2x.png") !important;
387 background-size: 52px 37px !important;
388 background-repeat: no-repeat !important;