selectize-rails 0.11.2 → 0.12.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,387 +1,387 @@
1
- /**
2
- * selectize.default.css (v0.11.2) - Default Theme
3
- * Copyright (c) 2013 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: 5px 8px;
35
- border-bottom: 1px solid #d0d0d0;
36
- background: #f8f8f8;
37
- -webkit-border-radius: 3px 3px 0 0;
38
- -moz-border-radius: 3px 3px 0 0;
39
- border-radius: 3px 3px 0 0;
40
- }
41
- .selectize-dropdown-header-close {
42
- position: absolute;
43
- right: 8px;
44
- top: 50%;
45
- color: #303030;
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: 2px 0 0 0;
91
- border-left: 1px solid #0073bb;
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: #00578d;
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: #aaaaaa;
110
- }
111
- .selectize-control {
112
- position: relative;
113
- }
114
- .selectize-dropdown,
115
- .selectize-input,
116
- .selectize-input input {
117
- color: #303030;
118
- font-family: inherit;
119
- font-size: 13px;
120
- line-height: 18px;
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 #d0d0d0;
131
- padding: 8px 8px;
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: inset 0 1px 1px rgba(0, 0, 0, 0.1);
141
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
142
- -webkit-border-radius: 3px;
143
- -moz-border-radius: 3px;
144
- border-radius: 3px;
145
- }
146
- .selectize-control.multi .selectize-input.has-items {
147
- padding: 5px 8px 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: 3px 3px 0 0;
162
- -moz-border-radius: 3px 3px 0 0;
163
- border-radius: 3px 3px 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: 2px 6px;
176
- background: #1da7ee;
177
- color: #ffffff;
178
- border: 1px solid #0073bb;
179
- }
180
- .selectize-control.multi .selectize-input > div.active {
181
- background: #92c836;
182
- color: #ffffff;
183
- border: 1px solid #00578d;
184
- }
185
- .selectize-control.multi .selectize-input.disabled > div,
186
- .selectize-control.multi .selectize-input.disabled > div.active {
187
- color: #ffffff;
188
- background: #d2d2d2;
189
- border: 1px solid #aaaaaa;
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 1px !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: #f0f0f0;
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 3px 3px;
240
- -moz-border-radius: 0 0 3px 3px;
241
- border-radius: 0 0 3px 3px;
242
- }
243
- .selectize-dropdown [data-selectable] {
244
- cursor: pointer;
245
- overflow: hidden;
246
- }
247
- .selectize-dropdown [data-selectable] .highlight {
248
- background: rgba(125, 168, 208, 0.2);
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: 5px 8px;
256
- }
257
- .selectize-dropdown .optgroup:first-child .optgroup-header {
258
- border-top: 0 none;
259
- }
260
- .selectize-dropdown .optgroup-header {
261
- color: #303030;
262
- background: #ffffff;
263
- cursor: default;
264
- }
265
- .selectize-dropdown .active {
266
- background-color: #f5fafd;
267
- color: #495c68;
268
- }
269
- .selectize-dropdown .active.create {
270
- color: #495c68;
271
- }
272
- .selectize-dropdown .create {
273
- color: rgba(48, 48, 48, 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: 15px;
294
- margin-top: -3px;
295
- width: 0;
296
- height: 0;
297
- border-style: solid;
298
- border-width: 5px 5px 0 5px;
299
- border-color: #808080 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 #808080 transparent;
305
- }
306
- .selectize-control.rtl.single .selectize-input:after {
307
- left: 15px;
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: #fafafa;
316
- }
317
- .selectize-control.multi .selectize-input.has-items {
318
- padding-left: 5px;
319
- padding-right: 5px;
320
- }
321
- .selectize-control.multi .selectize-input.disabled [data-value] {
322
- color: #999;
323
- text-shadow: none;
324
- background: none;
325
- -webkit-box-shadow: none;
326
- box-shadow: none;
327
- }
328
- .selectize-control.multi .selectize-input.disabled [data-value],
329
- .selectize-control.multi .selectize-input.disabled [data-value] .remove {
330
- border-color: #e6e6e6;
331
- }
332
- .selectize-control.multi .selectize-input.disabled [data-value] .remove {
333
- background: none;
334
- }
335
- .selectize-control.multi .selectize-input [data-value] {
336
- text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
337
- -webkit-border-radius: 3px;
338
- -moz-border-radius: 3px;
339
- border-radius: 3px;
340
- background-color: #1b9dec;
341
- background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
342
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
343
- background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
344
- background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
345
- background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
346
- background-repeat: repeat-x;
347
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
348
- -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
349
- box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
350
- }
351
- .selectize-control.multi .selectize-input [data-value].active {
352
- background-color: #0085d4;
353
- background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
354
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
355
- background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
356
- background-image: -o-linear-gradient(top, #008fd8, #0075cf);
357
- background-image: linear-gradient(to bottom, #008fd8, #0075cf);
358
- background-repeat: repeat-x;
359
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
360
- }
361
- .selectize-control.single .selectize-input {
362
- -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
363
- box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
364
- background-color: #f9f9f9;
365
- background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
366
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
367
- background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
368
- background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
369
- background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
370
- background-repeat: repeat-x;
371
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
372
- }
373
- .selectize-control.single .selectize-input,
374
- .selectize-dropdown.single {
375
- border-color: #b8b8b8;
376
- }
377
- .selectize-dropdown .optgroup-header {
378
- padding-top: 7px;
379
- font-weight: bold;
380
- font-size: 0.85em;
381
- }
382
- .selectize-dropdown .optgroup {
383
- border-top: 1px solid #f0f0f0;
384
- }
385
- .selectize-dropdown .optgroup:first-child {
386
- border-top: 0 none;
387
- }
1
+ /**
2
+ * selectize.default.css (v0.12.0) - Default 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: 5px 8px;
35
+ border-bottom: 1px solid #d0d0d0;
36
+ background: #f8f8f8;
37
+ -webkit-border-radius: 3px 3px 0 0;
38
+ -moz-border-radius: 3px 3px 0 0;
39
+ border-radius: 3px 3px 0 0;
40
+ }
41
+ .selectize-dropdown-header-close {
42
+ position: absolute;
43
+ right: 8px;
44
+ top: 50%;
45
+ color: #303030;
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: 2px 0 0 0;
91
+ border-left: 1px solid #0073bb;
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: #00578d;
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: #aaaaaa;
110
+ }
111
+ .selectize-control {
112
+ position: relative;
113
+ }
114
+ .selectize-dropdown,
115
+ .selectize-input,
116
+ .selectize-input input {
117
+ color: #303030;
118
+ font-family: inherit;
119
+ font-size: 13px;
120
+ line-height: 18px;
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 #d0d0d0;
131
+ padding: 8px 8px;
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: inset 0 1px 1px rgba(0, 0, 0, 0.1);
141
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
142
+ -webkit-border-radius: 3px;
143
+ -moz-border-radius: 3px;
144
+ border-radius: 3px;
145
+ }
146
+ .selectize-control.multi .selectize-input.has-items {
147
+ padding: 5px 8px 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: 3px 3px 0 0;
162
+ -moz-border-radius: 3px 3px 0 0;
163
+ border-radius: 3px 3px 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: 2px 6px;
176
+ background: #1da7ee;
177
+ color: #ffffff;
178
+ border: 1px solid #0073bb;
179
+ }
180
+ .selectize-control.multi .selectize-input > div.active {
181
+ background: #92c836;
182
+ color: #ffffff;
183
+ border: 1px solid #00578d;
184
+ }
185
+ .selectize-control.multi .selectize-input.disabled > div,
186
+ .selectize-control.multi .selectize-input.disabled > div.active {
187
+ color: #ffffff;
188
+ background: #d2d2d2;
189
+ border: 1px solid #aaaaaa;
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 1px !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: #f0f0f0;
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 3px 3px;
240
+ -moz-border-radius: 0 0 3px 3px;
241
+ border-radius: 0 0 3px 3px;
242
+ }
243
+ .selectize-dropdown [data-selectable] {
244
+ cursor: pointer;
245
+ overflow: hidden;
246
+ }
247
+ .selectize-dropdown [data-selectable] .highlight {
248
+ background: rgba(125, 168, 208, 0.2);
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: 5px 8px;
256
+ }
257
+ .selectize-dropdown .optgroup:first-child .optgroup-header {
258
+ border-top: 0 none;
259
+ }
260
+ .selectize-dropdown .optgroup-header {
261
+ color: #303030;
262
+ background: #ffffff;
263
+ cursor: default;
264
+ }
265
+ .selectize-dropdown .active {
266
+ background-color: #f5fafd;
267
+ color: #495c68;
268
+ }
269
+ .selectize-dropdown .active.create {
270
+ color: #495c68;
271
+ }
272
+ .selectize-dropdown .create {
273
+ color: rgba(48, 48, 48, 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: 15px;
294
+ margin-top: -3px;
295
+ width: 0;
296
+ height: 0;
297
+ border-style: solid;
298
+ border-width: 5px 5px 0 5px;
299
+ border-color: #808080 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 #808080 transparent;
305
+ }
306
+ .selectize-control.rtl.single .selectize-input:after {
307
+ left: 15px;
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: #fafafa;
316
+ }
317
+ .selectize-control.multi .selectize-input.has-items {
318
+ padding-left: 5px;
319
+ padding-right: 5px;
320
+ }
321
+ .selectize-control.multi .selectize-input.disabled [data-value] {
322
+ color: #999;
323
+ text-shadow: none;
324
+ background: none;
325
+ -webkit-box-shadow: none;
326
+ box-shadow: none;
327
+ }
328
+ .selectize-control.multi .selectize-input.disabled [data-value],
329
+ .selectize-control.multi .selectize-input.disabled [data-value] .remove {
330
+ border-color: #e6e6e6;
331
+ }
332
+ .selectize-control.multi .selectize-input.disabled [data-value] .remove {
333
+ background: none;
334
+ }
335
+ .selectize-control.multi .selectize-input [data-value] {
336
+ text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
337
+ -webkit-border-radius: 3px;
338
+ -moz-border-radius: 3px;
339
+ border-radius: 3px;
340
+ background-color: #1b9dec;
341
+ background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
342
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
343
+ background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
344
+ background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
345
+ background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
346
+ background-repeat: repeat-x;
347
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
348
+ -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
349
+ box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
350
+ }
351
+ .selectize-control.multi .selectize-input [data-value].active {
352
+ background-color: #0085d4;
353
+ background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
354
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
355
+ background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
356
+ background-image: -o-linear-gradient(top, #008fd8, #0075cf);
357
+ background-image: linear-gradient(to bottom, #008fd8, #0075cf);
358
+ background-repeat: repeat-x;
359
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
360
+ }
361
+ .selectize-control.single .selectize-input {
362
+ -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
363
+ box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
364
+ background-color: #f9f9f9;
365
+ background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
366
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
367
+ background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
368
+ background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
369
+ background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
370
+ background-repeat: repeat-x;
371
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
372
+ }
373
+ .selectize-control.single .selectize-input,
374
+ .selectize-dropdown.single {
375
+ border-color: #b8b8b8;
376
+ }
377
+ .selectize-dropdown .optgroup-header {
378
+ padding-top: 7px;
379
+ font-weight: bold;
380
+ font-size: 0.85em;
381
+ }
382
+ .selectize-dropdown .optgroup {
383
+ border-top: 1px solid #f0f0f0;
384
+ }
385
+ .selectize-dropdown .optgroup:first-child {
386
+ border-top: 0 none;
387
+ }