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