fuelux-rails-sass 3.4.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,2067 @@
1
+ /*!
2
+ * Fuel UX v3.4.0
3
+ * Copyright 2012-2014 ExactTarget
4
+ * Licensed under the BSD-3-Clause license ()
5
+ */
6
+
7
+ .fuelux {
8
+
9
+ }@charset "UTF-8";
10
+ .fuelux .clearfix {
11
+ *zoom: 1;
12
+ }
13
+ .fuelux .clearfix:before,
14
+ .fuelux .clearfix:after {
15
+ display: table;
16
+ content: "";
17
+ line-height: 0;
18
+ }
19
+ .fuelux .clearfix:after {
20
+ clear: both;
21
+ }
22
+ @font-face {
23
+ font-family: "fuelux";
24
+ src: font-url("fuelux.eot");
25
+ src: font-url("fuelux.eot?#iefix") format("embedded-opentype"), font-url("fuelux.woff") format("woff"), font-url("fuelux.ttf") format("truetype"), font-url("fuelux.svg#fuelux") format("svg");
26
+ font-weight: normal;
27
+ font-style: normal;
28
+ }
29
+ .fuelux [class^="fueluxicon-"]:before,
30
+ .fuelux [class*=" fueluxicon-"]:before {
31
+ font-family: "fuelux" !important;
32
+ font-style: normal !important;
33
+ font-weight: normal !important;
34
+ font-variant: normal !important;
35
+ text-transform: none !important;
36
+ line-height: 1;
37
+ speak: none;
38
+ -webkit-font-smoothing: antialiased;
39
+ -moz-osx-font-smoothing: grayscale;
40
+ }
41
+ .fuelux .fueluxicon-loader-full:before {
42
+ content: "\e000";
43
+ }
44
+ .fuelux .fueluxicon-loader-1:before {
45
+ content: "\e001";
46
+ }
47
+ .fuelux .fueluxicon-loader-2:before {
48
+ content: "\e002";
49
+ }
50
+ .fuelux .fueluxicon-loader-3:before {
51
+ content: "\e003";
52
+ }
53
+ .fuelux .fueluxicon-loader-4:before {
54
+ content: "\e004";
55
+ }
56
+ .fuelux .fueluxicon-loader-5:before {
57
+ content: "\e005";
58
+ }
59
+ .fuelux .fueluxicon-loader-6:before {
60
+ content: "\e006";
61
+ }
62
+ .fuelux .fueluxicon-loader-7:before {
63
+ content: "\e007";
64
+ }
65
+ .fuelux .fueluxicon-loader-8:before {
66
+ content: "\e008";
67
+ }
68
+ .fuelux .fueluxicon-bullet:before {
69
+ content: "\e009";
70
+ }
71
+ .fuelux .checkbox {
72
+ /* for keyboard tabbing */
73
+ }
74
+ .fuelux .checkbox.highlight {
75
+ padding: 4px;
76
+ }
77
+ .fuelux .checkbox.highlight.checked {
78
+ background: #e9e9e9;
79
+ border-radius: 4px;
80
+ }
81
+ .fuelux .checkbox input[type="checkbox"]:focus + .checkbox-label,
82
+ .fuelux .checkbox input[type="checkbox"]:hover + .checkbox-label,
83
+ .fuelux .checkbox .checkbox-label:hover {
84
+ color: #999999;
85
+ }
86
+ .fuelux .form-horizontal .checkbox-inline {
87
+ padding-top: 0;
88
+ }
89
+ .fuelux .input-group-addon.checkbox-custom.checkbox-inline:before {
90
+ left: 11px;
91
+ top: 9px;
92
+ }
93
+ .fuelux .checkbox-custom {
94
+ position: relative;
95
+ /* for keyboard tabbing */
96
+ }
97
+ .fuelux .checkbox-custom:before {
98
+ font-family: "Glyphicons Halflings" !important;
99
+ font-style: normal !important;
100
+ font-weight: normal !important;
101
+ font-variant: normal !important;
102
+ text-transform: none !important;
103
+ line-height: 1;
104
+ speak: none;
105
+ -webkit-font-smoothing: antialiased;
106
+ -moz-osx-font-smoothing: grayscale;
107
+ border: 1px solid #adadad;
108
+ border-radius: 4px;
109
+ color: #fff;
110
+ content: " ";
111
+ font-size: 9px;
112
+ height: 14px;
113
+ left: 0px;
114
+ padding: 1px 0 0 1px;
115
+ position: absolute;
116
+ top: 3px;
117
+ width: 14px;
118
+ }
119
+ .fuelux .checkbox-custom.checked:before {
120
+ background: #39b3d7;
121
+ border-color: #39b3d7;
122
+ content: "\e013";
123
+ }
124
+ .fuelux .checkbox-custom.disabled {
125
+ cursor: not-allowed;
126
+ }
127
+ .fuelux .checkbox-custom.disabled:before {
128
+ cursor: not-allowed;
129
+ opacity: .5;
130
+ }
131
+ .fuelux .checkbox-custom.checkbox-inline:before {
132
+ left: 0;
133
+ top: 3px;
134
+ }
135
+ .fuelux .checkbox-custom.checkbox-inline.highlight {
136
+ padding: 4px 4px 4px 24px;
137
+ }
138
+ .fuelux .checkbox-custom.checkbox-inline.highlight:before {
139
+ left: 4px;
140
+ top: 7px;
141
+ }
142
+ .fuelux .checkbox-custom.checkbox-inline.highlight.checked {
143
+ background: #e9e9e9;
144
+ border-radius: 4px;
145
+ }
146
+ .fuelux .checkbox-custom input[type="checkbox"]:focus + .checkbox-label {
147
+ color: #999999;
148
+ }
149
+ .fuelux .combobox.disabled .input-group-btn {
150
+ cursor: not-allowed;
151
+ }
152
+ .fuelux .combobox input::-ms-clear {
153
+ display: none;
154
+ }
155
+ .fuelux .datepicker-calendar {
156
+ padding: 16px 16px 0;
157
+ min-height: 262px;
158
+ }
159
+ .fuelux .datepicker-calendar button {
160
+ border: 0;
161
+ padding: 0;
162
+ background-color: transparent;
163
+ }
164
+ .fuelux .datepicker-calendar-days {
165
+ height: 182px;
166
+ margin: 10px 0 12px;
167
+ width: 100%;
168
+ /* for spacing */
169
+ }
170
+ .fuelux .datepicker-calendar-days thead {
171
+ border-bottom: 1px solid #cccaca;
172
+ }
173
+ .fuelux .datepicker-calendar-days tbody:before {
174
+ line-height: 3px;
175
+ content: "\200C";
176
+ display: block;
177
+ }
178
+ .fuelux .datepicker-calendar-days td,
179
+ .fuelux .datepicker-calendar-days th {
180
+ font-size: 14px;
181
+ height: 32px;
182
+ text-align: center;
183
+ vertical-align: middle;
184
+ width: 14.29%;
185
+ }
186
+ .fuelux .datepicker-calendar-days td b,
187
+ .fuelux .datepicker-calendar-days td button {
188
+ color: #231f20;
189
+ display: inline-block;
190
+ font-weight: normal;
191
+ height: 30px;
192
+ text-decoration: none;
193
+ width: 30px;
194
+ }
195
+ .fuelux .datepicker-calendar-days td b {
196
+ line-height: 30px;
197
+ }
198
+ .fuelux .datepicker-calendar-days td span {
199
+ display: block;
200
+ }
201
+ .fuelux .datepicker-calendar-days td span:hover {
202
+ background: #f1f1f1;
203
+ text-decoration: none;
204
+ }
205
+ .fuelux .datepicker-calendar-days td.current-day b,
206
+ .fuelux .datepicker-calendar-days td.current-day button {
207
+ border: 1px solid #333;
208
+ }
209
+ .fuelux .datepicker-calendar-days td.last-month,
210
+ .fuelux .datepicker-calendar-days td.next-month {
211
+ background: #e3e2e1;
212
+ }
213
+ .fuelux .datepicker-calendar-days td.past b,
214
+ .fuelux .datepicker-calendar-days td.past button {
215
+ color: #8d8787;
216
+ }
217
+ .fuelux .datepicker-calendar-days td.restricted b,
218
+ .fuelux .datepicker-calendar-days td.restricted button {
219
+ cursor: no-drop;
220
+ position: relative;
221
+ }
222
+ .fuelux .datepicker-calendar-days td.restricted b:before,
223
+ .fuelux .datepicker-calendar-days td.restricted button:before {
224
+ border-top: 1px solid #a94442;
225
+ bottom: 0;
226
+ content: " ";
227
+ display: block;
228
+ left: 5px;
229
+ position: absolute;
230
+ right: 5px;
231
+ top: 50%;
232
+ }
233
+ .fuelux .datepicker-calendar-days td.restricted b:hover,
234
+ .fuelux .datepicker-calendar-days td.restricted button:hover {
235
+ background: none;
236
+ }
237
+ .fuelux .datepicker-calendar-days td.selected span {
238
+ background: #efefef;
239
+ }
240
+ .fuelux .datepicker-calendar-days td.selected span:hover {
241
+ background: #d7d7d7;
242
+ }
243
+ .fuelux .datepicker-calendar-days td.selected b,
244
+ .fuelux .datepicker-calendar-days td.selected button {
245
+ color: #8d8787;
246
+ }
247
+ .fuelux .datepicker-calendar-days td.selected.current-day {
248
+ box-shadow: 0 0 0 1px #fff offset;
249
+ }
250
+ .fuelux .datepicker-calendar-days td.selected.current-day span:hover b,
251
+ .fuelux .datepicker-calendar-days td.selected.current-day span:hover button {
252
+ border-color: #0f5f9f;
253
+ }
254
+ .fuelux .datepicker-calendar-days th {
255
+ font-weight: bold;
256
+ height: 22px;
257
+ vertical-align: top;
258
+ }
259
+ .fuelux .datepicker-calendar-header {
260
+ *zoom: 1;
261
+ }
262
+ .fuelux .datepicker-calendar-header:before,
263
+ .fuelux .datepicker-calendar-header:after {
264
+ display: table;
265
+ content: "";
266
+ line-height: 0;
267
+ }
268
+ .fuelux .datepicker-calendar-header:after {
269
+ clear: both;
270
+ }
271
+ .fuelux .datepicker-calendar-header button {
272
+ border: 0;
273
+ padding: 0;
274
+ background-color: transparent;
275
+ }
276
+ .fuelux .datepicker-calendar-header .title {
277
+ margin: 0 auto;
278
+ text-align: center;
279
+ display: block;
280
+ width: 174px;
281
+ color: #4d4d4f;
282
+ font-size: 20px;
283
+ line-height: 30px;
284
+ text-decoration: underline;
285
+ vertical-align: middle;
286
+ }
287
+ .fuelux .datepicker-calendar-header .title:hover {
288
+ color: #1d75bb;
289
+ text-decoration: underline;
290
+ }
291
+ .fuelux .datepicker-calendar-header .title.disabled {
292
+ cursor: default;
293
+ pointer-events: none;
294
+ text-decoration: none;
295
+ }
296
+ .fuelux .datepicker-calendar-header .title .month {
297
+ display: inline;
298
+ margin: 0;
299
+ padding: 0;
300
+ }
301
+ .fuelux .datepicker-calendar-header .title .month span {
302
+ display: none;
303
+ }
304
+ .fuelux .datepicker-calendar-header .title .month span.current {
305
+ display: inline;
306
+ }
307
+ .fuelux .datepicker-calendar-header .next,
308
+ .fuelux .datepicker-calendar-header .prev {
309
+ background: #666669;
310
+ background-clip: padding-box;
311
+ border-radius: 30px;
312
+ cursor: pointer;
313
+ float: left;
314
+ height: 30px;
315
+ text-align: center;
316
+ width: 30px;
317
+ }
318
+ .fuelux .datepicker-calendar-header .next span.glyphicon,
319
+ .fuelux .datepicker-calendar-header .prev span.glyphicon {
320
+ color: #fff;
321
+ font-size: 16px;
322
+ line-height: 30px;
323
+ }
324
+ .fuelux .datepicker-calendar-header .next:hover,
325
+ .fuelux .datepicker-calendar-header .prev:hover {
326
+ background: #1d75bb;
327
+ }
328
+ .fuelux .datepicker-calendar-header .next {
329
+ float: right;
330
+ }
331
+ .fuelux .datepicker-calendar-header .next span.glyphicon {
332
+ line-height: 28px;
333
+ }
334
+ .fuelux .datepicker-calendar-footer {
335
+ background: #e3e2e1;
336
+ background-clip: padding-box;
337
+ border-radius: 0 0 4px 4px;
338
+ border-top: 1px solid #cccaca;
339
+ height: 30px;
340
+ margin: 0 -16px;
341
+ padding: 4px 14px;
342
+ }
343
+ .fuelux .datepicker-calendar-footer .datepicker-today {
344
+ color: #231f20;
345
+ font-size: 14px;
346
+ text-decoration: underline;
347
+ }
348
+ .fuelux .datepicker-calendar-footer .datepicker-today:hover {
349
+ color: #1b75bb;
350
+ text-decoration: underline;
351
+ }
352
+ .fuelux .datepicker-calendar-footer .datepicker-today.disabled {
353
+ color: #8b8c8e;
354
+ cursor: default;
355
+ pointer-events: none;
356
+ }
357
+ .fuelux .datepicker-calendar-footer .datepicker-today.disabled:hover {
358
+ color: #8b8c8e;
359
+ }
360
+ .fuelux .datepicker-calendar-wrapper {
361
+ border: 1px solid #6e6f71;
362
+ min-height: 20px;
363
+ padding: 0;
364
+ width: 300px;
365
+ }
366
+ .fuelux .datepicker-wheels {
367
+ display: none;
368
+ }
369
+ .fuelux .datepicker-wheels ul button {
370
+ border: 0;
371
+ padding: 0;
372
+ background-color: transparent;
373
+ }
374
+ .fuelux .datepicker-wheels-footer {
375
+ background: #e3e2e1;
376
+ border-radius: 0 0 4px 4px;
377
+ border-top: 1px solid #cccaca;
378
+ clear: both;
379
+ }
380
+ .fuelux .datepicker-wheels-footer .datepicker-wheels-back {
381
+ display: block;
382
+ color: #4d4d4f;
383
+ float: left;
384
+ line-height: 22px;
385
+ border: 0;
386
+ background-color: transparent;
387
+ }
388
+ .fuelux .datepicker-wheels-footer .datepicker-wheels-back:hover {
389
+ color: #1d75bb;
390
+ }
391
+ .fuelux .datepicker-wheels-footer .datepicker-wheels-select {
392
+ float: right;
393
+ background-color: transparent;
394
+ color: #049cdb;
395
+ }
396
+ .fuelux .datepicker-wheels-footer .datepicker-wheels-select:hover {
397
+ color: #1d75bb;
398
+ }
399
+ .fuelux .datepicker-wheels-month,
400
+ .fuelux .datepicker-wheels-year {
401
+ float: left;
402
+ width: 50%;
403
+ }
404
+ .fuelux .datepicker-wheels-month ul,
405
+ .fuelux .datepicker-wheels-year ul {
406
+ height: 217px;
407
+ list-style-type: none;
408
+ margin: 0;
409
+ overflow: auto;
410
+ padding: 0;
411
+ text-align: center;
412
+ }
413
+ .fuelux .datepicker-wheels-month ul li,
414
+ .fuelux .datepicker-wheels-year ul li {
415
+ margin: 4px 0;
416
+ }
417
+ .fuelux .datepicker-wheels-month ul li button,
418
+ .fuelux .datepicker-wheels-year ul li button {
419
+ width: 100%;
420
+ text-align: center;
421
+ color: #414041;
422
+ display: block;
423
+ font-size: 16px;
424
+ line-height: 24px;
425
+ text-decoration: none;
426
+ }
427
+ .fuelux .datepicker-wheels-month ul li button:hover,
428
+ .fuelux .datepicker-wheels-year ul li button:hover {
429
+ background: #aee0f8;
430
+ text-decoration: none;
431
+ }
432
+ .fuelux .datepicker-wheels-month ul li.selected button,
433
+ .fuelux .datepicker-wheels-year ul li.selected button {
434
+ background: #1d75bb;
435
+ color: #fff;
436
+ }
437
+ .fuelux .datepicker-wheels-month ul li.selected button:hover,
438
+ .fuelux .datepicker-wheels-year ul li.selected button:hover {
439
+ background: #0f5f9f;
440
+ }
441
+ .fuelux .datepicker-wheels-month .header,
442
+ .fuelux .datepicker-wheels-year .header {
443
+ background: #e3e2e1;
444
+ background-clip: padding-box;
445
+ border-bottom: 1px solid #cccaca;
446
+ border-radius: 4px 0 0 0;
447
+ color: #4d4d4f;
448
+ font-size: 20px;
449
+ font-weight: bold;
450
+ line-height: 30px;
451
+ margin-top: 0;
452
+ margin-bottom: 0;
453
+ text-align: center;
454
+ }
455
+ .fuelux .datepicker-wheels-month.full,
456
+ .fuelux .datepicker-wheels-year.full {
457
+ border-left: 0;
458
+ width: 100%;
459
+ }
460
+ .fuelux .datepicker-wheels-month.full .header,
461
+ .fuelux .datepicker-wheels-year.full .header {
462
+ border-radius: 4px 4px 0 0;
463
+ }
464
+ .fuelux .datepicker-wheels-year {
465
+ border-left: 1px solid #cccaca;
466
+ float: right;
467
+ }
468
+ .fuelux .datepicker-wheels-year .header {
469
+ border-radius: 0 4px 0 0;
470
+ }
471
+ .fuelux .datepicker input::-ms-clear {
472
+ display: none;
473
+ }
474
+ .fuelux .infinitescroll {
475
+ overflow-y: auto;
476
+ }
477
+ .fuelux .infinitescroll .infinitescroll-end {
478
+ clear: both;
479
+ font-style: italic;
480
+ padding: 6px;
481
+ text-align: center;
482
+ }
483
+ .fuelux .infinitescroll .infinitescroll-load {
484
+ clear: both;
485
+ padding: 6px;
486
+ }
487
+ .fuelux .infinitescroll .infinitescroll-load button {
488
+ padding: 5px 12px;
489
+ width: 100%;
490
+ }
491
+ .fuelux .infinitescroll .infinitescroll-load .loader {
492
+ font-size: 32px;
493
+ height: 32px;
494
+ margin: 0 auto;
495
+ width: 32px;
496
+ }
497
+ .fuelux .dropUp {
498
+ -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
499
+ -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
500
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
501
+ }
502
+ .fuelux .loader {
503
+ height: 64px;
504
+ font-size: 64px;
505
+ position: relative;
506
+ width: 64px;
507
+ }
508
+ .fuelux .loader:after,
509
+ .fuelux .loader:before {
510
+ font-family: "fuelux" !important;
511
+ font-style: normal !important;
512
+ font-weight: normal !important;
513
+ font-variant: normal !important;
514
+ text-transform: none !important;
515
+ line-height: 1;
516
+ speak: none;
517
+ -webkit-font-smoothing: antialiased;
518
+ -moz-osx-font-smoothing: grayscale;
519
+ bottom: 0;
520
+ display: block;
521
+ left: 0;
522
+ position: absolute;
523
+ right: 0;
524
+ top: 0;
525
+ }
526
+ .fuelux .loader:before {
527
+ content: '\e000';
528
+ opacity: 0.33;
529
+ }
530
+ .fuelux .loader.iefix:before {
531
+ color: #bcbcbc;
532
+ opacity: 1;
533
+ }
534
+ .fuelux .loader[data-frame="1"]:after {
535
+ content: '\e001';
536
+ }
537
+ .fuelux .loader[data-frame="2"]:after {
538
+ content: '\e002';
539
+ }
540
+ .fuelux .loader[data-frame="3"]:after {
541
+ content: '\e003';
542
+ }
543
+ .fuelux .loader[data-frame="4"]:after {
544
+ content: '\e004';
545
+ }
546
+ .fuelux .loader[data-frame="5"]:after {
547
+ content: '\e005';
548
+ }
549
+ .fuelux .loader[data-frame="6"]:after {
550
+ content: '\e006';
551
+ }
552
+ .fuelux .loader[data-frame="7"]:after {
553
+ content: '\e007';
554
+ }
555
+ .fuelux .loader[data-frame="8"]:after {
556
+ content: '\e008';
557
+ }
558
+ .fuelux input.glass,
559
+ .fuelux textarea.glass {
560
+ background: transparent;
561
+ border: 1px solid #fff;
562
+ box-shadow: none;
563
+ }
564
+ .fuelux input.glass:hover,
565
+ .fuelux textarea.glass:hover {
566
+ background: #d9edf7;
567
+ border-color: #66afe9;
568
+ cursor: pointer;
569
+ }
570
+ .fuelux input.glass:hover[disabled],
571
+ .fuelux textarea.glass:hover[disabled] {
572
+ background: transparent;
573
+ border-color: #fff;
574
+ cursor: not-allowed;
575
+ }
576
+ .fuelux input.glass:focus,
577
+ .fuelux textarea.glass:focus {
578
+ background: #fff;
579
+ border-color: #66afe9;
580
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
581
+ cursor: auto;
582
+ }
583
+ .fuelux input.glass:focus[disabled],
584
+ .fuelux textarea.glass:focus[disabled] {
585
+ background: transparent;
586
+ border-color: #fff;
587
+ cursor: not-allowed;
588
+ }
589
+ .fuelux input.glass[disabled],
590
+ .fuelux textarea.glass[disabled] {
591
+ cursor: not-allowed;
592
+ }
593
+ .fuelux .input-group-addon {
594
+ padding: 6px 18px;
595
+ }
596
+ .fuelux [data-toggle="buttons"] > .btn > input[type="radio"],
597
+ .fuelux [data-toggle="buttons"] > .btn > input[type="checkbox"] {
598
+ display: inline;
599
+ position: absolute;
600
+ left: -9999px;
601
+ }
602
+ .fuelux .pillbox {
603
+ border: 1px solid #BBBBBB;
604
+ border-radius: 4px;
605
+ cursor: text;
606
+ padding: 3px;
607
+ }
608
+ .fuelux .pillbox[data-readonly] {
609
+ border: 1px solid transparent;
610
+ }
611
+ .fuelux .pillbox[data-readonly].truncate .pillbox-input-wrap {
612
+ display: inline-block;
613
+ }
614
+ .fuelux .pillbox[data-readonly].truncate .pillbox-input-wrap.truncated {
615
+ display: none;
616
+ }
617
+ .fuelux .pillbox[data-readonly].truncate .pillbox-more {
618
+ display: inline;
619
+ }
620
+ .fuelux .pillbox[data-readonly] .pill span.glyphicon-close {
621
+ display: none;
622
+ }
623
+ .fuelux .pillbox[data-readonly] .pillbox-add-item {
624
+ display: none;
625
+ }
626
+ .fuelux .pillbox[data-readonly] .pillbox-input-wrap {
627
+ display: none;
628
+ }
629
+ .fuelux .pillbox[data-readonly] .pillbox-input-wrap button.dropdown-toggle {
630
+ display: none;
631
+ }
632
+ .fuelux .pillbox.pills-editable .pill-group .pill span {
633
+ cursor: text;
634
+ }
635
+ .fuelux .pillbox.pills-editable .pill-group .pill span.glyphicon-close {
636
+ cursor: pointer;
637
+ }
638
+ .fuelux .pillbox > .pill-group {
639
+ margin: 0;
640
+ padding: 0;
641
+ width: 100%;
642
+ }
643
+ .fuelux .pillbox > .pill-group > .pill {
644
+ margin: 2px;
645
+ cursor: default;
646
+ float: left;
647
+ word-break: break-all;
648
+ }
649
+ .fuelux .pillbox > .pill-group > .pill.pillbox-highlight {
650
+ outline: 1px dotted #999999;
651
+ }
652
+ .fuelux .pillbox > .pill-group > .pill.truncated {
653
+ display: none;
654
+ }
655
+ .fuelux .pillbox > .pill-group > .pill .pillbox-list-edit {
656
+ border: none;
657
+ color: #333333;
658
+ font-weight: normal;
659
+ border-radius: 2px;
660
+ }
661
+ .fuelux .pillbox > .pill-group > .pill .pillbox-list-edit:focus {
662
+ outline: none;
663
+ border: none;
664
+ }
665
+ .fuelux .pillbox > .pill-group > .pill .glyphicon-close {
666
+ cursor: pointer;
667
+ top: -1px;
668
+ left: 2px;
669
+ }
670
+ .fuelux .pillbox > .pill-group > .pill .glyphicon-close:before {
671
+ content: " \00d7";
672
+ }
673
+ .fuelux .pillbox > .pill-group > .pill .glyphicon-close:hover {
674
+ opacity: .4;
675
+ }
676
+ .fuelux .pillbox .pillbox-input-wrap {
677
+ position: relative;
678
+ margin: 4px 0 3px 3px;
679
+ float: left;
680
+ }
681
+ .fuelux .pillbox .pillbox-input-wrap.editing {
682
+ border: 1px solid #ccc;
683
+ border-radius: 4px;
684
+ margin: 2px 0 3px 3px;
685
+ }
686
+ .fuelux .pillbox .pillbox-input-wrap.editing input.pillbox-add-item {
687
+ border-radius: 4px;
688
+ color: #333;
689
+ height: 32px;
690
+ }
691
+ .fuelux .pillbox .pillbox-add-item {
692
+ border: none;
693
+ box-shadow: none;
694
+ }
695
+ .fuelux .pillbox .pillbox-add-item:focus {
696
+ outline: none;
697
+ border: none;
698
+ }
699
+ .fuelux .pillbox .pillbox-more {
700
+ cursor: pointer;
701
+ display: none;
702
+ line-height: 30px;
703
+ }
704
+ .fuelux .pillbox .suggest {
705
+ max-height: 166px;
706
+ overflow-y: auto;
707
+ }
708
+ .fuelux .pillbox .suggest > li {
709
+ white-space: nowrap;
710
+ cursor: pointer;
711
+ padding: 3px 20px;
712
+ }
713
+ .fuelux .pillbox .suggest > li.pillbox-suggest-sel {
714
+ background-color: #eeeeee;
715
+ }
716
+ .fuelux .pillbox .suggest > li:hover {
717
+ background-color: #eeeeee;
718
+ }
719
+ .fuelux .pillbox input::-ms-clear {
720
+ display: none;
721
+ }
722
+ .fuelux .placard {
723
+ display: inline-block;
724
+ position: relative;
725
+ }
726
+ .fuelux .placard[data-ellipsis="true"].showing input.placard-field {
727
+ overflow: visible;
728
+ text-overflow: clip;
729
+ white-space: normal;
730
+ }
731
+ .fuelux .placard[data-ellipsis="true"] input.placard-field {
732
+ overflow: hidden;
733
+ text-overflow: ellipsis;
734
+ white-space: nowrap;
735
+ }
736
+ .fuelux .placard[data-ellipsis="true"] input.placard-field::-ms-clear {
737
+ display: none;
738
+ }
739
+ .fuelux .placard[data-ellipsis="true"] textarea.placard-field[readonly] {
740
+ overflow: hidden;
741
+ }
742
+ .fuelux .placard.showing .placard-footer,
743
+ .fuelux .placard.showing .placard-header,
744
+ .fuelux .placard.showing .placard-popup {
745
+ display: block;
746
+ z-index: 1;
747
+ }
748
+ .fuelux .placard.showing input.placard-field,
749
+ .fuelux .placard.showing textarea.placard-field {
750
+ background: #fff;
751
+ border: 1px solid #CCCCCC;
752
+ box-shadow: none;
753
+ position: relative;
754
+ z-index: 1;
755
+ }
756
+ .fuelux .placard input.placard-field,
757
+ .fuelux .placard textarea.placard-field {
758
+ resize: none;
759
+ }
760
+ .fuelux .placard input.placard-field[readonly],
761
+ .fuelux .placard textarea.placard-field[readonly] {
762
+ background: #fff;
763
+ cursor: auto;
764
+ }
765
+ .fuelux .placard input.placard-field[readonly].glass,
766
+ .fuelux .placard textarea.placard-field[readonly].glass {
767
+ background: none;
768
+ }
769
+ .fuelux .placard input.placard-field[readonly].glass:hover,
770
+ .fuelux .placard textarea.placard-field[readonly].glass:hover {
771
+ background: #d9edf7;
772
+ cursor: pointer;
773
+ }
774
+ .fuelux .placard input.placard-field:focus,
775
+ .fuelux .placard textarea.placard-field:focus {
776
+ border: 1px solid #CCCCCC;
777
+ box-shadow: none;
778
+ }
779
+ .fuelux .placard-cancel {
780
+ font-size: 12px;
781
+ margin-right: 4px;
782
+ vertical-align: middle;
783
+ }
784
+ .fuelux .placard-footer,
785
+ .fuelux .placard-header {
786
+ display: none;
787
+ left: 0;
788
+ line-height: 1;
789
+ position: absolute;
790
+ right: 0;
791
+ }
792
+ .fuelux .placard-footer {
793
+ padding: 4px 0 8px 0;
794
+ text-align: right;
795
+ top: 100%;
796
+ }
797
+ .fuelux .placard-header {
798
+ bottom: 100%;
799
+ padding: 8px 0 4px 0;
800
+ }
801
+ .fuelux .placard-header h1,
802
+ .fuelux .placard-header h2,
803
+ .fuelux .placard-header h3,
804
+ .fuelux .placard-header h4,
805
+ .fuelux .placard-header h5,
806
+ .fuelux .placard-header h6 {
807
+ margin: 0;
808
+ }
809
+ .fuelux .placard-popup {
810
+ background: #d9edf7;
811
+ background-clip: padding-box;
812
+ border: 1px solid #ccc;
813
+ border-radius: 4px;
814
+ bottom: -8px;
815
+ box-shadow: 0 0 0 1px #fff inset;
816
+ display: none;
817
+ left: -8px;
818
+ position: absolute;
819
+ right: -8px;
820
+ top: -8px;
821
+ }
822
+ .fuelux .radio {
823
+ /* for keyboard tabbing */
824
+ }
825
+ .fuelux .radio.highlight {
826
+ padding: 4px;
827
+ }
828
+ .fuelux .radio.highlight.checked {
829
+ background: #e9e9e9;
830
+ border-radius: 4px;
831
+ }
832
+ .fuelux .radio input[type="radio"]:focus + .radio-label,
833
+ .fuelux .radio input[type="radio"]:hover + .radio-label,
834
+ .fuelux .radio .radio-label:hover {
835
+ color: #999999;
836
+ }
837
+ .fuelux .form-horizontal .radio-inline {
838
+ padding-top: 0;
839
+ }
840
+ .fuelux .input-group-addon.radio-custom.radio-inline:before {
841
+ left: 11px;
842
+ top: 9px;
843
+ }
844
+ .fuelux .input-group-addon.radio-custom.radio-inline:after {
845
+ left: 15px;
846
+ top: 13px;
847
+ }
848
+ .fuelux .radio-custom {
849
+ position: relative;
850
+ /* for keyboard tabbing */
851
+ }
852
+ .fuelux .radio-custom:after {
853
+ background: transparent;
854
+ border-radius: 6px;
855
+ content: " ";
856
+ height: 6px;
857
+ left: 4px;
858
+ position: absolute;
859
+ top: 7px;
860
+ width: 6px;
861
+ }
862
+ .fuelux .radio-custom:before {
863
+ border: 1px solid #adadad;
864
+ border-radius: 14px;
865
+ content: " ";
866
+ height: 14px;
867
+ left: 0px;
868
+ position: absolute;
869
+ top: 3px;
870
+ width: 14px;
871
+ }
872
+ .fuelux .radio-custom.checked:after {
873
+ background: #fff;
874
+ }
875
+ .fuelux .radio-custom.checked:before {
876
+ background: #39b3d7;
877
+ border-color: #39b3d7;
878
+ }
879
+ .fuelux .radio-custom.disabled {
880
+ cursor: not-allowed;
881
+ }
882
+ .fuelux .radio-custom.disabled:after {
883
+ cursor: not-allowed;
884
+ }
885
+ .fuelux .radio-custom.disabled:before {
886
+ cursor: not-allowed;
887
+ opacity: .5;
888
+ }
889
+ .fuelux .radio-custom.radio-inline:after {
890
+ left: 4px;
891
+ top: 7px;
892
+ }
893
+ .fuelux .radio-custom.radio-inline:before {
894
+ left: 0;
895
+ top: 3px;
896
+ }
897
+ .fuelux .radio-custom.radio-inline.highlight {
898
+ padding: 4px 4px 4px 24px;
899
+ }
900
+ .fuelux .radio-custom.radio-inline.highlight:after {
901
+ left: 8px;
902
+ top: 11px;
903
+ }
904
+ .fuelux .radio-custom.radio-inline.highlight:before {
905
+ left: 4px;
906
+ top: 7px;
907
+ }
908
+ .fuelux .radio-custom.radio-inline.highlight.checked {
909
+ background: #e9e9e9;
910
+ border-radius: 4px;
911
+ }
912
+ .fuelux .radio-custom input[type="radio"]:focus + .radio-label {
913
+ color: #999999;
914
+ }
915
+ .fuelux .repeater {
916
+ border: 1px solid #ddd;
917
+ border-radius: 4px;
918
+ /*
919
+ * reinforce spacing around control buttons
920
+ */
921
+ }
922
+ .fuelux .repeater-canvas.scrolling {
923
+ bottom: 0;
924
+ left: 0;
925
+ overflow-y: auto;
926
+ position: absolute;
927
+ right: 0;
928
+ top: 0;
929
+ }
930
+ .fuelux .repeater-header,
931
+ .fuelux .repeater-footer {
932
+ background: #f9f9f9;
933
+ min-height: 50px;
934
+ padding: 8px;
935
+ *zoom: 1;
936
+ }
937
+ .fuelux .repeater-header:before,
938
+ .fuelux .repeater-footer:before,
939
+ .fuelux .repeater-header:after,
940
+ .fuelux .repeater-footer:after {
941
+ display: table;
942
+ content: "";
943
+ line-height: 0;
944
+ }
945
+ .fuelux .repeater-header:after,
946
+ .fuelux .repeater-footer:after {
947
+ clear: both;
948
+ }
949
+ .fuelux .repeater-header-left,
950
+ .fuelux .repeater-footer-left {
951
+ float: left;
952
+ }
953
+ .fuelux .repeater-header-right,
954
+ .fuelux .repeater-footer-right {
955
+ float: right;
956
+ }
957
+ @media (max-width: 625px) {
958
+ .fuelux .repeater-header-left,
959
+ .fuelux .repeater-footer-left,
960
+ .fuelux .repeater-header-right,
961
+ .fuelux .repeater-footer-right {
962
+ float: none;
963
+ *zoom: 1;
964
+ }
965
+ .fuelux .repeater-header-left:before,
966
+ .fuelux .repeater-footer-left:before,
967
+ .fuelux .repeater-header-right:before,
968
+ .fuelux .repeater-footer-right:before,
969
+ .fuelux .repeater-header-left:after,
970
+ .fuelux .repeater-footer-left:after,
971
+ .fuelux .repeater-header-right:after,
972
+ .fuelux .repeater-footer-right:after {
973
+ display: table;
974
+ content: "";
975
+ line-height: 0;
976
+ }
977
+ .fuelux .repeater-header-left:after,
978
+ .fuelux .repeater-footer-left:after,
979
+ .fuelux .repeater-header-right:after,
980
+ .fuelux .repeater-footer-right:after {
981
+ clear: both;
982
+ }
983
+ .fuelux .repeater-header-left,
984
+ .fuelux .repeater-footer-left {
985
+ margin-bottom: 8px;
986
+ }
987
+ }
988
+ .fuelux .repeater-header {
989
+ border-bottom: 1px solid #ddd;
990
+ border-top-right-radius: 4px;
991
+ border-top-left-radius: 4px;
992
+ }
993
+ .fuelux .repeater-footer {
994
+ border-top: 1px solid #ddd;
995
+ border-bottom-right-radius: 4px;
996
+ border-bottom-left-radius: 4px;
997
+ }
998
+ .fuelux .repeater-loader {
999
+ display: none;
1000
+ left: 50%;
1001
+ position: absolute;
1002
+ margin: -32px 0 0 -32px;
1003
+ top: 50%;
1004
+ }
1005
+ .fuelux .repeater-viewport {
1006
+ min-height: 80px;
1007
+ position: relative;
1008
+ }
1009
+ .fuelux .repeater-pagination label {
1010
+ font-weight: normal;
1011
+ }
1012
+ .fuelux .repeater-pagination .repeater-primaryPaging {
1013
+ display: none;
1014
+ vertical-align: middle;
1015
+ width: 116px;
1016
+ }
1017
+ .fuelux .repeater-pagination .repeater-primaryPaging.active {
1018
+ display: inline-block;
1019
+ }
1020
+ .fuelux .repeater-pagination .repeater-primaryPaging ul.dropdown-menu {
1021
+ min-width: 116px;
1022
+ }
1023
+ .fuelux .repeater-pagination .repeater-secondaryPaging {
1024
+ display: none;
1025
+ width: 82px;
1026
+ }
1027
+ .fuelux .repeater-pagination .repeater-secondaryPaging.active {
1028
+ display: inline-block;
1029
+ }
1030
+ .fuelux .repeater-search {
1031
+ float: left;
1032
+ width: 200px;
1033
+ }
1034
+ .fuelux .repeater-title {
1035
+ display: block;
1036
+ float: left;
1037
+ line-height: 34px;
1038
+ margin-right: 10px;
1039
+ }
1040
+ .fuelux .repeater-itemization .selectlist,
1041
+ .fuelux .repeater-filters,
1042
+ .fuelux .repeater-secondaryPaging,
1043
+ .fuelux .repeater-primaryPaging,
1044
+ .fuelux .repeater-next,
1045
+ .fuelux .repeater-prev {
1046
+ margin: auto 0.3em;
1047
+ }
1048
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.scrolling {
1049
+ overflow: visible;
1050
+ }
1051
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.scrolling .repeater-list {
1052
+ bottom: 0;
1053
+ left: 0;
1054
+ position: absolute;
1055
+ right: 0;
1056
+ top: 0;
1057
+ }
1058
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.scrolling .repeater-list-wrapper {
1059
+ height: 100%;
1060
+ overflow: auto;
1061
+ }
1062
+ .fuelux .repeater[data-viewtype="list"] .repeater-loader {
1063
+ margin-top: -12px;
1064
+ }
1065
+ .fuelux .repeater[data-viewtype="list"] .repeater-loader.noHeader {
1066
+ margin-top: -32px;
1067
+ }
1068
+ .fuelux .repeater[data-viewtype="list"] .repeater-viewport {
1069
+ overflow: hidden;
1070
+ }
1071
+ .fuelux .repeater-list {
1072
+ position: relative;
1073
+ }
1074
+ .fuelux .repeater-list table {
1075
+ margin-bottom: 0;
1076
+ width: 100%;
1077
+ }
1078
+ .fuelux .repeater-list table tbody td {
1079
+ border-bottom: 1px solid #ddd;
1080
+ border-left: 1px solid #ddd;
1081
+ border-top: none;
1082
+ }
1083
+ .fuelux .repeater-list table tbody td:first-child {
1084
+ border-left: none;
1085
+ }
1086
+ .fuelux .repeater-list table tbody td.sorted {
1087
+ background: #f9f9f9;
1088
+ }
1089
+ .fuelux .repeater-list table tbody tr:focus {
1090
+ outline: 1px dotted #d7d7d7;
1091
+ }
1092
+ .fuelux .repeater-list table tbody tr.empty td {
1093
+ border-bottom: none;
1094
+ font-style: italic;
1095
+ padding: 20px;
1096
+ text-align: center;
1097
+ width: 100%;
1098
+ }
1099
+ .fuelux .repeater-list table tbody tr.selectable:hover td {
1100
+ background: #f1f1f1;
1101
+ cursor: pointer;
1102
+ }
1103
+ .fuelux .repeater-list table tbody tr.selected:hover td {
1104
+ background: #d7d7d7;
1105
+ }
1106
+ .fuelux .repeater-list table tbody tr.selected td {
1107
+ background: #efefef;
1108
+ color: #333;
1109
+ }
1110
+ .fuelux .repeater-list table tbody tr.selected td:first-child {
1111
+ padding-left: 30px;
1112
+ }
1113
+ .fuelux .repeater-list table thead > tr > th {
1114
+ background: #F9F9F9;
1115
+ border-bottom: 1px solid #ddd;
1116
+ border-left: 1px solid transparent;
1117
+ border-top: none;
1118
+ color: rgba(0, 0, 0, 0);
1119
+ line-height: 1.42857;
1120
+ padding: 8px;
1121
+ -webkit-user-select: none;
1122
+ -moz-user-select: none;
1123
+ -ms-user-select: none;
1124
+ -o-user-select: none;
1125
+ user-select: none;
1126
+ }
1127
+ .fuelux .repeater-list table thead > tr > th:first-child {
1128
+ border-left: none;
1129
+ }
1130
+ .fuelux .repeater-list table thead > tr > th.sortable:hover,
1131
+ .fuelux .repeater-list table thead > tr > th.sortable.sorted {
1132
+ background: #F1F1F1;
1133
+ cursor: pointer;
1134
+ background-color: #f1f1f1;
1135
+ background-image: -moz-linear-gradient(top, #f9f9f9, #e5e5e5);
1136
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e5e5e5));
1137
+ background-image: -webkit-linear-gradient(top, #f9f9f9, #e5e5e5);
1138
+ background-image: -o-linear-gradient(top, #f9f9f9, #e5e5e5);
1139
+ background-image: linear-gradient(to bottom, #f9f9f9, #e5e5e5);
1140
+ background-repeat: repeat-x;
1141
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe5e5e5', GradientType=0);
1142
+ }
1143
+ .fuelux .repeater-list table thead > tr > th.sorted span.glyphicon {
1144
+ display: block;
1145
+ visibility: hidden;
1146
+ }
1147
+ .fuelux .repeater-list table thead > tr > th span.glyphicon {
1148
+ display: none;
1149
+ float: right;
1150
+ margin-top: 2px;
1151
+ }
1152
+ .fuelux .repeater-list-check {
1153
+ display: inline-block;
1154
+ height: 0;
1155
+ line-height: 0;
1156
+ position: relative;
1157
+ vertical-align: top;
1158
+ width: 0;
1159
+ }
1160
+ .fuelux .repeater-list-check span.glyphicon {
1161
+ left: -22px;
1162
+ position: absolute;
1163
+ top: 2px;
1164
+ }
1165
+ .fuelux .repeater-list-heading {
1166
+ background: #F9F9F9;
1167
+ border-bottom: 1px solid #ddd;
1168
+ border-left: 1px solid #ddd;
1169
+ border-top: none;
1170
+ color: #333;
1171
+ line-height: 1.42857;
1172
+ margin-left: -9px;
1173
+ padding: 8px;
1174
+ position: absolute;
1175
+ top: 0;
1176
+ z-index: 1;
1177
+ -webkit-user-select: none;
1178
+ -moz-user-select: none;
1179
+ -ms-user-select: none;
1180
+ -o-user-select: none;
1181
+ user-select: none;
1182
+ }
1183
+ .fuelux .repeater-list-heading.shifted {
1184
+ margin-left: -1px;
1185
+ }
1186
+ @media screen and (-webkit-min-device-pixel-ratio: 0) {
1187
+ .fuelux .repeater-list-heading.shifted {
1188
+ margin-left: 0;
1189
+ }
1190
+ }
1191
+ .fuelux .repeater-list-heading.sortable:hover,
1192
+ .fuelux .repeater-list-heading.sortable.sorted {
1193
+ background: #F1F1F1;
1194
+ cursor: pointer;
1195
+ background-color: #f1f1f1;
1196
+ background-image: -moz-linear-gradient(top, #f9f9f9, #e5e5e5);
1197
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e5e5e5));
1198
+ background-image: -webkit-linear-gradient(top, #f9f9f9, #e5e5e5);
1199
+ background-image: -o-linear-gradient(top, #f9f9f9, #e5e5e5);
1200
+ background-image: linear-gradient(to bottom, #f9f9f9, #e5e5e5);
1201
+ background-repeat: repeat-x;
1202
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe5e5e5', GradientType=0);
1203
+ }
1204
+ .fuelux .repeater-list-heading.sortable.sorted span.glyphicon {
1205
+ display: block;
1206
+ visibility: visible;
1207
+ }
1208
+ .fuelux .repeater-list-heading span.glyphicon {
1209
+ display: none;
1210
+ float: right;
1211
+ margin-top: 2px;
1212
+ }
1213
+ .fuelux .repeater-thumbnail {
1214
+ border: 1px solid #ddd;
1215
+ color: #666;
1216
+ float: left;
1217
+ font-size: 14px;
1218
+ min-height: 110px;
1219
+ min-width: 100px;
1220
+ margin: 8px 7px;
1221
+ text-align: center;
1222
+ }
1223
+ .fuelux .repeater-thumbnail img {
1224
+ display: block;
1225
+ margin-top: 10px;
1226
+ margin-bottom: 3px;
1227
+ }
1228
+ .fuelux .repeater-thumbnail-cont {
1229
+ height: 100%;
1230
+ overflow-y: auto;
1231
+ padding: 6px;
1232
+ width: 100%;
1233
+ }
1234
+ .fuelux .repeater-thumbnail-cont.align-center,
1235
+ .fuelux .repeater-thumbnail-cont.align-justify,
1236
+ .fuelux .repeater-thumbnail-cont.align-left,
1237
+ .fuelux .repeater-thumbnail-cont.align-right {
1238
+ position: relative;
1239
+ font-size: 0.1px;
1240
+ }
1241
+ .fuelux .repeater-thumbnail-cont.align-center:after,
1242
+ .fuelux .repeater-thumbnail-cont.align-justify:after,
1243
+ .fuelux .repeater-thumbnail-cont.align-left:after,
1244
+ .fuelux .repeater-thumbnail-cont.align-right:after {
1245
+ display: inline-block;
1246
+ width: 100%;
1247
+ content: '';
1248
+ }
1249
+ .fuelux .repeater-thumbnail-cont.align-center .infinitescroll-end,
1250
+ .fuelux .repeater-thumbnail-cont.align-justify .infinitescroll-end,
1251
+ .fuelux .repeater-thumbnail-cont.align-left .infinitescroll-end,
1252
+ .fuelux .repeater-thumbnail-cont.align-right .infinitescroll-end,
1253
+ .fuelux .repeater-thumbnail-cont.align-center .infinitescroll-load,
1254
+ .fuelux .repeater-thumbnail-cont.align-justify .infinitescroll-load,
1255
+ .fuelux .repeater-thumbnail-cont.align-left .infinitescroll-load,
1256
+ .fuelux .repeater-thumbnail-cont.align-right .infinitescroll-load {
1257
+ display: inline-block;
1258
+ width: 100%;
1259
+ }
1260
+ .fuelux .repeater-thumbnail-cont.align-center .repeater-thumbnail,
1261
+ .fuelux .repeater-thumbnail-cont.align-justify .repeater-thumbnail,
1262
+ .fuelux .repeater-thumbnail-cont.align-left .repeater-thumbnail,
1263
+ .fuelux .repeater-thumbnail-cont.align-right .repeater-thumbnail {
1264
+ display: inline-block;
1265
+ float: none;
1266
+ font-size: 14px;
1267
+ }
1268
+ .fuelux .repeater-thumbnail-cont.align-center .repeater-thumbnail:after,
1269
+ .fuelux .repeater-thumbnail-cont.align-justify .repeater-thumbnail:after,
1270
+ .fuelux .repeater-thumbnail-cont.align-left .repeater-thumbnail:after,
1271
+ .fuelux .repeater-thumbnail-cont.align-right .repeater-thumbnail:after {
1272
+ content: ' ';
1273
+ }
1274
+ .fuelux .repeater-thumbnail-cont.align-center {
1275
+ text-align: center;
1276
+ }
1277
+ .fuelux .repeater-thumbnail-cont.align-justify {
1278
+ text-align: justify;
1279
+ }
1280
+ .fuelux .repeater-thumbnail-cont.align-left {
1281
+ text-align: left;
1282
+ }
1283
+ .fuelux .repeater-thumbnail-cont.align-right {
1284
+ text-align: right;
1285
+ }
1286
+ .fuelux .repeater-thumbnail-cont div.empty {
1287
+ font-style: italic;
1288
+ padding: 20px 10px;
1289
+ text-align: center;
1290
+ }
1291
+ .fuelux .repeater-thumbnail-cont .selectable:hover {
1292
+ background: #f1f1f1;
1293
+ cursor: pointer;
1294
+ }
1295
+ .fuelux .repeater-thumbnail-cont .selectable.selected {
1296
+ background: #efefef;
1297
+ }
1298
+ .fuelux .repeater-thumbnail-cont .selectable.selected:hover {
1299
+ background: #d7d7d7;
1300
+ }
1301
+ .fuelux .spinbox {
1302
+ display: inline-block;
1303
+ position: relative;
1304
+ }
1305
+ .fuelux .spinbox.digits-3 {
1306
+ width: 60px;
1307
+ }
1308
+ .fuelux .spinbox.disabled .spinbox-buttons {
1309
+ cursor: not-allowed;
1310
+ }
1311
+ .fuelux .spinbox .spinbox-input {
1312
+ float: left;
1313
+ padding-bottom: 3px;
1314
+ /* Magic number */
1315
+ padding: 0px 25px 0px 7px;
1316
+ }
1317
+ .fuelux .spinbox .spinbox-input::-ms-clear {
1318
+ display: none;
1319
+ }
1320
+ .fuelux .spinbox .btn {
1321
+ position: relative;
1322
+ width: 20px;
1323
+ height: 13px;
1324
+ padding-top: 0;
1325
+ padding-right: 9px;
1326
+ padding-left: 9px;
1327
+ }
1328
+ .fuelux .spinbox .btn.disabled {
1329
+ cursor: not-allowed;
1330
+ }
1331
+ .fuelux .spinbox .spinbox-buttons {
1332
+ position: absolute;
1333
+ height: 28px;
1334
+ width: 20px;
1335
+ right: 2px;
1336
+ }
1337
+ .fuelux .spinbox .spinbox-up {
1338
+ padding: 0 0 14px 1px;
1339
+ top: 2px;
1340
+ }
1341
+ .fuelux .spinbox .spinbox-up .glyphicon-chevron-up {
1342
+ position: relative;
1343
+ top: 0px;
1344
+ }
1345
+ .fuelux .spinbox .btn-group > .btn.spinbox-up {
1346
+ border-top-right-radius: 4px;
1347
+ }
1348
+ .fuelux .spinbox .spinbox-down {
1349
+ padding: 0 0 8px 1px;
1350
+ top: 2px;
1351
+ height: 15px;
1352
+ border-bottom-left-radius: 4px;
1353
+ }
1354
+ .fuelux .spinbox .spinbox-down .glyphicon-chevron-down {
1355
+ position: relative;
1356
+ left: -1px;
1357
+ top: 0px;
1358
+ }
1359
+ .fuelux .spinbox input::-ms-clear {
1360
+ display: none;
1361
+ }
1362
+ .fuelux .scheduler {
1363
+ /* -------------------------------
1364
+ START DATE/TIME
1365
+ ------------------------------- */
1366
+ /* -------------------------------
1367
+ TIMEZONE
1368
+ ------------------------------- */
1369
+ /* -------------------------------
1370
+ REPEAT PANELS
1371
+ ------------------------------- */
1372
+ /* -------------------------------
1373
+ END
1374
+ ------------------------------- */
1375
+ }
1376
+ .fuelux .scheduler .control-label {
1377
+ min-width: 7em;
1378
+ }
1379
+ .fuelux .scheduler .inline-form-text {
1380
+ float: left;
1381
+ line-height: 27px;
1382
+ margin-top: 4px;
1383
+ }
1384
+ .fuelux .scheduler .start-datetime.form-group {
1385
+ margin-bottom: 0;
1386
+ }
1387
+ .fuelux .scheduler .start-datetime .form-group {
1388
+ margin-left: 0;
1389
+ }
1390
+ .fuelux .scheduler .start-datetime .combobox {
1391
+ max-width: 9em;
1392
+ }
1393
+ .fuelux .scheduler .start-datetime .combobox .dropdown-menu {
1394
+ max-height: 200px;
1395
+ overflow: auto;
1396
+ }
1397
+ .fuelux .scheduler .start-datetime .dropdown {
1398
+ float: left;
1399
+ margin: 0 10px 0 0;
1400
+ }
1401
+ .fuelux .scheduler .timezone-container .input-group {
1402
+ max-width: 20em;
1403
+ }
1404
+ .fuelux .scheduler .timezone-container .dropdown-label {
1405
+ height: 18px;
1406
+ white-space: nowrap;
1407
+ max-width: 20em;
1408
+ overflow: hidden;
1409
+ text-overflow: ellipsis;
1410
+ }
1411
+ .fuelux .scheduler .timezone-container .dropdown-menu {
1412
+ max-height: 200px;
1413
+ overflow: auto;
1414
+ }
1415
+ .fuelux .scheduler .repeat-panel {
1416
+ margin-left: 0;
1417
+ }
1418
+ .fuelux .scheduler .repeat-panel label {
1419
+ font-weight: normal;
1420
+ }
1421
+ .fuelux .scheduler .repeat-panel .radio {
1422
+ margin-right: 10px;
1423
+ }
1424
+ .fuelux .scheduler .repeat-panel .form-group {
1425
+ margin-left: 0;
1426
+ }
1427
+ .fuelux .scheduler .repeat-interval {
1428
+ margin-left: 0;
1429
+ *zoom: 1;
1430
+ }
1431
+ .fuelux .scheduler .repeat-interval:before,
1432
+ .fuelux .scheduler .repeat-interval:after {
1433
+ display: table;
1434
+ content: "";
1435
+ line-height: 0;
1436
+ }
1437
+ .fuelux .scheduler .repeat-interval:after {
1438
+ clear: both;
1439
+ }
1440
+ .fuelux .scheduler .repeat-interval .form-group {
1441
+ margin-left: 0;
1442
+ }
1443
+ .fuelux .scheduler .repeat-interval .dropdown-menu {
1444
+ max-height: 200px;
1445
+ overflow: auto;
1446
+ }
1447
+ .fuelux .scheduler .repeat-interval .repeat-every-panel {
1448
+ float: left;
1449
+ }
1450
+ .fuelux .scheduler .repeat-interval .repeat-every-panel .repeat-every-pretext {
1451
+ padding: 0 10px;
1452
+ }
1453
+ .fuelux .scheduler .repeat-interval .repeat-every-panel .spinbox {
1454
+ float: left;
1455
+ margin-right: 10px;
1456
+ }
1457
+ .fuelux .scheduler .repeat-interval .repeat-every-panel .spinbox input {
1458
+ margin-bottom: 0;
1459
+ }
1460
+ .fuelux .scheduler .repeat-monthly .repeat-monthly-date {
1461
+ margin-top: 10px;
1462
+ *zoom: 1;
1463
+ }
1464
+ .fuelux .scheduler .repeat-monthly .repeat-monthly-date:before,
1465
+ .fuelux .scheduler .repeat-monthly .repeat-monthly-date:after {
1466
+ display: table;
1467
+ content: "";
1468
+ line-height: 0;
1469
+ }
1470
+ .fuelux .scheduler .repeat-monthly .repeat-monthly-date:after {
1471
+ clear: both;
1472
+ }
1473
+ .fuelux .scheduler .repeat-monthly .repeat-monthly-date .selectlist {
1474
+ margin-left: 5px;
1475
+ }
1476
+ .fuelux .scheduler .repeat-monthly .repeat-monthly-day {
1477
+ margin-top: 10px;
1478
+ *zoom: 1;
1479
+ }
1480
+ .fuelux .scheduler .repeat-monthly .repeat-monthly-day:before,
1481
+ .fuelux .scheduler .repeat-monthly .repeat-monthly-day:after {
1482
+ display: table;
1483
+ content: "";
1484
+ line-height: 0;
1485
+ }
1486
+ .fuelux .scheduler .repeat-monthly .repeat-monthly-day:after {
1487
+ clear: both;
1488
+ }
1489
+ .fuelux .scheduler .repeat-monthly .month-days {
1490
+ margin-left: 10px;
1491
+ }
1492
+ .fuelux .scheduler .repeat-yearly .repeat-yearly-date {
1493
+ margin-top: 10px;
1494
+ *zoom: 1;
1495
+ }
1496
+ .fuelux .scheduler .repeat-yearly .repeat-yearly-date:before,
1497
+ .fuelux .scheduler .repeat-yearly .repeat-yearly-date:after {
1498
+ display: table;
1499
+ content: "";
1500
+ line-height: 0;
1501
+ }
1502
+ .fuelux .scheduler .repeat-yearly .repeat-yearly-date:after {
1503
+ clear: both;
1504
+ }
1505
+ .fuelux .scheduler .repeat-yearly .repeat-yearly-date .year-month-day {
1506
+ margin-left: 10px;
1507
+ }
1508
+ .fuelux .scheduler .repeat-yearly .year-month-days {
1509
+ margin-left: 10px;
1510
+ }
1511
+ .fuelux .scheduler .repeat-yearly .year-month {
1512
+ margin-left: 10px;
1513
+ }
1514
+ .fuelux .scheduler .repeat-yearly .repeat-yearly-day {
1515
+ margin-top: 10px;
1516
+ *zoom: 1;
1517
+ }
1518
+ .fuelux .scheduler .repeat-yearly .repeat-yearly-day:before,
1519
+ .fuelux .scheduler .repeat-yearly .repeat-yearly-day:after {
1520
+ display: table;
1521
+ content: "";
1522
+ line-height: 0;
1523
+ }
1524
+ .fuelux .scheduler .repeat-yearly .repeat-yearly-day:after {
1525
+ clear: both;
1526
+ }
1527
+ .fuelux .scheduler .repeat-yearly .repeat-yearly-day .repeat-yearly-day-text {
1528
+ margin-left: 10px;
1529
+ }
1530
+ .fuelux .scheduler .repeat-weekly button:not(.active) {
1531
+ background-color: #fff;
1532
+ }
1533
+ .fuelux .scheduler .repeat-weekly .btn-group.disabled {
1534
+ position: relative;
1535
+ opacity: 0.65;
1536
+ }
1537
+ .fuelux .scheduler .repeat-weekly .btn-group.disabled:before {
1538
+ background: transparent;
1539
+ bottom: 0;
1540
+ content: "";
1541
+ left: 0;
1542
+ position: absolute;
1543
+ right: 0;
1544
+ top: 0;
1545
+ z-index: 5;
1546
+ }
1547
+ .fuelux .scheduler .selectlist {
1548
+ float: left;
1549
+ }
1550
+ .fuelux .scheduler label.radio {
1551
+ float: left;
1552
+ line-height: 27px;
1553
+ }
1554
+ .fuelux .scheduler label.radio input {
1555
+ margin-top: 8px;
1556
+ }
1557
+ .fuelux .scheduler .repeat-end .end-after {
1558
+ float: left;
1559
+ display: inline-block;
1560
+ margin-right: 10px;
1561
+ }
1562
+ .fuelux .scheduler .repeat-end .form-group {
1563
+ margin-left: 0;
1564
+ }
1565
+ .fuelux .scheduler input::-ms-clear {
1566
+ display: none;
1567
+ }
1568
+ .fuelux .search.disabled .input-group-btn {
1569
+ cursor: not-allowed;
1570
+ }
1571
+ .fuelux .search input::-ms-clear {
1572
+ display: none;
1573
+ }
1574
+ .fuelux .selectlist.disabled {
1575
+ cursor: not-allowed;
1576
+ }
1577
+ .fuelux .selectlist-sizer {
1578
+ display: inline-block;
1579
+ position: absolute;
1580
+ visibility: hidden;
1581
+ top: 0;
1582
+ }
1583
+ .fuelux .selectlist .selected-label {
1584
+ overflow: hidden;
1585
+ min-width: 2em;
1586
+ }
1587
+ .fuelux .selectlist .btn.dropdown-toggle {
1588
+ white-space: normal;
1589
+ }
1590
+ .fuelux .selectlist .btn.dropdown-toggle .selected-label {
1591
+ padding-right: 10px;
1592
+ text-align: left;
1593
+ }
1594
+ .fuelux .tree {
1595
+ border: 1px solid #999999;
1596
+ border-radius: 4px 4px 4px 4px;
1597
+ padding: 10px 15px 0 15px;
1598
+ overflow-x: auto;
1599
+ overflow-y: auto;
1600
+ position: relative;
1601
+ list-style: none;
1602
+ }
1603
+ .fuelux .tree *:focus {
1604
+ outline: none;
1605
+ }
1606
+ .fuelux .tree button:focus {
1607
+ color: #999999;
1608
+ }
1609
+ .fuelux .tree ul {
1610
+ padding-left: 0;
1611
+ margin-top: 0;
1612
+ margin-bottom: 0;
1613
+ list-style: none;
1614
+ }
1615
+ .fuelux .tree li {
1616
+ margin: 0;
1617
+ margin-top: 5px;
1618
+ margin-bottom: 5px;
1619
+ }
1620
+ .fuelux .tree .tree-loader {
1621
+ margin-left: 45px;
1622
+ }
1623
+ .fuelux .tree .tree-open > .tree-branch-header .glyphicon-play {
1624
+ transform: rotate(90deg);
1625
+ -ms-transform: rotate(90deg);
1626
+ -webkit-transform: rotate(90deg);
1627
+ position: relative;
1628
+ }
1629
+ .fuelux .tree [data-children=false] > .tree-branch-header .icon-caret:before {
1630
+ content: '\00a0';
1631
+ }
1632
+ .fuelux .tree .tree-branch .tree-branch-header {
1633
+ position: relative;
1634
+ border-radius: 6px;
1635
+ white-space: nowrap;
1636
+ }
1637
+ .fuelux .tree .tree-branch .tree-branch-header .tree-branch-name:hover {
1638
+ color: #999999;
1639
+ }
1640
+ .fuelux .tree .tree-branch .tree-branch-header .glyphicon-play {
1641
+ font-size: 10px;
1642
+ padding-right: 5px;
1643
+ padding-left: 7px;
1644
+ }
1645
+ .fuelux .tree .tree-branch .tree-branch-header .glyphicon-play:before {
1646
+ position: relative;
1647
+ top: -2px;
1648
+ }
1649
+ .fuelux .tree .tree-branch .tree-branch-header .tree-branch-name {
1650
+ white-space: nowrap;
1651
+ border-radius: 6px;
1652
+ background-color: transparent;
1653
+ border: 0;
1654
+ }
1655
+ .fuelux .tree .tree-branch .tree-branch-header label {
1656
+ font-weight: normal;
1657
+ padding-left: 3px;
1658
+ margin-bottom: 0;
1659
+ cursor: pointer;
1660
+ }
1661
+ .fuelux .tree .tree-branch .tree-branch-children {
1662
+ margin-left: 14px;
1663
+ }
1664
+ .fuelux .tree .tree-branch[haschildren='false'] .icon-caret {
1665
+ visibility: hidden;
1666
+ }
1667
+ .fuelux .tree .tree-item {
1668
+ white-space: nowrap;
1669
+ position: relative;
1670
+ cursor: pointer;
1671
+ border-radius: 6px;
1672
+ margin-left: 26px;
1673
+ }
1674
+ .fuelux .tree .tree-item .tree-item-name {
1675
+ white-space: nowrap;
1676
+ border-radius: 6px;
1677
+ background-color: transparent;
1678
+ border: 0;
1679
+ }
1680
+ .fuelux .tree .tree-item .tree-item-name:hover {
1681
+ color: #999999;
1682
+ }
1683
+ .fuelux .tree .tree-item.tree-selected .tree-item-name {
1684
+ background-color: #efefef;
1685
+ color: #333;
1686
+ }
1687
+ .fuelux .tree .tree-item label {
1688
+ font-weight: normal;
1689
+ padding-left: 7px;
1690
+ margin-bottom: 0;
1691
+ cursor: pointer;
1692
+ }
1693
+ .fuelux .tree .icon-caret:hover + .tree-branch-name {
1694
+ color: #999999;
1695
+ }
1696
+ .fuelux .tree.tree-folder-select .tree-branch .icon-caret {
1697
+ background-color: transparent;
1698
+ border: 0;
1699
+ }
1700
+ .fuelux .tree.tree-folder-select .tree-branch .icon-caret:hover {
1701
+ cursor: pointer;
1702
+ color: #999999;
1703
+ }
1704
+ .fuelux .tree.tree-folder-select .tree-branch > .tree-branch-name {
1705
+ padding: 1px 5px 0 5px;
1706
+ border-radius: 6px;
1707
+ }
1708
+ .fuelux .tree.tree-folder-select .tree-branch > .tree-branch-name.tree-selected {
1709
+ background-color: #efefef;
1710
+ }
1711
+ .fuelux .tree.tree-folder-select .tree-branch.tree-selected > .tree-branch-header .tree-branch-name {
1712
+ background-color: #efefef;
1713
+ }
1714
+ .fuelux .tree.tree-folder-select .tree-branch.tree-selected > .tree-branch-header .tree-branch-name:hover {
1715
+ background-color: #efefef;
1716
+ }
1717
+ .fuelux .wizard {
1718
+ *zoom: 1;
1719
+ border: 1px solid #d4d4d4;
1720
+ border-radius: 4px;
1721
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
1722
+ background-color: #f9f9f9;
1723
+ position: relative;
1724
+ min-height: 48px;
1725
+ overflow: hidden;
1726
+ }
1727
+ .fuelux .wizard:before,
1728
+ .fuelux .wizard:after {
1729
+ display: table;
1730
+ content: "";
1731
+ line-height: 0;
1732
+ }
1733
+ .fuelux .wizard:after {
1734
+ clear: both;
1735
+ }
1736
+ .fuelux .wizard > .steps {
1737
+ list-style: none outside none;
1738
+ padding: 0;
1739
+ margin: 0;
1740
+ width: 4000px;
1741
+ }
1742
+ .fuelux .wizard > .steps.previous-disabled li.complete {
1743
+ cursor: default;
1744
+ }
1745
+ .fuelux .wizard > .steps.previous-disabled li.complete:hover {
1746
+ background: #f3f4f5;
1747
+ color: #468847;
1748
+ cursor: default;
1749
+ }
1750
+ .fuelux .wizard > .steps.previous-disabled li.complete:hover .chevron:before {
1751
+ border-left-color: #f3f4f5;
1752
+ }
1753
+ .fuelux .wizard > .steps li {
1754
+ float: left;
1755
+ margin: 0;
1756
+ padding: 0 20px 0 30px;
1757
+ height: 46px;
1758
+ line-height: 46px;
1759
+ position: relative;
1760
+ background: #ededed;
1761
+ color: #999999;
1762
+ font-size: 16px;
1763
+ cursor: not-allowed;
1764
+ }
1765
+ .fuelux .wizard > .steps li .chevron {
1766
+ border: 24px solid transparent;
1767
+ border-left: 14px solid #d4d4d4;
1768
+ border-right: 0;
1769
+ display: block;
1770
+ position: absolute;
1771
+ right: -14px;
1772
+ top: 0;
1773
+ z-index: 1;
1774
+ }
1775
+ .fuelux .wizard > .steps li .chevron:before {
1776
+ border: 24px solid transparent;
1777
+ border-left: 14px solid #ededed;
1778
+ border-right: 0;
1779
+ content: "";
1780
+ display: block;
1781
+ position: absolute;
1782
+ right: 1px;
1783
+ top: -24px;
1784
+ }
1785
+ .fuelux .wizard > .steps li.complete {
1786
+ background: #f3f4f5;
1787
+ color: #468847;
1788
+ }
1789
+ .fuelux .wizard > .steps li.complete:hover {
1790
+ background: #e7eff8;
1791
+ cursor: pointer;
1792
+ }
1793
+ .fuelux .wizard > .steps li.complete:hover .chevron:before {
1794
+ border-left: 14px solid #e7eff8;
1795
+ }
1796
+ .fuelux .wizard > .steps li.complete .chevron:before {
1797
+ border-left: 14px solid #f3f4f5;
1798
+ }
1799
+ .fuelux .wizard > .steps li.active {
1800
+ background: #f1f6fc;
1801
+ color: #3a87ad;
1802
+ cursor: default;
1803
+ }
1804
+ .fuelux .wizard > .steps li.active .chevron:before {
1805
+ border-left: 14px solid #f1f6fc;
1806
+ }
1807
+ .fuelux .wizard > .steps li.active .badge {
1808
+ background-color: #3a87ad;
1809
+ }
1810
+ .fuelux .wizard > .steps li .badge {
1811
+ margin-right: 8px;
1812
+ }
1813
+ .fuelux .wizard > .steps li .badge-success {
1814
+ background-color: #468847;
1815
+ }
1816
+ .fuelux .wizard > .steps li:first-child {
1817
+ border-radius: 4px 0 0 4px;
1818
+ padding-left: 20px;
1819
+ }
1820
+ .fuelux .wizard > .actions {
1821
+ z-index: 1000;
1822
+ position: absolute;
1823
+ right: 0;
1824
+ line-height: 46px;
1825
+ float: right;
1826
+ padding-left: 15px;
1827
+ padding-right: 15px;
1828
+ vertical-align: middle;
1829
+ background-color: #e5e5e5;
1830
+ border-left: 1px solid #d4d4d4;
1831
+ }
1832
+ .fuelux .wizard > .actions a {
1833
+ line-height: 45px;
1834
+ font-size: 12px;
1835
+ margin-right: 8px;
1836
+ }
1837
+ .fuelux .wizard > .actions .btn-prev[disabled] {
1838
+ cursor: not-allowed;
1839
+ }
1840
+ .fuelux .wizard > .actions .btn-prev span {
1841
+ margin-right: 5px;
1842
+ }
1843
+ .fuelux .wizard > .actions .btn-next[disabled] {
1844
+ cursor: not-allowed;
1845
+ }
1846
+ .fuelux .wizard > .actions .btn-next span {
1847
+ margin-left: 5px;
1848
+ }
1849
+ .fuelux .wizard .step-content {
1850
+ border-top: 1px solid #D4D4D4;
1851
+ padding: 10px;
1852
+ float: left;
1853
+ width: 100%;
1854
+ }
1855
+ .fuelux .wizard .step-content .step-pane {
1856
+ display: none;
1857
+ }
1858
+ .fuelux .wizard .step-content > .active {
1859
+ display: block;
1860
+ }
1861
+ .fuelux .wizard .step-content > .active .btn-group .active {
1862
+ display: inline-block;
1863
+ }
1864
+ .fuelux .wizard.complete > .actions .glyphicon-arrow-right:before {
1865
+ display: none;
1866
+ }
1867
+ .fuelux .wizard.complete > .actions .glyphicon-arrow-right {
1868
+ margin-left: 0;
1869
+ }
1870
+ .fuelux .serif {
1871
+ font-family: Georgia, "Times New Roman", Times, serif;
1872
+ }
1873
+ .fuelux .monospace {
1874
+ font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
1875
+ }
1876
+ .fuelux .text-sm {
1877
+ font-size: 14px * 0.85;
1878
+ }
1879
+ .fuelux .text-lg {
1880
+ font-size: 14px * 1.25;
1881
+ }
1882
+ .fuelux .padding-xs {
1883
+ padding: 5px;
1884
+ }
1885
+ .fuelux .padding-xs-horizontal {
1886
+ padding: 0 5px;
1887
+ }
1888
+ .fuelux .padding-xs-vertical {
1889
+ padding: 5px 0;
1890
+ }
1891
+ .fuelux .padding-xs-top {
1892
+ padding-top: 5px;
1893
+ }
1894
+ .fuelux .padding-xs-bottom {
1895
+ padding-bottom: 5px;
1896
+ }
1897
+ .fuelux .padding-xs-left {
1898
+ padding-left: 5px;
1899
+ }
1900
+ .fuelux .padding-xs-right {
1901
+ padding-right: 5px;
1902
+ }
1903
+ .fuelux .padding-sm {
1904
+ padding: 10px;
1905
+ }
1906
+ .fuelux .padding-sm-horizontal {
1907
+ padding: 0 10px;
1908
+ }
1909
+ .fuelux .padding-sm-vertical {
1910
+ padding: 10px 0;
1911
+ }
1912
+ .fuelux .padding-sm-top {
1913
+ padding-top: 10px;
1914
+ }
1915
+ .fuelux .padding-sm-bottom {
1916
+ padding-bottom: 10px;
1917
+ }
1918
+ .fuelux .padding-sm-left {
1919
+ padding-left: 10px;
1920
+ }
1921
+ .fuelux .padding-sm-right {
1922
+ padding-right: 10px;
1923
+ }
1924
+ .fuelux .padding-md {
1925
+ padding: 15px;
1926
+ }
1927
+ .fuelux .padding-md-horizontal {
1928
+ padding: 0 15px;
1929
+ }
1930
+ .fuelux .padding-md-vertical {
1931
+ padding: 15px 0;
1932
+ }
1933
+ .fuelux .padding-md-top {
1934
+ padding-top: 15px;
1935
+ }
1936
+ .fuelux .padding-md-bottom {
1937
+ padding-bottom: 15px;
1938
+ }
1939
+ .fuelux .padding-md-left {
1940
+ padding-left: 15px;
1941
+ }
1942
+ .fuelux .padding-md-right {
1943
+ padding-right: 15px;
1944
+ }
1945
+ .fuelux .padding-lg {
1946
+ padding: 20px;
1947
+ }
1948
+ .fuelux .padding-lg-horizontal {
1949
+ padding: 0 20px;
1950
+ }
1951
+ .fuelux .padding-lg-vertical {
1952
+ padding: 20px 0;
1953
+ }
1954
+ .fuelux .padding-lg-top {
1955
+ padding-top: 20px;
1956
+ }
1957
+ .fuelux .padding-lg-bottom {
1958
+ padding-bottom: 20px;
1959
+ }
1960
+ .fuelux .padding-lg-left {
1961
+ padding-left: 20px;
1962
+ }
1963
+ .fuelux .padding-lg-right {
1964
+ padding-right: 20px;
1965
+ }
1966
+ .fuelux .margin-xs {
1967
+ margin: 5px;
1968
+ }
1969
+ .fuelux .margin-xs-horizontal {
1970
+ margin: 0 5px;
1971
+ }
1972
+ .fuelux .margin-xs-vertical {
1973
+ margin: 5px 0;
1974
+ }
1975
+ .fuelux .margin-xs-top {
1976
+ margin-top: 5px;
1977
+ }
1978
+ .fuelux .margin-xs-bottom {
1979
+ margin-bottom: 5px;
1980
+ }
1981
+ .fuelux .margin-xs-left {
1982
+ margin-left: 5px;
1983
+ }
1984
+ .fuelux .margin-xs-right {
1985
+ margin-right: 5px;
1986
+ }
1987
+ .fuelux .margin-sm {
1988
+ margin: 10px;
1989
+ }
1990
+ .fuelux .margin-sm-horizontal {
1991
+ margin: 0 10px;
1992
+ }
1993
+ .fuelux .margin-sm-vertical {
1994
+ margin: 10px 0;
1995
+ }
1996
+ .fuelux .margin-sm-top {
1997
+ margin-top: 10px;
1998
+ }
1999
+ .fuelux .margin-sm-bottom {
2000
+ margin-bottom: 10px;
2001
+ }
2002
+ .fuelux .margin-sm-left {
2003
+ margin-left: 10px;
2004
+ }
2005
+ .fuelux .margin-sm-right {
2006
+ margin-right: 10px;
2007
+ }
2008
+ .fuelux .margin-md {
2009
+ margin: 15px;
2010
+ }
2011
+ .fuelux .margin-md-horizontal {
2012
+ margin: 0 15px;
2013
+ }
2014
+ .fuelux .margin-md-vertical {
2015
+ margin: 15px 0;
2016
+ }
2017
+ .fuelux .margin-md-top {
2018
+ margin-top: 15px;
2019
+ }
2020
+ .fuelux .margin-md-bottom {
2021
+ margin-bottom: 15px;
2022
+ }
2023
+ .fuelux .margin-md-left {
2024
+ margin-left: 15px;
2025
+ }
2026
+ .fuelux .margin-md-right {
2027
+ margin-right: 15px;
2028
+ }
2029
+ .fuelux .margin-lg {
2030
+ margin: 20px;
2031
+ }
2032
+ .fuelux .margin-lg-horizontal {
2033
+ margin: 0 20px;
2034
+ }
2035
+ .fuelux .margin-lg-vertical {
2036
+ margin: 20px 0;
2037
+ }
2038
+ .fuelux .margin-lg-top {
2039
+ margin-top: 20px;
2040
+ }
2041
+ .fuelux .margin-lg-bottom {
2042
+ margin-bottom: 20px;
2043
+ }
2044
+ .fuelux .margin-lg-left {
2045
+ margin-left: 20px;
2046
+ }
2047
+ .fuelux .margin-lg-right {
2048
+ margin-right: 20px;
2049
+ }
2050
+ .fuelux .data-label {
2051
+ text-transform: uppercase;
2052
+ font-size: 10px;
2053
+ margin-bottom: 2px;
2054
+ text-shadow: 0 1px #fff;
2055
+ color: #666;
2056
+ }
2057
+ .fuelux .data-value {
2058
+ font-size: 14px;
2059
+ }
2060
+ .fuelux .section-heading {
2061
+ font-size: 16px;
2062
+ color: #333;
2063
+ margin: 0 0 10px;
2064
+ padding: 0;
2065
+ text-shadow: 0 1px #fff;
2066
+ }
2067
+ /*# sourceMappingURL=fuelux.css.map */