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