waterfall_bourbon_neat_rails 0.1.9.9 → 0.2.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -7,3 +7,4 @@
7
7
  //= require jquery.validate
8
8
  //= require jquery.validate.additional-methods
9
9
  //= require dialog
10
+ //= require libs/chosen.jquery
@@ -45,72 +45,6 @@ input.error{
45
45
  }
46
46
 
47
47
 
48
-
49
-
50
- //ajax spinner
51
-
52
- .spinner{
53
- position: absolute;
54
- top:0;
55
- bottom:0;
56
- left:0;
57
- right:0;
58
- z-index: 9999;
59
- display: none;
60
- background-color: rgba(134, 134, 134, 0.66);;
61
-
62
- .ajax-spinner{
63
- width: 30px;
64
- height: 30px;
65
- margin: 100px auto;
66
- border: 8px solid #fff;
67
- border-right-color: transparent;
68
- border-radius: 50%;
69
- box-shadow: 0 0 25px 2px #eee;
70
- -webkit-animation: spin 1s linear infinite;
71
- -moz-animation: spin 1s linear infinite;
72
- -ms-animation: spin 1s linear infinite;
73
- -o-animation: spin 1s linear infinite;
74
- animation: spin 1s linear infinite;
75
- }
76
- }
77
-
78
- @-webkit-keyframes spin
79
- {
80
- from { -webkit-transform: rotate(0deg); opacity: 0.4; }
81
- 50% { -webkit-transform: rotate(180deg); opacity: 1; }
82
- to { -webkit-transform: rotate(360deg); opacity: 0.4; }
83
- }
84
-
85
- @-moz-keyframes spin
86
- {
87
- from { -moz-transform: rotate(0deg); opacity: 0.4; }
88
- 50% { -moz-transform: rotate(180deg); opacity: 1; }
89
- to { -moz-transform: rotate(360deg); opacity: 0.4; }
90
- }
91
-
92
- @-ms-keyframes spin
93
- {
94
- from { -ms-transform: rotate(0deg); opacity: 0.4; }
95
- 50% { -ms-transform: rotate(180deg); opacity: 1; }
96
- to { -ms-transform: rotate(360deg); opacity: 0.4; }
97
- }
98
-
99
- @-o-keyframes spin
100
- {
101
- from { -o-transform: rotate(0deg); opacity: 0.4; }
102
- 50% { -o-transform: rotate(180deg); opacity: 1; }
103
- to { -o-transform: rotate(360deg); opacity: 0.4; }
104
- }
105
-
106
- @keyframes spin
107
- {
108
- from { transform: rotate(0deg); opacity: 0.2; }
109
- 50% { transform: rotate(180deg); opacity: 1; }
110
- to { transform: rotate(360deg); opacity: 0.2; }
111
- }
112
-
113
-
114
48
  //url component(generate link for register)
115
49
 
116
50
  .url{
@@ -211,7 +211,7 @@ body#main{
211
211
 
212
212
  }
213
213
 
214
- select{
214
+ #user_details_state{
215
215
  width: 60px;
216
216
  height: 38px;
217
217
  margin-bottom: 0;
@@ -0,0 +1,62 @@
1
+ //ajax spinner
2
+
3
+ .spinner{
4
+ position: absolute;
5
+ top:0;
6
+ bottom:0;
7
+ left:0;
8
+ right:0;
9
+ z-index: 9999;
10
+ display: none;
11
+ background-color: rgba(134, 134, 134, 0.66);;
12
+
13
+ .ajax-spinner{
14
+ width: 30px;
15
+ height: 30px;
16
+ margin: 100px auto;
17
+ border: 8px solid #fff;
18
+ border-right-color: transparent;
19
+ border-radius: 50%;
20
+ box-shadow: 0 0 25px 2px #eee;
21
+ -webkit-animation: spin 1s linear infinite;
22
+ -moz-animation: spin 1s linear infinite;
23
+ -ms-animation: spin 1s linear infinite;
24
+ -o-animation: spin 1s linear infinite;
25
+ animation: spin 1s linear infinite;
26
+ }
27
+ }
28
+
29
+ @-webkit-keyframes spin
30
+ {
31
+ from { -webkit-transform: rotate(0deg); opacity: 0.4; }
32
+ 50% { -webkit-transform: rotate(180deg); opacity: 1; }
33
+ to { -webkit-transform: rotate(360deg); opacity: 0.4; }
34
+ }
35
+
36
+ @-moz-keyframes spin
37
+ {
38
+ from { -moz-transform: rotate(0deg); opacity: 0.4; }
39
+ 50% { -moz-transform: rotate(180deg); opacity: 1; }
40
+ to { -moz-transform: rotate(360deg); opacity: 0.4; }
41
+ }
42
+
43
+ @-ms-keyframes spin
44
+ {
45
+ from { -ms-transform: rotate(0deg); opacity: 0.4; }
46
+ 50% { -ms-transform: rotate(180deg); opacity: 1; }
47
+ to { -ms-transform: rotate(360deg); opacity: 0.4; }
48
+ }
49
+
50
+ @-o-keyframes spin
51
+ {
52
+ from { -o-transform: rotate(0deg); opacity: 0.4; }
53
+ 50% { -o-transform: rotate(180deg); opacity: 1; }
54
+ to { -o-transform: rotate(360deg); opacity: 0.4; }
55
+ }
56
+
57
+ @keyframes spin
58
+ {
59
+ from { transform: rotate(0deg); opacity: 0.2; }
60
+ 50% { transform: rotate(180deg); opacity: 1; }
61
+ to { transform: rotate(360deg); opacity: 0.2; }
62
+ }
@@ -0,0 +1,447 @@
1
+ /* @group Base */
2
+ .chosen-container {
3
+ position: relative;
4
+ display: inline-block;
5
+ vertical-align: middle;
6
+ font-size: 13px;
7
+ zoom: 1;
8
+ *display: inline;
9
+ -webkit-user-select: none;
10
+ -moz-user-select: none;
11
+ user-select: none;
12
+
13
+ //custom
14
+ margin-bottom: 30px;
15
+ }
16
+ .chosen-container .chosen-drop {
17
+ position: absolute;
18
+ top: 100%;
19
+ left: -9999px;
20
+ z-index: 1010;
21
+ -webkit-box-sizing: border-box;
22
+ -moz-box-sizing: border-box;
23
+ box-sizing: border-box;
24
+ width: 100%;
25
+ border: 1px solid #aaa;
26
+ border-top: 0;
27
+ background: #fff;
28
+ box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
29
+ }
30
+ .chosen-container.chosen-with-drop .chosen-drop {
31
+ left: 0;
32
+ }
33
+ .chosen-container a {
34
+ cursor: pointer;
35
+ }
36
+
37
+ /* @end */
38
+ /* @group Single Chosen */
39
+ .chosen-container-single .chosen-single {
40
+ position: relative;
41
+ display: block;
42
+ overflow: hidden;
43
+ padding: 0 0 0 8px;
44
+ height: 23px;
45
+ border: 1px solid #aaa;
46
+ border-radius: 5px;
47
+ background-color: #fff;
48
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
49
+ background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
50
+ background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
51
+ background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
52
+ background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
53
+ background-clip: padding-box;
54
+ box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
55
+ color: #444;
56
+ text-decoration: none;
57
+ white-space: nowrap;
58
+ line-height: 24px;
59
+ }
60
+ .chosen-container-single .chosen-default {
61
+ color: #999;
62
+ }
63
+ .chosen-container-single .chosen-single span {
64
+ display: block;
65
+ overflow: hidden;
66
+ margin-right: 26px;
67
+ text-overflow: ellipsis;
68
+ white-space: nowrap;
69
+ }
70
+ .chosen-container-single .chosen-single-with-deselect span {
71
+ margin-right: 38px;
72
+ }
73
+ .chosen-container-single .chosen-single abbr {
74
+ position: absolute;
75
+ top: 6px;
76
+ right: 26px;
77
+ display: block;
78
+ width: 12px;
79
+ height: 12px;
80
+ background: url('chosen-sprite.png') -42px 1px no-repeat;
81
+ font-size: 1px;
82
+ }
83
+ .chosen-container-single .chosen-single abbr:hover {
84
+ background-position: -42px -10px;
85
+ }
86
+ .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
87
+ background-position: -42px -10px;
88
+ }
89
+ .chosen-container-single .chosen-single div {
90
+ position: absolute;
91
+ top: 0;
92
+ right: 0;
93
+ display: block;
94
+ width: 18px;
95
+ height: 100%;
96
+ }
97
+ .chosen-container-single .chosen-single div b {
98
+ display: block;
99
+ width: 100%;
100
+ height: 100%;
101
+ background: url('chosen-sprite.png') no-repeat 0px 2px;
102
+ }
103
+ .chosen-container-single .chosen-search {
104
+ position: relative;
105
+ z-index: 1010;
106
+ margin: 0;
107
+ padding: 3px 4px;
108
+ white-space: nowrap;
109
+ }
110
+ .chosen-container-single .chosen-search input[type="text"] {
111
+ -webkit-box-sizing: border-box;
112
+ -moz-box-sizing: border-box;
113
+ box-sizing: border-box;
114
+ margin: 1px 0;
115
+ padding: 4px 20px 4px 5px;
116
+ width: 100%;
117
+ height: auto;
118
+ outline: 0;
119
+ border: 1px solid #aaa;
120
+ background: white url('chosen-sprite.png') no-repeat 100% -20px;
121
+ background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
122
+ background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
123
+ background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
124
+ background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
125
+ background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
126
+ font-size: 1em;
127
+ font-family: sans-serif;
128
+ line-height: normal;
129
+ border-radius: 0;
130
+ }
131
+ .chosen-container-single .chosen-drop {
132
+ margin-top: -1px;
133
+ border-radius: 0 0 4px 4px;
134
+ background-clip: padding-box;
135
+ }
136
+ .chosen-container-single.chosen-container-single-nosearch .chosen-search {
137
+ position: absolute;
138
+ left: -9999px;
139
+ }
140
+
141
+ /* @end */
142
+ /* @group Results */
143
+ .chosen-container .chosen-results {
144
+ position: relative;
145
+ overflow-x: hidden;
146
+ overflow-y: auto;
147
+ margin: 0 4px 4px 0;
148
+ padding: 0 0 0 4px;
149
+ max-height: 240px;
150
+ -webkit-overflow-scrolling: touch;
151
+ }
152
+ .chosen-container .chosen-results li {
153
+ display: none;
154
+ margin: 0;
155
+ padding: 5px 6px;
156
+ list-style: none;
157
+ line-height: 15px;
158
+ }
159
+ .chosen-container .chosen-results li.active-result {
160
+ display: list-item;
161
+ cursor: pointer;
162
+ }
163
+ .chosen-container .chosen-results li.disabled-result {
164
+ display: list-item;
165
+ color: #ccc;
166
+ cursor: default;
167
+ }
168
+ .chosen-container .chosen-results li.highlighted {
169
+ background-color: #3875d7;
170
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
171
+ background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
172
+ background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
173
+ background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
174
+ background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
175
+ color: #fff;
176
+ }
177
+ .chosen-container .chosen-results li.no-results {
178
+ display: list-item;
179
+ background: #f4f4f4;
180
+ }
181
+ .chosen-container .chosen-results li.group-result {
182
+ display: list-item;
183
+ font-weight: bold;
184
+ cursor: default;
185
+ }
186
+ .chosen-container .chosen-results li.group-option {
187
+ padding-left: 15px;
188
+ }
189
+ .chosen-container .chosen-results li em {
190
+ font-style: normal;
191
+ text-decoration: underline;
192
+ }
193
+
194
+ /* @end */
195
+ /* @group Multi Chosen */
196
+ .chosen-container-multi .chosen-choices {
197
+ position: relative;
198
+ overflow: hidden;
199
+ -webkit-box-sizing: border-box;
200
+ -moz-box-sizing: border-box;
201
+ box-sizing: border-box;
202
+ margin: 0;
203
+ padding: 0;
204
+ width: 100%;
205
+ // height: auto !important;
206
+ height: 1%;
207
+ border: 1px solid #aaa;
208
+ background-color: #fff;
209
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
210
+ background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
211
+ background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
212
+ background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
213
+ background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
214
+ cursor: text;
215
+
216
+ //custom
217
+ height: 80px;
218
+ overflow-y:scroll;
219
+ }
220
+ .chosen-container-multi .chosen-choices li {
221
+ float: left;
222
+ list-style: none;
223
+ }
224
+ .chosen-container-multi .chosen-choices li.search-field {
225
+ margin: 0;
226
+ padding: 0;
227
+ white-space: nowrap;
228
+ }
229
+ .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
230
+ margin: 1px 0;
231
+ padding: 5px;
232
+ height: 15px;
233
+ outline: 0;
234
+ border: 0 !important;
235
+ background: transparent !important;
236
+ box-shadow: none;
237
+ color: #666;
238
+ font-size: 100%;
239
+ font-family: sans-serif;
240
+ line-height: normal;
241
+ border-radius: 0;
242
+ }
243
+ .chosen-container-multi .chosen-choices li.search-field .default {
244
+ color: #999;
245
+
246
+ //custom
247
+ min-height: 40px;
248
+ }
249
+ .chosen-container-multi .chosen-choices li.search-choice {
250
+ position: relative;
251
+ margin: 3px 0 3px 5px;
252
+ padding: 3px 20px 3px 5px;
253
+ border: 1px solid #aaa;
254
+ border-radius: 3px;
255
+ background-color: #e4e4e4;
256
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
257
+ background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
258
+ background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
259
+ background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
260
+ background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
261
+ background-clip: padding-box;
262
+ box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
263
+ color: #333;
264
+ line-height: 13px;
265
+ cursor: default;
266
+
267
+ //custom
268
+ height: 35px;
269
+ line-height: 35px;
270
+ }
271
+ .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
272
+ position: absolute;
273
+ top: 4px;
274
+ right: 3px;
275
+ display: block;
276
+ width: 12px;
277
+ height: 12px;
278
+ background: url('chosen-sprite.png') -42px 1px no-repeat;
279
+ font-size: 1px;
280
+
281
+ //custom
282
+ top:7px;
283
+ }
284
+ .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
285
+ background-position: -42px -10px;
286
+ }
287
+ .chosen-container-multi .chosen-choices li.search-choice-disabled {
288
+ padding-right: 5px;
289
+ border: 1px solid #ccc;
290
+ background-color: #e4e4e4;
291
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
292
+ background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
293
+ background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
294
+ background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
295
+ background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
296
+ color: #666;
297
+ }
298
+ .chosen-container-multi .chosen-choices li.search-choice-focus {
299
+ background: #d4d4d4;
300
+ }
301
+ .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
302
+ background-position: -42px -10px;
303
+ }
304
+ .chosen-container-multi .chosen-results {
305
+ margin: 0;
306
+ padding: 0;
307
+ }
308
+ .chosen-container-multi .chosen-drop .result-selected {
309
+ display: list-item;
310
+ color: #ccc;
311
+ cursor: default;
312
+ }
313
+
314
+ /* @end */
315
+ /* @group Active */
316
+ .chosen-container-active .chosen-single {
317
+ border: 1px solid #5897fb;
318
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
319
+ }
320
+ .chosen-container-active.chosen-with-drop .chosen-single {
321
+ border: 1px solid #aaa;
322
+ -moz-border-radius-bottomright: 0;
323
+ border-bottom-right-radius: 0;
324
+ -moz-border-radius-bottomleft: 0;
325
+ border-bottom-left-radius: 0;
326
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
327
+ background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
328
+ background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
329
+ background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
330
+ background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
331
+ box-shadow: 0 1px 0 #fff inset;
332
+ }
333
+ .chosen-container-active.chosen-with-drop .chosen-single div {
334
+ border-left: none;
335
+ background: transparent;
336
+ }
337
+ .chosen-container-active.chosen-with-drop .chosen-single div b {
338
+ background-position: -18px 2px;
339
+ }
340
+ .chosen-container-active .chosen-choices {
341
+ border: 1px solid #5897fb;
342
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
343
+ }
344
+ .chosen-container-active .chosen-choices li.search-field input[type="text"] {
345
+ color: #111 !important;
346
+ }
347
+
348
+ /* @end */
349
+ /* @group Disabled Support */
350
+ .chosen-disabled {
351
+ opacity: 0.5 !important;
352
+ cursor: default;
353
+ }
354
+ .chosen-disabled .chosen-single {
355
+ cursor: default;
356
+ }
357
+ .chosen-disabled .chosen-choices .search-choice .search-choice-close {
358
+ cursor: default;
359
+ }
360
+
361
+ /* @end */
362
+ /* @group Right to Left */
363
+ .chosen-rtl {
364
+ text-align: right;
365
+ }
366
+ .chosen-rtl .chosen-single {
367
+ overflow: visible;
368
+ padding: 0 8px 0 0;
369
+ }
370
+ .chosen-rtl .chosen-single span {
371
+ margin-right: 0;
372
+ margin-left: 26px;
373
+ direction: rtl;
374
+ }
375
+ .chosen-rtl .chosen-single-with-deselect span {
376
+ margin-left: 38px;
377
+ }
378
+ .chosen-rtl .chosen-single div {
379
+ right: auto;
380
+ left: 3px;
381
+ }
382
+ .chosen-rtl .chosen-single abbr {
383
+ right: auto;
384
+ left: 26px;
385
+ }
386
+ .chosen-rtl .chosen-choices li {
387
+ float: right;
388
+ }
389
+ .chosen-rtl .chosen-choices li.search-field input[type="text"] {
390
+ direction: rtl;
391
+ }
392
+ .chosen-rtl .chosen-choices li.search-choice {
393
+ margin: 3px 5px 3px 0;
394
+ padding: 3px 5px 3px 19px;
395
+ }
396
+ .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
397
+ right: auto;
398
+ left: 4px;
399
+ }
400
+ .chosen-rtl.chosen-container-single-nosearch .chosen-search,
401
+ .chosen-rtl .chosen-drop {
402
+ left: 9999px;
403
+ }
404
+ .chosen-rtl.chosen-container-single .chosen-results {
405
+ margin: 0 0 4px 4px;
406
+ padding: 0 4px 0 0;
407
+ }
408
+ .chosen-rtl .chosen-results li.group-option {
409
+ padding-right: 15px;
410
+ padding-left: 0;
411
+ }
412
+ .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
413
+ border-right: none;
414
+ }
415
+ .chosen-rtl .chosen-search input[type="text"] {
416
+ padding: 4px 5px 4px 20px;
417
+ background: white url('../assets/images/chosen-sprite.png') no-repeat -30px -20px;
418
+ background: url('../assets/images/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
419
+ background: url('../assets/images/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
420
+ background: url('../assets/images/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
421
+ background: url('../assets/images/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
422
+ background: url('../assets/images/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
423
+ direction: rtl;
424
+ }
425
+ .chosen-rtl.chosen-container-single .chosen-single div b {
426
+ background-position: 6px 2px;
427
+ }
428
+ .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
429
+ background-position: -12px 2px;
430
+ }
431
+
432
+ /* @end */
433
+ /* @group Retina compatibility */
434
+ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
435
+ .chosen-rtl .chosen-search input[type="text"],
436
+ .chosen-container-single .chosen-single abbr,
437
+ .chosen-container-single .chosen-single div b,
438
+ .chosen-container-single .chosen-search input[type="text"],
439
+ .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
440
+ .chosen-container .chosen-results-scroll-down span,
441
+ .chosen-container .chosen-results-scroll-up span {
442
+ background-image: url('chosen-sprite@2x.png') !important;
443
+ background-size: 52px 37px !important;
444
+ background-repeat: no-repeat !important;
445
+ }
446
+ }
447
+ /* @end */