activeadmin_selectize 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,408 @@
1
+ /**
2
+ * selectize.bootstrap3.css (v0.12.4) - 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.plugin-remove_button .remove-single {
112
+ position: absolute;
113
+ right: 28px;
114
+ top: 6px;
115
+ font-size: 23px;
116
+ }
117
+ .selectize-control {
118
+ position: relative;
119
+ }
120
+ .selectize-dropdown,
121
+ .selectize-input,
122
+ .selectize-input input {
123
+ color: #333333;
124
+ font-family: inherit;
125
+ font-size: inherit;
126
+ line-height: 20px;
127
+ -webkit-font-smoothing: inherit;
128
+ }
129
+ .selectize-input,
130
+ .selectize-control.single .selectize-input.input-active {
131
+ background: #ffffff;
132
+ cursor: text;
133
+ display: inline-block;
134
+ }
135
+ .selectize-input {
136
+ border: 1px solid #cccccc;
137
+ padding: 6px 12px;
138
+ display: inline-block;
139
+ width: 100%;
140
+ overflow: hidden;
141
+ position: relative;
142
+ z-index: 1;
143
+ -webkit-box-sizing: border-box;
144
+ -moz-box-sizing: border-box;
145
+ box-sizing: border-box;
146
+ -webkit-box-shadow: none;
147
+ box-shadow: none;
148
+ -webkit-border-radius: 4px;
149
+ -moz-border-radius: 4px;
150
+ border-radius: 4px;
151
+ }
152
+ .selectize-control.multi .selectize-input.has-items {
153
+ padding: 5px 12px 2px;
154
+ }
155
+ .selectize-input.full {
156
+ background-color: #ffffff;
157
+ }
158
+ .selectize-input.disabled,
159
+ .selectize-input.disabled * {
160
+ cursor: default !important;
161
+ }
162
+ .selectize-input.focus {
163
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
164
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
165
+ }
166
+ .selectize-input.dropdown-active {
167
+ -webkit-border-radius: 4px 4px 0 0;
168
+ -moz-border-radius: 4px 4px 0 0;
169
+ border-radius: 4px 4px 0 0;
170
+ }
171
+ .selectize-input > * {
172
+ vertical-align: baseline;
173
+ display: -moz-inline-stack;
174
+ display: inline-block;
175
+ zoom: 1;
176
+ *display: inline;
177
+ }
178
+ .selectize-control.multi .selectize-input > div {
179
+ cursor: pointer;
180
+ margin: 0 3px 3px 0;
181
+ padding: 1px 3px;
182
+ background: #efefef;
183
+ color: #333333;
184
+ border: 0 solid rgba(0, 0, 0, 0);
185
+ }
186
+ .selectize-control.multi .selectize-input > div.active {
187
+ background: #428bca;
188
+ color: #ffffff;
189
+ border: 0 solid rgba(0, 0, 0, 0);
190
+ }
191
+ .selectize-control.multi .selectize-input.disabled > div,
192
+ .selectize-control.multi .selectize-input.disabled > div.active {
193
+ color: #808080;
194
+ background: #ffffff;
195
+ border: 0 solid rgba(77, 77, 77, 0);
196
+ }
197
+ .selectize-input > input {
198
+ display: inline-block !important;
199
+ padding: 0 !important;
200
+ min-height: 0 !important;
201
+ max-height: none !important;
202
+ max-width: 100% !important;
203
+ margin: 0 !important;
204
+ text-indent: 0 !important;
205
+ border: 0 none !important;
206
+ background: none !important;
207
+ line-height: inherit !important;
208
+ -webkit-user-select: auto !important;
209
+ -webkit-box-shadow: none !important;
210
+ box-shadow: none !important;
211
+ }
212
+ .selectize-input > input::-ms-clear {
213
+ display: none;
214
+ }
215
+ .selectize-input > input:focus {
216
+ outline: none !important;
217
+ }
218
+ .selectize-input::after {
219
+ content: ' ';
220
+ display: block;
221
+ clear: left;
222
+ }
223
+ .selectize-input.dropdown-active::before {
224
+ content: ' ';
225
+ display: block;
226
+ position: absolute;
227
+ background: #ffffff;
228
+ height: 1px;
229
+ bottom: 0;
230
+ left: 0;
231
+ right: 0;
232
+ }
233
+ .selectize-dropdown {
234
+ position: absolute;
235
+ z-index: 10;
236
+ border: 1px solid #d0d0d0;
237
+ background: #ffffff;
238
+ margin: -1px 0 0 0;
239
+ border-top: 0 none;
240
+ -webkit-box-sizing: border-box;
241
+ -moz-box-sizing: border-box;
242
+ box-sizing: border-box;
243
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
244
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
245
+ -webkit-border-radius: 0 0 4px 4px;
246
+ -moz-border-radius: 0 0 4px 4px;
247
+ border-radius: 0 0 4px 4px;
248
+ }
249
+ .selectize-dropdown [data-selectable] {
250
+ cursor: pointer;
251
+ overflow: hidden;
252
+ }
253
+ .selectize-dropdown [data-selectable] .highlight {
254
+ background: rgba(255, 237, 40, 0.4);
255
+ -webkit-border-radius: 1px;
256
+ -moz-border-radius: 1px;
257
+ border-radius: 1px;
258
+ }
259
+ .selectize-dropdown [data-selectable],
260
+ .selectize-dropdown .optgroup-header {
261
+ padding: 3px 12px;
262
+ }
263
+ .selectize-dropdown .optgroup:first-child .optgroup-header {
264
+ border-top: 0 none;
265
+ }
266
+ .selectize-dropdown .optgroup-header {
267
+ color: #777777;
268
+ background: #ffffff;
269
+ cursor: default;
270
+ }
271
+ .selectize-dropdown .active {
272
+ background-color: #f5f5f5;
273
+ color: #262626;
274
+ }
275
+ .selectize-dropdown .active.create {
276
+ color: #262626;
277
+ }
278
+ .selectize-dropdown .create {
279
+ color: rgba(51, 51, 51, 0.5);
280
+ }
281
+ .selectize-dropdown-content {
282
+ overflow-y: auto;
283
+ overflow-x: hidden;
284
+ max-height: 200px;
285
+ -webkit-overflow-scrolling: touch;
286
+ }
287
+ .selectize-control.single .selectize-input,
288
+ .selectize-control.single .selectize-input input {
289
+ cursor: pointer;
290
+ }
291
+ .selectize-control.single .selectize-input.input-active,
292
+ .selectize-control.single .selectize-input.input-active input {
293
+ cursor: text;
294
+ }
295
+ .selectize-control.single .selectize-input:after {
296
+ content: ' ';
297
+ display: block;
298
+ position: absolute;
299
+ top: 50%;
300
+ right: 17px;
301
+ margin-top: -3px;
302
+ width: 0;
303
+ height: 0;
304
+ border-style: solid;
305
+ border-width: 5px 5px 0 5px;
306
+ border-color: #333333 transparent transparent transparent;
307
+ }
308
+ .selectize-control.single .selectize-input.dropdown-active:after {
309
+ margin-top: -4px;
310
+ border-width: 0 5px 5px 5px;
311
+ border-color: transparent transparent #333333 transparent;
312
+ }
313
+ .selectize-control.rtl.single .selectize-input:after {
314
+ left: 17px;
315
+ right: auto;
316
+ }
317
+ .selectize-control.rtl .selectize-input > input {
318
+ margin: 0 4px 0 -2px !important;
319
+ }
320
+ .selectize-control .selectize-input.disabled {
321
+ opacity: 0.5;
322
+ background-color: #ffffff;
323
+ }
324
+ .selectize-dropdown,
325
+ .selectize-dropdown.form-control {
326
+ height: auto;
327
+ padding: 0;
328
+ margin: 2px 0 0 0;
329
+ z-index: 1000;
330
+ background: #ffffff;
331
+ border: 1px solid #cccccc;
332
+ border: 1px solid rgba(0, 0, 0, 0.15);
333
+ -webkit-border-radius: 4px;
334
+ -moz-border-radius: 4px;
335
+ border-radius: 4px;
336
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
337
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
338
+ }
339
+ .selectize-dropdown .optgroup-header {
340
+ font-size: 12px;
341
+ line-height: 1.42857143;
342
+ }
343
+ .selectize-dropdown .optgroup:first-child:before {
344
+ display: none;
345
+ }
346
+ .selectize-dropdown .optgroup:before {
347
+ content: ' ';
348
+ display: block;
349
+ height: 1px;
350
+ margin: 9px 0;
351
+ overflow: hidden;
352
+ background-color: #e5e5e5;
353
+ margin-left: -12px;
354
+ margin-right: -12px;
355
+ }
356
+ .selectize-dropdown-content {
357
+ padding: 5px 0;
358
+ }
359
+ .selectize-dropdown-header {
360
+ padding: 6px 12px;
361
+ }
362
+ .selectize-input {
363
+ min-height: 34px;
364
+ }
365
+ .selectize-input.dropdown-active {
366
+ -webkit-border-radius: 4px;
367
+ -moz-border-radius: 4px;
368
+ border-radius: 4px;
369
+ }
370
+ .selectize-input.dropdown-active::before {
371
+ display: none;
372
+ }
373
+ .selectize-input.focus {
374
+ border-color: #66afe9;
375
+ outline: 0;
376
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
377
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
378
+ }
379
+ .has-error .selectize-input {
380
+ border-color: #a94442;
381
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
382
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
383
+ }
384
+ .has-error .selectize-input:focus {
385
+ border-color: #843534;
386
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
387
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
388
+ }
389
+ .selectize-control.multi .selectize-input.has-items {
390
+ padding-left: 9px;
391
+ padding-right: 9px;
392
+ }
393
+ .selectize-control.multi .selectize-input > div {
394
+ -webkit-border-radius: 3px;
395
+ -moz-border-radius: 3px;
396
+ border-radius: 3px;
397
+ }
398
+ .form-control.selectize-control {
399
+ padding: 0;
400
+ height: auto;
401
+ border: none;
402
+ background: none;
403
+ -webkit-box-shadow: none;
404
+ box-shadow: none;
405
+ -webkit-border-radius: 0;
406
+ -moz-border-radius: 0;
407
+ border-radius: 0;
408
+ }
@@ -0,0 +1,324 @@
1
+ /**
2
+ * selectize.css (v0.12.4)
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
+
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 #ffffff;
23
+ box-shadow: inset 0 0 12px 4px #ffffff;
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: 5px 8px;
36
+ border-bottom: 1px solid #d0d0d0;
37
+ background: #f8f8f8;
38
+ -webkit-border-radius: 3px 3px 0 0;
39
+ -moz-border-radius: 3px 3px 0 0;
40
+ border-radius: 3px 3px 0 0;
41
+ }
42
+ .selectize-dropdown-header-close {
43
+ position: absolute;
44
+ right: 8px;
45
+ top: 50%;
46
+ color: #303030;
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: 2px 0 0 0;
92
+ border-left: 1px solid #d0d0d0;
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: #cacaca;
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: #ffffff;
111
+ }
112
+ .selectize-control.plugin-remove_button .remove-single {
113
+ position: absolute;
114
+ right: 28px;
115
+ top: 6px;
116
+ font-size: 23px;
117
+ }
118
+ .selectize-control {
119
+ position: relative;
120
+ }
121
+ .selectize-dropdown,
122
+ .selectize-input,
123
+ .selectize-input input {
124
+ color: #303030;
125
+ font-family: inherit;
126
+ font-size: 13px;
127
+ line-height: 18px;
128
+ -webkit-font-smoothing: inherit;
129
+ }
130
+ .selectize-input,
131
+ .selectize-control.single .selectize-input.input-active {
132
+ background: #ffffff;
133
+ cursor: text;
134
+ display: inline-block;
135
+ }
136
+ .selectize-input {
137
+ border: 1px solid #d0d0d0;
138
+ padding: 8px 8px;
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: inset 0 1px 1px rgba(0, 0, 0, 0.1);
148
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
149
+ -webkit-border-radius: 3px;
150
+ -moz-border-radius: 3px;
151
+ border-radius: 3px;
152
+ }
153
+ .selectize-control.multi .selectize-input.has-items {
154
+ padding: 6px 8px 3px;
155
+ }
156
+ .selectize-input.full {
157
+ background-color: #ffffff;
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: 3px 3px 0 0;
169
+ -moz-border-radius: 3px 3px 0 0;
170
+ border-radius: 3px 3px 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: 2px 6px;
183
+ background: #f2f2f2;
184
+ color: #303030;
185
+ border: 0 solid #d0d0d0;
186
+ }
187
+ .selectize-control.multi .selectize-input > div.active {
188
+ background: #e8e8e8;
189
+ color: #303030;
190
+ border: 0 solid #cacaca;
191
+ }
192
+ .selectize-control.multi .selectize-input.disabled > div,
193
+ .selectize-control.multi .selectize-input.disabled > div.active {
194
+ color: #7d7d7d;
195
+ background: #ffffff;
196
+ border: 0 solid #ffffff;
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 2px 0 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: #f0f0f0;
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: #ffffff;
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 3px 3px;
247
+ -moz-border-radius: 0 0 3px 3px;
248
+ border-radius: 0 0 3px 3px;
249
+ }
250
+ .selectize-dropdown [data-selectable] {
251
+ cursor: pointer;
252
+ overflow: hidden;
253
+ }
254
+ .selectize-dropdown [data-selectable] .highlight {
255
+ background: rgba(125, 168, 208, 0.2);
256
+ -webkit-border-radius: 1px;
257
+ -moz-border-radius: 1px;
258
+ border-radius: 1px;
259
+ }
260
+ .selectize-dropdown [data-selectable],
261
+ .selectize-dropdown .optgroup-header {
262
+ padding: 5px 8px;
263
+ }
264
+ .selectize-dropdown .optgroup:first-child .optgroup-header {
265
+ border-top: 0 none;
266
+ }
267
+ .selectize-dropdown .optgroup-header {
268
+ color: #303030;
269
+ background: #ffffff;
270
+ cursor: default;
271
+ }
272
+ .selectize-dropdown .active {
273
+ background-color: #f5fafd;
274
+ color: #495c68;
275
+ }
276
+ .selectize-dropdown .active.create {
277
+ color: #495c68;
278
+ }
279
+ .selectize-dropdown .create {
280
+ color: rgba(48, 48, 48, 0.5);
281
+ }
282
+ .selectize-dropdown-content {
283
+ overflow-y: auto;
284
+ overflow-x: hidden;
285
+ max-height: 200px;
286
+ -webkit-overflow-scrolling: touch;
287
+ }
288
+ .selectize-control.single .selectize-input,
289
+ .selectize-control.single .selectize-input input {
290
+ cursor: pointer;
291
+ }
292
+ .selectize-control.single .selectize-input.input-active,
293
+ .selectize-control.single .selectize-input.input-active input {
294
+ cursor: text;
295
+ }
296
+ .selectize-control.single .selectize-input:after {
297
+ content: ' ';
298
+ display: block;
299
+ position: absolute;
300
+ top: 50%;
301
+ right: 15px;
302
+ margin-top: -3px;
303
+ width: 0;
304
+ height: 0;
305
+ border-style: solid;
306
+ border-width: 5px 5px 0 5px;
307
+ border-color: #808080 transparent transparent transparent;
308
+ }
309
+ .selectize-control.single .selectize-input.dropdown-active:after {
310
+ margin-top: -4px;
311
+ border-width: 0 5px 5px 5px;
312
+ border-color: transparent transparent #808080 transparent;
313
+ }
314
+ .selectize-control.rtl.single .selectize-input:after {
315
+ left: 15px;
316
+ right: auto;
317
+ }
318
+ .selectize-control.rtl .selectize-input > input {
319
+ margin: 0 4px 0 -2px !important;
320
+ }
321
+ .selectize-control .selectize-input.disabled {
322
+ opacity: 0.5;
323
+ background-color: #fafafa;
324
+ }