2 box-sizing: border-box;
6 vertical-align: middle; }
7 .select2-container .select2-selection--single {
8 box-sizing: border-box;
13 -webkit-user-select: none; }
14 .select2-container .select2-selection--single .select2-selection__rendered {
19 text-overflow: ellipsis;
20 white-space: nowrap; }
21 .select2-container .select2-selection--single .select2-selection__clear {
23 .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
26 .select2-container .select2-selection--multiple {
27 box-sizing: border-box;
32 -webkit-user-select: none; }
33 .select2-container .select2-selection--multiple .select2-selection__rendered {
34 display: inline-block;
37 text-overflow: ellipsis;
38 white-space: nowrap; }
39 .select2-container .select2-search--inline {
41 .select2-container .select2-search--inline .select2-search__field {
42 box-sizing: border-box;
47 .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
48 -webkit-appearance: none; }
51 background-color: white;
52 border: 1px solid #aaa;
54 box-sizing: border-box;
64 .select2-results__options {
69 .select2-results__option {
72 -webkit-user-select: none; }
73 .select2-results__option[aria-selected] {
76 .select2-container--open .select2-dropdown {
79 .select2-container--open .select2-dropdown--above {
81 border-bottom-left-radius: 0;
82 border-bottom-right-radius: 0; }
84 .select2-container--open .select2-dropdown--below {
86 border-top-left-radius: 0;
87 border-top-right-radius: 0; }
89 .select2-search--dropdown {
92 .select2-search--dropdown .select2-search__field {
95 box-sizing: border-box; }
96 .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
97 -webkit-appearance: none; }
98 .select2-search--dropdown.select2-search--hide {
101 .select2-close-mask {
115 background-color: #fff;
116 filter: alpha(opacity=0); }
118 .select2-hidden-accessible {
119 border: 0 !important;
120 clip: rect(0 0 0 0) !important;
121 height: 1px !important;
122 margin: -1px !important;
123 overflow: hidden !important;
124 padding: 0 !important;
125 position: absolute !important;
126 width: 1px !important; }
128 .select2-container--default .select2-selection--single {
129 background-color: #fff;
130 border: 1px solid #aaa;
131 border-radius: 4px; }
132 .select2-container--default .select2-selection--single .select2-selection__rendered {
135 .select2-container--default .select2-selection--single .select2-selection__clear {
139 .select2-container--default .select2-selection--single .select2-selection__placeholder {
141 .select2-container--default .select2-selection--single .select2-selection__arrow {
147 .select2-container--default .select2-selection--single .select2-selection__arrow b {
148 border-color: #888 transparent transparent transparent;
150 border-width: 5px 4px 0 4px;
159 .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
162 .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
166 .select2-container--default.select2-container--disabled .select2-selection--single {
167 background-color: #eee;
169 .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
172 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
173 border-color: transparent transparent #888 transparent;
174 border-width: 0 4px 5px 4px; }
176 .select2-container--default .select2-selection--multiple {
177 background-color: white;
178 border: 1px solid #aaa;
181 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
182 box-sizing: border-box;
187 .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
189 .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
193 .select2-container--default .select2-selection--multiple .select2-selection__clear {
198 margin-right: 10px; }
199 .select2-container--default .select2-selection--multiple .select2-selection__choice {
200 background-color: #e4e4e4;
201 border: 1px solid #aaa;
208 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
211 display: inline-block;
214 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
217 .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
220 .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
222 margin-right: auto; }
224 .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
226 margin-right: auto; }
228 .select2-container--default.select2-container--focus .select2-selection--multiple {
229 border: solid black 1px;
232 .select2-container--default.select2-container--disabled .select2-selection--multiple {
233 background-color: #eee;
236 .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
239 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
240 border-top-left-radius: 0;
241 border-top-right-radius: 0; }
243 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
244 border-bottom-left-radius: 0;
245 border-bottom-right-radius: 0; }
247 .select2-container--default .select2-search--dropdown .select2-search__field {
248 border: 1px solid #aaa; }
250 .select2-container--default .select2-search--inline .select2-search__field {
251 background: transparent;
255 -webkit-appearance: textfield; }
257 .select2-container--default .select2-results > .select2-results__options {
261 .select2-container--default .select2-results__option[role=group] {
264 .select2-container--default .select2-results__option[aria-disabled=true] {
267 .select2-container--default .select2-results__option[aria-selected=true] {
268 background-color: #ddd; }
270 .select2-container--default .select2-results__option .select2-results__option {
272 .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
274 .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
277 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
280 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
283 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
286 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
290 .select2-container--default .select2-results__option--highlighted[aria-selected] {
291 background-color: #5897fb;
294 .select2-container--default .select2-results__group {
299 .select2-container--classic .select2-selection--single {
300 background-color: #f7f7f7;
301 border: 1px solid #aaa;
304 background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
305 background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
306 background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
307 background-repeat: repeat-x;
308 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
309 .select2-container--classic .select2-selection--single:focus {
310 border: 1px solid #5897fb; }
311 .select2-container--classic .select2-selection--single .select2-selection__rendered {
314 .select2-container--classic .select2-selection--single .select2-selection__clear {
318 margin-right: 10px; }
319 .select2-container--classic .select2-selection--single .select2-selection__placeholder {
321 .select2-container--classic .select2-selection--single .select2-selection__arrow {
322 background-color: #ddd;
324 border-left: 1px solid #aaa;
325 border-top-right-radius: 4px;
326 border-bottom-right-radius: 4px;
332 background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
333 background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
334 background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
335 background-repeat: repeat-x;
336 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
337 .select2-container--classic .select2-selection--single .select2-selection__arrow b {
338 border-color: #888 transparent transparent transparent;
340 border-width: 5px 4px 0 4px;
349 .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
352 .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
354 border-right: 1px solid #aaa;
356 border-top-left-radius: 4px;
357 border-bottom-left-radius: 4px;
361 .select2-container--classic.select2-container--open .select2-selection--single {
362 border: 1px solid #5897fb; }
363 .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
364 background: transparent;
366 .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
367 border-color: transparent transparent #888 transparent;
368 border-width: 0 4px 5px 4px; }
370 .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
372 border-top-left-radius: 0;
373 border-top-right-radius: 0;
374 background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
375 background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
376 background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
377 background-repeat: repeat-x;
378 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
380 .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
382 border-bottom-left-radius: 0;
383 border-bottom-right-radius: 0;
384 background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
385 background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
386 background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
387 background-repeat: repeat-x;
388 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
390 .select2-container--classic .select2-selection--multiple {
391 background-color: white;
392 border: 1px solid #aaa;
396 .select2-container--classic .select2-selection--multiple:focus {
397 border: 1px solid #5897fb; }
398 .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
402 .select2-container--classic .select2-selection--multiple .select2-selection__clear {
404 .select2-container--classic .select2-selection--multiple .select2-selection__choice {
405 background-color: #e4e4e4;
406 border: 1px solid #aaa;
413 .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
416 display: inline-block;
419 .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
422 .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
425 .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
427 margin-right: auto; }
429 .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
431 margin-right: auto; }
433 .select2-container--classic.select2-container--open .select2-selection--multiple {
434 border: 1px solid #5897fb; }
436 .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
438 border-top-left-radius: 0;
439 border-top-right-radius: 0; }
441 .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
443 border-bottom-left-radius: 0;
444 border-bottom-right-radius: 0; }
446 .select2-container--classic .select2-search--dropdown .select2-search__field {
447 border: 1px solid #aaa;
450 .select2-container--classic .select2-search--inline .select2-search__field {
454 .select2-container--classic .select2-dropdown {
455 background-color: white;
456 border: 1px solid transparent; }
458 .select2-container--classic .select2-dropdown--above {
459 border-bottom: none; }
461 .select2-container--classic .select2-dropdown--below {
464 .select2-container--classic .select2-results > .select2-results__options {
468 .select2-container--classic .select2-results__option[role=group] {
471 .select2-container--classic .select2-results__option[aria-disabled=true] {
474 .select2-container--classic .select2-results__option--highlighted[aria-selected] {
475 background-color: #3875d7;
478 .select2-container--classic .select2-results__group {
483 .select2-container--classic.select2-container--open .select2-dropdown {
484 border-color: #5897fb; }