1/**
2 * selectize.bootstrap3.css (v0.12.6) - Bootstrap 3 Theme
3 * Copyright (c) 2013–2015 Brian Reavis & contributors
4 * SPDX-License-Identifier: Apache-2.0
5 *
6 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
7 * file except in compliance with the License. You may obtain a copy of the License at:
8 * http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software distributed under
11 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
12 * ANY KIND, either express or implied. See the License for the specific language
13 * governing permissions and limitations under the License.
14 *
15 * @author Brian Reavis <brian@thirdroute.com>
16 */
17.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
18  visibility: visible !important;
19  background: #f2f2f2 !important;
20  background: rgba(0, 0, 0, 0.06) !important;
21  border: 0 none !important;
22  -webkit-box-shadow: inset 0 0 12px 4px #fff;
23  box-shadow: inset 0 0 12px 4px #fff;
24}
25.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
26  content: '!';
27  visibility: hidden;
28}
29.selectize-control.plugin-drag_drop .ui-sortable-helper {
30  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
31  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
32}
33.selectize-dropdown-header {
34  position: relative;
35  padding: 3px 12px;
36  border-bottom: 1px solid #d0d0d0;
37  background: #f8f8f8;
38  -webkit-border-radius: 4px 4px 0 0;
39  -moz-border-radius: 4px 4px 0 0;
40  border-radius: 4px 4px 0 0;
41}
42.selectize-dropdown-header-close {
43  position: absolute;
44  right: 12px;
45  top: 50%;
46  color: #333333;
47  opacity: 0.4;
48  margin-top: -12px;
49  line-height: 20px;
50  font-size: 20px !important;
51}
52.selectize-dropdown-header-close:hover {
53  color: #000000;
54}
55.selectize-dropdown.plugin-optgroup_columns .optgroup {
56  border-right: 1px solid #f2f2f2;
57  border-top: 0 none;
58  float: left;
59  -webkit-box-sizing: border-box;
60  -moz-box-sizing: border-box;
61  box-sizing: border-box;
62}
63.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
64  border-right: 0 none;
65}
66.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
67  display: none;
68}
69.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
70  border-top: 0 none;
71}
72.selectize-control.plugin-remove_button [data-value] {
73  position: relative;
74  padding-right: 24px !important;
75}
76.selectize-control.plugin-remove_button [data-value] .remove {
77  z-index: 1;
78  /* fixes ie bug (see #392) */
79  position: absolute;
80  top: 0;
81  right: 0;
82  bottom: 0;
83  width: 17px;
84  text-align: center;
85  font-weight: bold;
86  font-size: 12px;
87  color: inherit;
88  text-decoration: none;
89  vertical-align: middle;
90  display: inline-block;
91  padding: 1px 0 0 0;
92  border-left: 1px solid rgba(0, 0, 0, 0);
93  -webkit-border-radius: 0 2px 2px 0;
94  -moz-border-radius: 0 2px 2px 0;
95  border-radius: 0 2px 2px 0;
96  -webkit-box-sizing: border-box;
97  -moz-box-sizing: border-box;
98  box-sizing: border-box;
99}
100.selectize-control.plugin-remove_button [data-value] .remove:hover {
101  background: rgba(0, 0, 0, 0.05);
102}
103.selectize-control.plugin-remove_button [data-value].active .remove {
104  border-left-color: rgba(0, 0, 0, 0);
105}
106.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
107  background: none;
108}
109.selectize-control.plugin-remove_button .disabled [data-value] .remove {
110  border-left-color: rgba(77, 77, 77, 0);
111}
112.selectize-control.plugin-remove_button .remove-single {
113  position: absolute;
114  right: 0;
115  top: 0;
116  font-size: 23px;
117}
118.selectize-control {
119  position: relative;
120}
121.selectize-dropdown,
122.selectize-input,
123.selectize-input input {
124  color: #333333;
125  font-family: inherit;
126  font-size: inherit;
127  line-height: 20px;
128  -webkit-font-smoothing: inherit;
129}
130.selectize-input,
131.selectize-control.single .selectize-input.input-active {
132  background: #fff;
133  cursor: text;
134  display: inline-block;
135}
136.selectize-input {
137  border: 1px solid #ccc;
138  padding: 6px 12px;
139  display: inline-block;
140  width: 100%;
141  overflow: hidden;
142  position: relative;
143  z-index: 1;
144  -webkit-box-sizing: border-box;
145  -moz-box-sizing: border-box;
146  box-sizing: border-box;
147  -webkit-box-shadow: none;
148  box-shadow: none;
149  -webkit-border-radius: 4px;
150  -moz-border-radius: 4px;
151  border-radius: 4px;
152}
153.selectize-control.multi .selectize-input.has-items {
154  padding: 5px 12px 2px;
155}
156.selectize-input.full {
157  background-color: #fff;
158}
159.selectize-input.disabled,
160.selectize-input.disabled * {
161  cursor: default !important;
162}
163.selectize-input.focus {
164  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
165  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
166}
167.selectize-input.dropdown-active {
168  -webkit-border-radius: 4px 4px 0 0;
169  -moz-border-radius: 4px 4px 0 0;
170  border-radius: 4px 4px 0 0;
171}
172.selectize-input > * {
173  vertical-align: baseline;
174  display: -moz-inline-stack;
175  display: inline-block;
176  zoom: 1;
177  *display: inline;
178}
179.selectize-control.multi .selectize-input > div {
180  cursor: pointer;
181  margin: 0 3px 3px 0;
182  padding: 1px 3px;
183  background: #efefef;
184  color: #333333;
185  border: 0 solid rgba(0, 0, 0, 0);
186}
187.selectize-control.multi .selectize-input > div.active {
188  background: #428bca;
189  color: #fff;
190  border: 0 solid rgba(0, 0, 0, 0);
191}
192.selectize-control.multi .selectize-input.disabled > div,
193.selectize-control.multi .selectize-input.disabled > div.active {
194  color: #808080;
195  background: #ffffff;
196  border: 0 solid rgba(77, 77, 77, 0);
197}
198.selectize-input > input {
199  display: inline-block !important;
200  padding: 0 !important;
201  min-height: 0 !important;
202  max-height: none !important;
203  max-width: 100% !important;
204  margin: 0 !important;
205  text-indent: 0 !important;
206  border: 0 none !important;
207  background: none !important;
208  line-height: inherit !important;
209  -webkit-user-select: auto !important;
210  -webkit-box-shadow: none !important;
211  box-shadow: none !important;
212}
213.selectize-input > input::-ms-clear {
214  display: none;
215}
216.selectize-input > input:focus {
217  outline: none !important;
218}
219.selectize-input::after {
220  content: ' ';
221  display: block;
222  clear: left;
223}
224.selectize-input.dropdown-active::before {
225  content: ' ';
226  display: block;
227  position: absolute;
228  background: #ffffff;
229  height: 1px;
230  bottom: 0;
231  left: 0;
232  right: 0;
233}
234.selectize-dropdown {
235  position: absolute;
236  z-index: 10;
237  border: 1px solid #d0d0d0;
238  background: #fff;
239  margin: -1px 0 0 0;
240  border-top: 0 none;
241  -webkit-box-sizing: border-box;
242  -moz-box-sizing: border-box;
243  box-sizing: border-box;
244  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
245  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
246  -webkit-border-radius: 0 0 4px 4px;
247  -moz-border-radius: 0 0 4px 4px;
248  border-radius: 0 0 4px 4px;
249}
250.selectize-dropdown [data-selectable] {
251  cursor: pointer;
252  overflow: hidden;
253}
254.selectize-dropdown [data-selectable] .highlight {
255  background: rgba(255, 237, 40, 0.4);
256  -webkit-border-radius: 1px;
257  -moz-border-radius: 1px;
258  border-radius: 1px;
259}
260.selectize-dropdown .option,
261.selectize-dropdown .optgroup-header {
262  padding: 3px 12px;
263}
264.selectize-dropdown .option,
265.selectize-dropdown [data-disabled],
266.selectize-dropdown [data-disabled] [data-selectable].option {
267  cursor: inherit;
268  opacity: 0.5;
269}
270.selectize-dropdown [data-selectable].option {
271  opacity: 1;
272}
273.selectize-dropdown .optgroup:first-child .optgroup-header {
274  border-top: 0 none;
275}
276.selectize-dropdown .optgroup-header {
277  color: #777777;
278  background: #fff;
279  cursor: default;
280}
281.selectize-dropdown .active {
282  background-color: #f5f5f5;
283  color: #262626;
284}
285.selectize-dropdown .active.create {
286  color: #262626;
287}
288.selectize-dropdown .create {
289  color: rgba(51, 51, 51, 0.5);
290}
291.selectize-dropdown-content {
292  overflow-y: auto;
293  overflow-x: hidden;
294  max-height: 200px;
295  -webkit-overflow-scrolling: touch;
296}
297.selectize-control.single .selectize-input,
298.selectize-control.single .selectize-input input {
299  cursor: pointer;
300}
301.selectize-control.single .selectize-input.input-active,
302.selectize-control.single .selectize-input.input-active input {
303  cursor: text;
304}
305.selectize-control.single .selectize-input:after {
306  content: ' ';
307  display: block;
308  position: absolute;
309  top: 50%;
310  right: 17px;
311  margin-top: -3px;
312  width: 0;
313  height: 0;
314  border-style: solid;
315  border-width: 5px 5px 0 5px;
316  border-color: #333333 transparent transparent transparent;
317}
318.selectize-control.single .selectize-input.dropdown-active:after {
319  margin-top: -4px;
320  border-width: 0 5px 5px 5px;
321  border-color: transparent transparent #333333 transparent;
322}
323.selectize-control.rtl.single .selectize-input:after {
324  left: 17px;
325  right: auto;
326}
327.selectize-control.rtl .selectize-input > input {
328  margin: 0 4px 0 -2px !important;
329}
330.selectize-control .selectize-input.disabled {
331  opacity: 0.5;
332  background-color: #fff;
333}
334.selectize-dropdown,
335.selectize-dropdown.form-control {
336  height: auto;
337  padding: 0;
338  margin: 2px 0 0 0;
339  z-index: 1000;
340  background: #fff;
341  border: 1px solid #ccc;
342  border: 1px solid rgba(0, 0, 0, 0.15);
343  -webkit-border-radius: 4px;
344  -moz-border-radius: 4px;
345  border-radius: 4px;
346  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
347  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
348}
349.selectize-dropdown .optgroup-header {
350  font-size: 12px;
351  line-height: 1.42857143;
352}
353.selectize-dropdown .optgroup:first-child:before {
354  display: none;
355}
356.selectize-dropdown .optgroup:before {
357  content: ' ';
358  display: block;
359  height: 1px;
360  margin: 9px 0;
361  overflow: hidden;
362  background-color: #e5e5e5;
363  margin-left: -12px;
364  margin-right: -12px;
365}
366.selectize-dropdown-content {
367  padding: 5px 0;
368}
369.selectize-dropdown-header {
370  padding: 6px 12px;
371}
372.selectize-input {
373  min-height: 34px;
374}
375.selectize-input.dropdown-active {
376  -webkit-border-radius: 4px;
377  -moz-border-radius: 4px;
378  border-radius: 4px;
379}
380.selectize-input.dropdown-active::before {
381  display: none;
382}
383.selectize-input.focus {
384  border-color: #66afe9;
385  outline: 0;
386  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
387  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
388}
389.has-error .selectize-input {
390  border-color: #a94442;
391  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
392  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
393}
394.has-error .selectize-input:focus {
395  border-color: #843534;
396  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
397  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
398}
399.selectize-control.multi .selectize-input.has-items {
400  padding-left: 9px;
401  padding-right: 9px;
402}
403.selectize-control.multi .selectize-input > div {
404  -webkit-border-radius: 3px;
405  -moz-border-radius: 3px;
406  border-radius: 3px;
407}
408.form-control.selectize-control {
409  padding: 0;
410  height: auto;
411  border: none;
412  background: none;
413  -webkit-box-shadow: none;
414  box-shadow: none;
415  -webkit-border-radius: 0;
416  -moz-border-radius: 0;
417  border-radius: 0;
418}
419