blob: f9ce6d9011b5e66d7a7ee68405a3e9005cb79bba [file] [log] [blame]
Matthias Andreas Benkard97f12022026-10-23 08:46:40 +02001/*!
2 * Bootstrap-select v1.14.0-beta3 (https://developer.snapappointments.com/bootstrap-select)
3 *
4 * Copyright 2012-2022 SnapAppointments, LLC
5 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
6 */
7
Matthias Andreas Benkard3c18a082022-12-27 17:32:58 +01008@-webkit-keyframes bs-notify-fadeOut {
9 0% {
10 opacity: 0.9;
11 }
12 100% {
13 opacity: 0;
14 }
15}
16@-o-keyframes bs-notify-fadeOut {
17 0% {
18 opacity: 0.9;
19 }
20 100% {
21 opacity: 0;
22 }
23}
24@keyframes bs-notify-fadeOut {
25 0% {
26 opacity: 0.9;
27 }
28 100% {
29 opacity: 0;
30 }
31}
32select.bs-select-hidden,
33.bootstrap-select > select.bs-select-hidden,
34select.selectpicker {
35 display: none !important;
36}
37.bootstrap-select {
Matthias Andreas Benkard97f12022026-10-23 08:46:40 +020038 width: 220px;
Matthias Andreas Benkard3c18a082022-12-27 17:32:58 +010039 vertical-align: middle;
40}
41.bootstrap-select > .dropdown-toggle {
42 position: relative;
43 width: 100%;
44 text-align: right;
45 white-space: nowrap;
46 display: -webkit-inline-box;
47 display: -webkit-inline-flex;
48 display: -ms-inline-flexbox;
49 display: inline-flex;
50 -webkit-box-align: center;
51 -webkit-align-items: center;
52 -ms-flex-align: center;
53 align-items: center;
54 -webkit-box-pack: justify;
55 -webkit-justify-content: space-between;
56 -ms-flex-pack: justify;
57 justify-content: space-between;
58}
59.bootstrap-select > .dropdown-toggle:after {
60 margin-top: -1px;
61}
62.bootstrap-select > .dropdown-toggle.bs-placeholder,
63.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
64.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
65.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
66 color: #999;
67}
68.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
69.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
70.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
71.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
72.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
73.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
74.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
75.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
76.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
77.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
78.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
79.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
80.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
81.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
82.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
83.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
84.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
85.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
86.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
87.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
88.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
89.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
90.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
91.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
92 color: rgba(255, 255, 255, 0.5);
93}
94.bootstrap-select > select {
95 position: absolute !important;
96 bottom: 0;
97 left: 50%;
98 display: block !important;
99 width: 0.5px !important;
100 height: 100% !important;
101 padding: 0 !important;
102 opacity: 0 !important;
103 border: none;
104 z-index: 0 !important;
105}
106.bootstrap-select > select.mobile-device {
107 top: 0;
108 left: 0;
109 display: block !important;
110 width: 100% !important;
111 z-index: 2 !important;
112}
113.has-error .bootstrap-select .dropdown-toggle,
114.error .bootstrap-select .dropdown-toggle,
115.bootstrap-select.is-invalid .dropdown-toggle,
116.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
117 border-color: #b94a48;
118}
119.bootstrap-select.is-valid .dropdown-toggle,
120.was-validated .bootstrap-select select:valid + .dropdown-toggle {
121 border-color: #28a745;
122}
123.bootstrap-select.fit-width {
124 width: auto !important;
125}
126.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
127 width: 220px;
128}
129.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
130.bootstrap-select .dropdown-toggle:focus {
131 outline: thin dotted #333333 !important;
132 outline: 5px auto -webkit-focus-ring-color !important;
133 outline-offset: -2px;
134}
135.bootstrap-select.form-control {
136 margin-bottom: 0;
137 padding: 0;
138 border: none;
139 height: auto;
140}
141:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
142 width: 100%;
143}
144.bootstrap-select.form-control.input-group-btn {
145 float: none;
146 z-index: auto;
147}
148.form-inline .bootstrap-select,
149.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
150 width: auto;
151}
152.bootstrap-select:not(.input-group-btn),
153.bootstrap-select[class*="col-"] {
154 float: none;
155 display: inline-block;
156 margin-left: 0;
157}
158.bootstrap-select.dropdown-menu-right,
159.bootstrap-select[class*="col-"].dropdown-menu-right,
160.row .bootstrap-select[class*="col-"].dropdown-menu-right {
161 float: right;
162}
163.form-inline .bootstrap-select,
164.form-horizontal .bootstrap-select,
165.form-group .bootstrap-select {
166 margin-bottom: 0;
167}
168.form-group-lg .bootstrap-select.form-control,
169.form-group-sm .bootstrap-select.form-control {
170 padding: 0;
171}
172.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
173.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
174 height: 100%;
175 font-size: inherit;
176 line-height: inherit;
177 border-radius: inherit;
178}
179.bootstrap-select.form-control-sm .dropdown-toggle,
180.bootstrap-select.form-control-lg .dropdown-toggle {
181 font-size: inherit;
182 line-height: inherit;
183 border-radius: inherit;
184}
185.bootstrap-select.form-control-sm .dropdown-toggle {
186 padding: 0.25rem 0.5rem;
187}
188.bootstrap-select.form-control-lg .dropdown-toggle {
189 padding: 0.5rem 1rem;
190}
191.form-inline .bootstrap-select .form-control {
192 width: 100%;
193}
194.bootstrap-select.disabled,
195.bootstrap-select > .disabled {
196 cursor: not-allowed;
197}
198.bootstrap-select.disabled:focus,
199.bootstrap-select > .disabled:focus {
200 outline: none !important;
201}
202.bootstrap-select.bs-container {
203 position: absolute;
204 top: 0;
205 left: 0;
206 height: 0 !important;
207 padding: 0 !important;
208}
209.bootstrap-select.bs-container .dropdown-menu {
210 z-index: 1060;
211}
212.bootstrap-select .dropdown-toggle .filter-option {
213 position: static;
214 top: 0;
215 left: 0;
216 float: left;
217 height: 100%;
218 width: 100%;
219 text-align: left;
220 overflow: hidden;
221 -webkit-box-flex: 0;
222 -webkit-flex: 0 1 auto;
223 -ms-flex: 0 1 auto;
224 flex: 0 1 auto;
225}
226.bs3.bootstrap-select .dropdown-toggle .filter-option {
227 padding-right: inherit;
228}
229.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
230 position: absolute;
231 padding-top: inherit;
232 padding-bottom: inherit;
233 padding-left: inherit;
234 float: none;
235}
236.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
237 padding-right: inherit;
238}
239.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
240 overflow: hidden;
241}
242.bootstrap-select .dropdown-toggle .filter-expand {
243 width: 0 !important;
244 float: left;
245 opacity: 0 !important;
246 overflow: hidden;
247}
248.bootstrap-select .dropdown-toggle .caret {
249 position: absolute;
250 top: 50%;
251 right: 12px;
252 margin-top: -2px;
253 vertical-align: middle;
254}
255.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
256 position: relative;
257 display: block;
258 margin-right: 5px;
259 text-align: center;
260}
261.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
262 padding-right: inherit;
263}
264.bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
265 position: relative;
266 top: -webkit-calc(((-1em / 1.5) + 1ex) / 2);
267 top: calc(((-1em / 1.5) + 1ex) / 2);
268 pointer-events: none;
269}
270.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
271 top: auto;
272}
273.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected {
274 display: none;
275}
276.input-group .bootstrap-select.form-control .dropdown-toggle {
277 border-radius: inherit;
278}
279.bootstrap-select[class*="col-"] .dropdown-toggle {
280 width: 100%;
281}
282.bootstrap-select .dropdown-menu {
283 min-width: 100%;
284 -webkit-box-sizing: border-box;
285 -moz-box-sizing: border-box;
286 box-sizing: border-box;
287}
288.bootstrap-select .dropdown-menu > .inner:focus {
289 outline: none !important;
290}
291.bootstrap-select .dropdown-menu.inner {
292 position: static;
293 float: none;
294 border: 0;
295 padding: 0;
296 margin: 0;
297 border-radius: 0;
298 -webkit-box-shadow: none;
299 box-shadow: none;
300}
301.bootstrap-select .dropdown-menu li {
302 position: relative;
303}
304.bootstrap-select .dropdown-menu li.active small {
305 color: rgba(255, 255, 255, 0.5) !important;
306}
307.bootstrap-select .dropdown-menu li.disabled a {
308 cursor: not-allowed;
309}
310.bootstrap-select .dropdown-menu li a {
311 cursor: pointer;
312 -webkit-user-select: none;
313 -moz-user-select: none;
314 -ms-user-select: none;
315 user-select: none;
316}
317.bootstrap-select .dropdown-menu li a.opt {
318 position: relative;
319 padding-left: 2.25em;
320}
321.bootstrap-select .dropdown-menu li a span.check-mark {
322 display: none;
323}
324.bootstrap-select .dropdown-menu li a span.text {
325 display: inline-block;
326}
327.bootstrap-select .dropdown-menu li small {
328 padding-left: 0.5em;
329}
330.bootstrap-select .dropdown-menu .notify {
331 position: absolute;
332 bottom: 5px;
333 width: 96%;
334 margin: 0 2%;
335 min-height: 26px;
336 padding: 3px 5px;
337 background: #f5f5f5;
338 border: 1px solid #e3e3e3;
339 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
340 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
341 pointer-events: none;
342 opacity: 0.9;
343 -webkit-box-sizing: border-box;
344 -moz-box-sizing: border-box;
345 box-sizing: border-box;
346}
347.bootstrap-select .dropdown-menu .notify.fadeOut {
348 -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
349 -o-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
350 animation: 300ms linear 750ms forwards bs-notify-fadeOut;
351}
352.bootstrap-select .no-results {
353 padding: 3px;
354 background: #f5f5f5;
355 margin: 0 5px;
356 white-space: nowrap;
357}
358.bootstrap-select.fit-width .dropdown-toggle .filter-option {
359 position: static;
360 display: inline;
361 padding: 0;
362}
363.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
364.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
365 display: inline;
366}
367.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
368 content: '\00a0';
369}
370.bootstrap-select.fit-width .dropdown-toggle .caret {
371 position: static;
372 top: auto;
373 margin-top: -1px;
374}
375.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
376 position: absolute;
377 display: inline-block;
378 right: 15px;
379 top: 5px;
380}
381.bootstrap-select.show-tick .dropdown-menu li a span.text {
382 margin-right: 34px;
383}
384.bootstrap-select .bs-ok-default:after {
385 content: '';
386 display: block;
387 width: 0.5em;
388 height: 1em;
389 border-style: solid;
390 border-width: 0 0.26em 0.26em 0;
391 -webkit-transform-style: preserve-3d;
392 transform-style: preserve-3d;
393 -webkit-transform: rotate(45deg);
394 -ms-transform: rotate(45deg);
395 -o-transform: rotate(45deg);
396 transform: rotate(45deg);
397}
398.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
399.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
400 z-index: 1061;
401}
402.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
403 content: '';
404 border-left: 7px solid transparent;
405 border-right: 7px solid transparent;
406 border-bottom: 7px solid rgba(204, 204, 204, 0.2);
407 position: absolute;
408 bottom: -4px;
409 left: 9px;
410 display: none;
411}
412.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
413 content: '';
414 border-left: 6px solid transparent;
415 border-right: 6px solid transparent;
416 border-bottom: 6px solid white;
417 position: absolute;
418 bottom: -4px;
419 left: 10px;
420 display: none;
421}
422.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
423 bottom: auto;
424 top: -4px;
425 border-top: 7px solid rgba(204, 204, 204, 0.2);
426 border-bottom: 0;
427}
428.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
429 bottom: auto;
430 top: -4px;
431 border-top: 6px solid white;
432 border-bottom: 0;
433}
434.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
435 right: 12px;
436 left: auto;
437}
438.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
439 right: 13px;
440 left: auto;
441}
442.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
443.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
444.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
445.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
446 display: block;
447}
448.bs-searchbox,
449.bs-actionsbox,
450.bs-donebutton {
451 padding: 4px 8px;
452}
453.bs-actionsbox {
454 width: 100%;
455 -webkit-box-sizing: border-box;
456 -moz-box-sizing: border-box;
457 box-sizing: border-box;
458}
459.bs-actionsbox .btn-group {
460 display: block;
461}
462.bs-actionsbox .btn-group button {
463 width: 50%;
464}
465.bs-donebutton {
466 float: left;
467 width: 100%;
468 -webkit-box-sizing: border-box;
469 -moz-box-sizing: border-box;
470 box-sizing: border-box;
471}
472.bs-donebutton .btn-group {
473 display: block;
474}
475.bs-donebutton .btn-group button {
476 width: 100%;
477}
478.bs-searchbox + .bs-actionsbox {
479 padding: 0 8px 4px;
480}
481.bs-searchbox .form-control {
482 margin-bottom: 0;
483 width: 100%;
484 float: none;
485}
486/*# sourceMappingURL=bootstrap-select.css.map */