mui-rails 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,9 @@
1
+ /*!
2
+ * =====================================================
3
+ * Ratchet v2.0.2 (http://goratchet.com)
4
+ * Copyright 2014 Connor Sears
5
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
6
+ *
7
+ * v2.0.2 designed by @connors.
8
+ * =====================================================
9
+ */a{color:#007aff}a:active{color:#0062cc}.content{background-color:#efeff4}.h5,.h6,h5,h6,p{color:#8f8f94}.h5,.h6,h5,h6{font-weight:400;text-transform:uppercase}.btn{color:#929292;background-color:rgba(247,247,247,.98);border:1px solid #929292;-webkit-transition:all;-moz-transition:all;transition:all;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.btn.active,.btn:active{color:#fff;background-color:#929292}.btn-primary{color:#fff;background-color:#007aff;border:1px solid #007aff}.btn-primary.active,.btn-primary:active{background-color:#0062cc;border:1px solid #0062cc}.btn-positive{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.btn-positive.active,.btn-positive:active{background-color:#2ac845;border:1px solid #2ac845}.btn-negative{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.btn-negative.active,.btn-negative:active{background-color:#cf2d28;border:1px solid #cf2d28}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#007aff}.btn-outlined.btn-positive{color:#4cd964}.btn-outlined.btn-negative{color:#dd524d}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff}.btn-link{color:#007aff;background-color:transparent;border:none}.btn-link.active,.btn-link:active{color:#0062cc;background-color:transparent}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{background-color:rgba(247,247,247,.98);border-bottom:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85)}.bar.bar-header-secondary{top:44px}.bar.bar-footer-secondary{bottom:44px}.bar.bar-footer-secondary-tab{bottom:50px}.bar-tab,.bar.bar-footer,.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{border-top:0}.tab-item{color:#929292}.bar-nav .btn-link,.tab-item.active,.tab-item:active{color:#007aff}.bar-nav .btn-link:active{color:#007aff;opacity:.6}.badge.badge-inverted{color:#929292;background-color:transparent}.badge-primary{color:#fff;background-color:#007aff}.badge-primary.badge-inverted{color:#007aff;background-color:transparent}.badge-positive{color:#fff;background-color:#4cd964}.badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.badge-negative{color:#fff;background-color:#dd524d}.badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.card .table-view,.card .table-view-cell:last-child{background-image:none}.table-view{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.table-view .table-view-cell{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{color:inherit}.table-view .table-view-divider{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.input-group,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}.input-group,select,textarea{height:auto}.input-group{padding:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.input-group input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border:0}.input-group input:last-child{background-image:none}.input-row{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.input-row label+input,.input-row:last-child{background-image:none}.segmented-control{background-color:transparent;border:1px solid #929292}.segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}.segmented-control .control-item:active{background-color:#ebebeb}.segmented-control .control-item.active{color:#fff;background-color:#929292}.segmented-control-primary{border:1px solid #007aff}.segmented-control-primary .control-item{color:#007aff;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#b3d7ff}.segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.segmented-control-positive{border:1px solid #4cd964}.segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#dff8e3}.segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.segmented-control-negative{border:1px solid #dd524d}.segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#fae4e3}.segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.popover .bar{-webkit-box-shadow:none;box-shadow:none}.popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.popover .table-view{background-image:none;border-radius:12px}.modal,.modal.active{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.toggle{width:47px;border:2px solid #e6e6e6;-webkit-box-shadow:inset 0 0 0 0 #e1e1e1;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:box-shadow,border;-moz-transition-property:box-shadow,border;transition-property:box-shadow,border}.toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08);-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{display:none}.toggle.active{background-color:transparent;border:2px solid #4cd964;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);-ms-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0);border-color:#4cd964}.content.fade{-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.content.sliding{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.content.sliding.right:not([class*=sliding-in]),.content.sliding.sliding-in{-webkit-animation-name:fadeOverlay;-moz-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s}.content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}.content.sliding.left{-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{-webkit-box-shadow:0 0 10px transparent,-320px 0 0 transparent;box-shadow:0 0 10px transparent,-320px 0 0 transparent}to{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}}
@@ -0,0 +1,1434 @@
1
+ /*!
2
+ * =====================================================
3
+ * Ratchet v2.0.2 (http://goratchet.com)
4
+ * Copyright 2014 Connor Sears
5
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
6
+ *
7
+ * v2.0.2 designed by @connors.
8
+ * =====================================================
9
+ */
10
+
11
+ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
12
+ html {
13
+ font-family: sans-serif;
14
+ -webkit-text-size-adjust: 100%;
15
+ -ms-text-size-adjust: 100%;
16
+ }
17
+
18
+ body {
19
+ margin: 0;
20
+ }
21
+
22
+ article,
23
+ aside,
24
+ details,
25
+ figcaption,
26
+ figure,
27
+ footer,
28
+ header,
29
+ hgroup,
30
+ main,
31
+ nav,
32
+ section,
33
+ summary {
34
+ display: block;
35
+ }
36
+
37
+ audio,
38
+ canvas,
39
+ progress,
40
+ video {
41
+ display: inline-block;
42
+ vertical-align: baseline;
43
+ }
44
+
45
+ audio:not([controls]) {
46
+ display: none;
47
+ height: 0;
48
+ }
49
+
50
+ [hidden],
51
+ template {
52
+ display: none;
53
+ }
54
+
55
+ a {
56
+ background: transparent;
57
+ }
58
+
59
+ a:active,
60
+ a:hover {
61
+ outline: 0;
62
+ }
63
+
64
+ abbr[title] {
65
+ border-bottom: 1px dotted;
66
+ }
67
+
68
+ b,
69
+ strong {
70
+ font-weight: bold;
71
+ }
72
+
73
+ dfn {
74
+ font-style: italic;
75
+ }
76
+
77
+ h1 {
78
+ margin: .67em 0;
79
+ font-size: 2em;
80
+ }
81
+
82
+ mark {
83
+ color: #000;
84
+ background: #ff0;
85
+ }
86
+
87
+ small {
88
+ font-size: 80%;
89
+ }
90
+
91
+ sub,
92
+ sup {
93
+ position: relative;
94
+ font-size: 75%;
95
+ line-height: 0;
96
+ vertical-align: baseline;
97
+ }
98
+
99
+ sup {
100
+ top: -.5em;
101
+ }
102
+
103
+ sub {
104
+ bottom: -.25em;
105
+ }
106
+
107
+ img {
108
+ border: 0;
109
+ }
110
+
111
+ svg:not(:root) {
112
+ overflow: hidden;
113
+ }
114
+
115
+ figure {
116
+ margin: 1em 40px;
117
+ }
118
+
119
+ hr {
120
+ height: 0;
121
+ -moz-box-sizing: content-box;
122
+ box-sizing: content-box;
123
+ }
124
+
125
+ pre {
126
+ overflow: auto;
127
+ }
128
+
129
+ code,
130
+ kbd,
131
+ pre,
132
+ samp {
133
+ font-family: monospace, monospace;
134
+ font-size: 1em;
135
+ }
136
+
137
+ button,
138
+ input,
139
+ optgroup,
140
+ select,
141
+ textarea {
142
+ margin: 0;
143
+ font: inherit;
144
+ color: inherit;
145
+ }
146
+
147
+ button {
148
+ overflow: visible;
149
+ }
150
+
151
+ button,
152
+ select {
153
+ text-transform: none;
154
+ }
155
+
156
+ button,
157
+ html input[type="button"],
158
+ input[type="reset"],
159
+ input[type="submit"] {
160
+ -webkit-appearance: button;
161
+ cursor: pointer;
162
+ }
163
+
164
+ button[disabled],
165
+ html input[disabled] {
166
+ cursor: default;
167
+ }
168
+
169
+ button::-moz-focus-inner,
170
+ input::-moz-focus-inner {
171
+ padding: 0;
172
+ border: 0;
173
+ }
174
+
175
+ input {
176
+ line-height: normal;
177
+ }
178
+
179
+ input[type="checkbox"],
180
+ input[type="radio"] {
181
+ box-sizing: border-box;
182
+ padding: 0;
183
+ }
184
+
185
+ input[type="number"]::-webkit-inner-spin-button,
186
+ input[type="number"]::-webkit-outer-spin-button {
187
+ height: auto;
188
+ }
189
+
190
+ input[type="search"] {
191
+ -webkit-box-sizing: content-box;
192
+ -moz-box-sizing: content-box;
193
+ box-sizing: content-box;
194
+ -webkit-appearance: textfield;
195
+ }
196
+
197
+ input[type="search"]::-webkit-search-cancel-button,
198
+ input[type="search"]::-webkit-search-decoration {
199
+ -webkit-appearance: none;
200
+ }
201
+
202
+ fieldset {
203
+ padding: .35em .625em .75em;
204
+ margin: 0 2px;
205
+ border: 1px solid #c0c0c0;
206
+ }
207
+
208
+ legend {
209
+ padding: 0;
210
+ border: 0;
211
+ }
212
+
213
+ textarea {
214
+ overflow: auto;
215
+ }
216
+
217
+ optgroup {
218
+ font-weight: bold;
219
+ }
220
+
221
+ table {
222
+ border-spacing: 0;
223
+ border-collapse: collapse;
224
+ }
225
+
226
+ td,
227
+ th {
228
+ padding: 0;
229
+ }
230
+
231
+ * {
232
+ -webkit-box-sizing: border-box;
233
+ -moz-box-sizing: border-box;
234
+ box-sizing: border-box;
235
+ }
236
+
237
+ body {
238
+ position: fixed;
239
+ top: 0;
240
+ right: 0;
241
+ bottom: 0;
242
+ left: 0;
243
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
244
+ font-size: 17px;
245
+ line-height: 21px;
246
+ color: #000;
247
+ background-color: #fff;
248
+ }
249
+
250
+ a {
251
+ color: #428bca;
252
+ text-decoration: none;
253
+
254
+ -webkit-tap-highlight-color: transparent;
255
+ }
256
+ a:active {
257
+ color: #3071a9;
258
+ }
259
+
260
+ .content {
261
+ position: absolute;
262
+ top: 0;
263
+ right: 0;
264
+ bottom: 0;
265
+ left: 0;
266
+ overflow: auto;
267
+ -webkit-overflow-scrolling: touch;
268
+ background-color: #fff;
269
+ }
270
+
271
+ .content > * {
272
+ -webkit-transform: translateZ(0);
273
+ -ms-transform: translateZ(0);
274
+ transform: translateZ(0);
275
+ }
276
+
277
+ .bar-nav ~ .content {
278
+ padding-top: 44px;
279
+ }
280
+
281
+ .bar-header-secondary ~ .content {
282
+ padding-top: 88px;
283
+ }
284
+
285
+ .bar-footer ~ .content {
286
+ padding-bottom: 44px;
287
+ }
288
+
289
+ .bar-footer-secondary ~ .content {
290
+ padding-bottom: 88px;
291
+ }
292
+
293
+ .bar-tab ~ .content {
294
+ padding-bottom: 50px;
295
+ }
296
+
297
+ .bar-footer-secondary-tab ~ .content {
298
+ padding-bottom: 94px;
299
+ }
300
+
301
+ .content-padded {
302
+ margin: 10px;
303
+ }
304
+
305
+ .pull-left {
306
+ float: left;
307
+ }
308
+
309
+ .pull-right {
310
+ float: right;
311
+ }
312
+
313
+ .clearfix:before, .clearfix:after {
314
+ display: table;
315
+ content: " ";
316
+ }
317
+ .clearfix:after {
318
+ clear: both;
319
+ }
320
+
321
+ h1, h2, h3, h4, h5, h6 {
322
+ margin-top: 0;
323
+ margin-bottom: 10px;
324
+ line-height: 1;
325
+ }
326
+
327
+ h1, .h1 {
328
+ font-size: 36px;
329
+ }
330
+
331
+ h2, .h2 {
332
+ font-size: 30px;
333
+ }
334
+
335
+ h3, .h3 {
336
+ font-size: 24px;
337
+ }
338
+
339
+ h4, .h4 {
340
+ font-size: 18px;
341
+ }
342
+
343
+ h5, .h5 {
344
+ margin-top: 20px;
345
+ font-size: 14px;
346
+ }
347
+
348
+ h6, .h6 {
349
+ margin-top: 20px;
350
+ font-size: 12px;
351
+ }
352
+
353
+ p {
354
+ margin-top: 0;
355
+ margin-bottom: 10px;
356
+ font-size: 14px;
357
+ color: #777;
358
+ }
359
+
360
+ .btn {
361
+ position: relative;
362
+ display: inline-block;
363
+ padding: 6px 8px 7px;
364
+ margin-bottom: 0;
365
+ font-size: 12px;
366
+ font-weight: 400;
367
+ line-height: 1;
368
+ color: #333;
369
+ text-align: center;
370
+ white-space: nowrap;
371
+ vertical-align: top;
372
+ cursor: pointer;
373
+ background-color: #fff;
374
+ border: 1px solid #ccc;
375
+ border-radius: 3px;
376
+ }
377
+ .btn:active, .btn.active {
378
+ color: inherit;
379
+ background-color: #ccc;
380
+ }
381
+ .btn:disabled, .btn.disabled {
382
+ opacity: .6;
383
+ }
384
+
385
+ .btn-primary {
386
+ color: #fff;
387
+ background-color: #428bca;
388
+ border: 1px solid #428bca;
389
+ }
390
+ .btn-primary:active, .btn-primary.active {
391
+ color: #fff;
392
+ background-color: #3071a9;
393
+ border: 1px solid #3071a9;
394
+ }
395
+
396
+ .btn-positive {
397
+ color: #fff;
398
+ background-color: #5cb85c;
399
+ border: 1px solid #5cb85c;
400
+ }
401
+ .btn-positive:active, .btn-positive.active {
402
+ color: #fff;
403
+ background-color: #449d44;
404
+ border: 1px solid #449d44;
405
+ }
406
+
407
+ .btn-negative {
408
+ color: #fff;
409
+ background-color: #d9534f;
410
+ border: 1px solid #d9534f;
411
+ }
412
+ .btn-negative:active, .btn-negative.active {
413
+ color: #fff;
414
+ background-color: #c9302c;
415
+ border: 1px solid #c9302c;
416
+ }
417
+
418
+ .btn-outlined {
419
+ background-color: transparent;
420
+ }
421
+ .btn-outlined.btn-primary {
422
+ color: #428bca;
423
+ }
424
+ .btn-outlined.btn-positive {
425
+ color: #5cb85c;
426
+ }
427
+ .btn-outlined.btn-negative {
428
+ color: #d9534f;
429
+ }
430
+ .btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active {
431
+ color: #fff;
432
+ }
433
+
434
+ .btn-link {
435
+ padding-top: 6px;
436
+ padding-bottom: 6px;
437
+ color: #428bca;
438
+ background-color: transparent;
439
+ border: 0;
440
+ }
441
+ .btn-link:active, .btn-link.active {
442
+ color: #3071a9;
443
+ background-color: transparent;
444
+ }
445
+
446
+ .btn-block {
447
+ display: block;
448
+ width: 100%;
449
+ padding: 15px 0;
450
+ margin-bottom: 10px;
451
+ font-size: 18px;
452
+ }
453
+
454
+ input[type="submit"],
455
+ input[type="reset"],
456
+ input[type="button"] {
457
+ width: 100%;
458
+ }
459
+
460
+ .btn .badge {
461
+ margin: -2px -4px -2px 4px;
462
+ font-size: 12px;
463
+ background-color: rgba(0, 0, 0, .15);
464
+ }
465
+
466
+ .btn .badge-inverted,
467
+ .btn:active .badge-inverted {
468
+ background-color: transparent;
469
+ }
470
+
471
+ .btn-primary:active .badge-inverted,
472
+ .btn-positive:active .badge-inverted,
473
+ .btn-negative:active .badge-inverted {
474
+ color: #fff;
475
+ }
476
+
477
+ .btn-block .badge {
478
+ position: absolute;
479
+ right: 0;
480
+ margin-right: 10px;
481
+ }
482
+
483
+ .btn .icon {
484
+ font-size: inherit;
485
+ }
486
+
487
+ .bar {
488
+ position: fixed;
489
+ right: 0;
490
+ left: 0;
491
+ z-index: 10;
492
+ height: 44px;
493
+ padding-right: 10px;
494
+ padding-left: 10px;
495
+ background-color: #fff;
496
+ border-bottom: 1px solid #ddd;
497
+
498
+ -webkit-backface-visibility: hidden;
499
+ backface-visibility: hidden;
500
+ }
501
+
502
+ .bar-header-secondary {
503
+ top: 44px;
504
+ }
505
+
506
+ .bar-footer {
507
+ bottom: 0;
508
+ }
509
+
510
+ .bar-footer-secondary {
511
+ bottom: 44px;
512
+ }
513
+
514
+ .bar-footer-secondary-tab {
515
+ bottom: 50px;
516
+ }
517
+
518
+ .bar-footer,
519
+ .bar-footer-secondary,
520
+ .bar-footer-secondary-tab {
521
+ border-top: 1px solid #ddd;
522
+ border-bottom: 0;
523
+ }
524
+
525
+ .bar-nav {
526
+ top: 0;
527
+ }
528
+
529
+ .title {
530
+ position: absolute;
531
+ display: block;
532
+ width: 100%;
533
+ padding: 0;
534
+ margin: 0 -10px;
535
+ font-size: 17px;
536
+ font-weight: 500;
537
+ line-height: 44px;
538
+ color: #000;
539
+ text-align: center;
540
+ white-space: nowrap;
541
+ }
542
+
543
+ .title a {
544
+ color: inherit;
545
+ }
546
+
547
+ .bar-tab {
548
+ bottom: 0;
549
+ display: table;
550
+ width: 100%;
551
+ height: 50px;
552
+ padding: 0;
553
+ table-layout: fixed;
554
+ border-top: 1px solid #ddd;
555
+ border-bottom: 0;
556
+ }
557
+ .bar-tab .tab-item {
558
+ display: table-cell;
559
+ width: 1%;
560
+ height: 50px;
561
+ color: #929292;
562
+ text-align: center;
563
+ vertical-align: middle;
564
+ }
565
+ .bar-tab .tab-item.active, .bar-tab .tab-item:active {
566
+ color: #428bca;
567
+ }
568
+ .bar-tab .tab-item .icon {
569
+ top: 3px;
570
+ width: 24px;
571
+ height: 24px;
572
+ padding-top: 0;
573
+ padding-bottom: 0;
574
+ }
575
+ .bar-tab .tab-item .icon ~ .tab-label {
576
+ display: block;
577
+ font-size: 11px;
578
+ }
579
+
580
+ .bar .btn {
581
+ position: relative;
582
+ top: 7px;
583
+ z-index: 20;
584
+ padding: 6px 12px 7px;
585
+ margin-top: 0;
586
+ font-weight: 400;
587
+ }
588
+ .bar .btn.pull-right {
589
+ margin-left: 10px;
590
+ }
591
+ .bar .btn.pull-left {
592
+ margin-right: 10px;
593
+ }
594
+
595
+ .bar .btn-link {
596
+ top: 0;
597
+ padding: 0;
598
+ font-size: 16px;
599
+ line-height: 44px;
600
+ color: #428bca;
601
+ border: 0;
602
+ }
603
+ .bar .btn-link:active, .bar .btn-link.active {
604
+ color: #3071a9;
605
+ }
606
+
607
+ .bar .btn-block {
608
+ top: 6px;
609
+ padding: 7px 0;
610
+ margin-bottom: 0;
611
+ font-size: 16px;
612
+ }
613
+
614
+ .bar .btn-nav.pull-left {
615
+ margin-left: -5px;
616
+ }
617
+ .bar .btn-nav.pull-left .icon-left-nav {
618
+ margin-right: -3px;
619
+ }
620
+ .bar .btn-nav.pull-right {
621
+ margin-right: -5px;
622
+ }
623
+ .bar .btn-nav.pull-right .icon-right-nav {
624
+ margin-left: -3px;
625
+ }
626
+
627
+ .bar .icon {
628
+ position: relative;
629
+ z-index: 20;
630
+ padding-top: 10px;
631
+ padding-bottom: 10px;
632
+ font-size: 24px;
633
+ }
634
+ .bar .btn .icon {
635
+ top: 3px;
636
+ padding: 0;
637
+ }
638
+ .bar .title .icon {
639
+ padding: 0;
640
+ }
641
+ .bar .title .icon.icon-caret {
642
+ top: 4px;
643
+ margin-left: -5px;
644
+ }
645
+
646
+ .bar input[type="search"] {
647
+ height: 29px;
648
+ margin: 6px 0;
649
+ }
650
+
651
+ .bar .segmented-control {
652
+ top: 7px;
653
+ margin: 0 auto;
654
+ }
655
+
656
+ .badge {
657
+ display: inline-block;
658
+ padding: 2px 9px 3px;
659
+ font-size: 12px;
660
+ line-height: 1;
661
+ color: #333;
662
+ background-color: rgba(0, 0, 0, .15);
663
+ border-radius: 100px;
664
+ }
665
+ .badge.badge-inverted {
666
+ padding: 0 5px 0 0;
667
+ background-color: transparent;
668
+ }
669
+
670
+ .badge-primary {
671
+ color: #fff;
672
+ background-color: #428bca;
673
+ }
674
+ .badge-primary.badge-inverted {
675
+ color: #428bca;
676
+ }
677
+
678
+ .badge-positive {
679
+ color: #fff;
680
+ background-color: #5cb85c;
681
+ }
682
+ .badge-positive.badge-inverted {
683
+ color: #5cb85c;
684
+ }
685
+
686
+ .badge-negative {
687
+ color: #fff;
688
+ background-color: #d9534f;
689
+ }
690
+ .badge-negative.badge-inverted {
691
+ color: #d9534f;
692
+ }
693
+
694
+ .card {
695
+ margin: 10px;
696
+ overflow: hidden;
697
+ background-color: #fff;
698
+ border: 1px solid #ddd;
699
+ border-radius: 6px;
700
+ }
701
+
702
+ .card .table-view {
703
+ margin-bottom: 0;
704
+ border-top: 0;
705
+ border-bottom: 0;
706
+ }
707
+ .card .table-view .table-view-divider:first-child {
708
+ top: 0;
709
+ border-top-left-radius: 6px;
710
+ border-top-right-radius: 6px;
711
+ }
712
+ .card .table-view .table-view-divider:last-child {
713
+ border-bottom-right-radius: 6px;
714
+ border-bottom-left-radius: 6px;
715
+ }
716
+
717
+ .card .table-view-cell:last-child {
718
+ border-bottom: 0;
719
+ }
720
+
721
+ .table-view {
722
+ padding-left: 0;
723
+ margin-top: 0;
724
+ margin-bottom: 15px;
725
+ list-style: none;
726
+ background-color: #fff;
727
+ border-top: 1px solid #ddd;
728
+ border-bottom: 1px solid #ddd;
729
+ }
730
+
731
+ .table-view-cell {
732
+ position: relative;
733
+ padding: 11px 65px 11px 15px;
734
+ overflow: hidden;
735
+ border-bottom: 1px solid #ddd;
736
+ }
737
+ .table-view-cell:last-child {
738
+ border-bottom: 0;
739
+ }
740
+ .table-view-cell > a:not(.btn) {
741
+ position: relative;
742
+ display: block;
743
+ padding: inherit;
744
+ margin: -11px -65px -11px -15px;
745
+ overflow: hidden;
746
+ color: inherit;
747
+ }
748
+ .table-view-cell > a:not(.btn):active {
749
+ background-color: #eee;
750
+ }
751
+ .table-view-cell p {
752
+ margin-bottom: 0;
753
+ }
754
+
755
+ .table-view-divider {
756
+ padding-top: 6px;
757
+ padding-bottom: 6px;
758
+ padding-left: 15px;
759
+ margin-top: -1px;
760
+ margin-left: 0;
761
+ font-weight: 500;
762
+ color: #999;
763
+ background-color: #fafafa;
764
+ border-top: 1px solid #ddd;
765
+ border-bottom: 1px solid #ddd;
766
+ }
767
+
768
+ .table-view .media,
769
+ .table-view .media-body {
770
+ overflow: hidden;
771
+ }
772
+
773
+ .table-view .media-object.pull-left {
774
+ margin-right: 10px;
775
+ }
776
+ .table-view .media-object.pull-right {
777
+ margin-left: 10px;
778
+ }
779
+
780
+ .table-view-cell > .btn,
781
+ .table-view-cell > .badge,
782
+ .table-view-cell > .toggle,
783
+ .table-view-cell > a > .btn,
784
+ .table-view-cell > a > .badge,
785
+ .table-view-cell > a > .toggle {
786
+ position: absolute;
787
+ top: 50%;
788
+ right: 15px;
789
+ -webkit-transform: translateY(-50%);
790
+ -ms-transform: translateY(-50%);
791
+ transform: translateY(-50%);
792
+ }
793
+ .table-view-cell .navigate-left > .btn,
794
+ .table-view-cell .navigate-left > .badge,
795
+ .table-view-cell .navigate-left > .toggle,
796
+ .table-view-cell .navigate-right > .btn,
797
+ .table-view-cell .navigate-right > .badge,
798
+ .table-view-cell .navigate-right > .toggle,
799
+ .table-view-cell .push-left > .btn,
800
+ .table-view-cell .push-left > .badge,
801
+ .table-view-cell .push-left > .toggle,
802
+ .table-view-cell .push-right > .btn,
803
+ .table-view-cell .push-right > .badge,
804
+ .table-view-cell .push-right > .toggle,
805
+ .table-view-cell > a .navigate-left > .btn,
806
+ .table-view-cell > a .navigate-left > .badge,
807
+ .table-view-cell > a .navigate-left > .toggle,
808
+ .table-view-cell > a .navigate-right > .btn,
809
+ .table-view-cell > a .navigate-right > .badge,
810
+ .table-view-cell > a .navigate-right > .toggle,
811
+ .table-view-cell > a .push-left > .btn,
812
+ .table-view-cell > a .push-left > .badge,
813
+ .table-view-cell > a .push-left > .toggle,
814
+ .table-view-cell > a .push-right > .btn,
815
+ .table-view-cell > a .push-right > .badge,
816
+ .table-view-cell > a .push-right > .toggle {
817
+ right: 35px;
818
+ }
819
+
820
+ .content > .table-view:first-child {
821
+ margin-top: 15px;
822
+ }
823
+
824
+ input,
825
+ textarea,
826
+ button,
827
+ select {
828
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
829
+ font-size: 17px;
830
+ }
831
+
832
+ select,
833
+ textarea,
834
+ input[type="text"],
835
+ input[type="search"],
836
+ input[type="password"],
837
+ input[type="datetime"],
838
+ input[type="datetime-local"],
839
+ input[type="date"],
840
+ input[type="month"],
841
+ input[type="time"],
842
+ input[type="week"],
843
+ input[type="number"],
844
+ input[type="email"],
845
+ input[type="url"],
846
+ input[type="tel"],
847
+ input[type="color"] {
848
+ width: 100%;
849
+ height: 35px;
850
+ -webkit-appearance: none;
851
+ padding: 0 15px;
852
+ margin-bottom: 15px;
853
+ line-height: 21px;
854
+ background-color: #fff;
855
+ border: 1px solid #ddd;
856
+ border-radius: 3px;
857
+ outline: none;
858
+ }
859
+
860
+ input[type="search"] {
861
+ -webkit-box-sizing: border-box;
862
+ -moz-box-sizing: border-box;
863
+ box-sizing: border-box;
864
+ padding: 0 10px;
865
+ font-size: 16px;
866
+ border-radius: 20px;
867
+ }
868
+
869
+ input[type="search"]:focus {
870
+ text-align: left;
871
+ }
872
+
873
+ textarea {
874
+ height: auto;
875
+ }
876
+
877
+ select {
878
+ height: auto;
879
+ font-size: 14px;
880
+ background-color: #f8f8f8;
881
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
882
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
883
+ }
884
+
885
+ .input-group {
886
+ background-color: #fff;
887
+ }
888
+
889
+ .input-group input,
890
+ .input-group textarea {
891
+ margin-bottom: 0;
892
+ background-color: transparent;
893
+ border-top: 0;
894
+ border-right: 0;
895
+ border-left: 0;
896
+ border-radius: 0;
897
+ -webkit-box-shadow: none;
898
+ box-shadow: none;
899
+ }
900
+
901
+ .input-row {
902
+ height: 35px;
903
+ overflow: hidden;
904
+ border-bottom: 1px solid #ddd;
905
+ }
906
+
907
+ .input-row label {
908
+ float: left;
909
+ width: 35%;
910
+ padding: 8px 15px;
911
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
912
+ line-height: 1.1;
913
+ }
914
+
915
+ .input-row input {
916
+ float: right;
917
+ width: 65%;
918
+ padding-left: 0;
919
+ margin-bottom: 0;
920
+ border: 0;
921
+ }
922
+
923
+ .segmented-control {
924
+ position: relative;
925
+ display: table;
926
+ overflow: hidden;
927
+ font-size: 12px;
928
+ font-weight: 400;
929
+ background-color: #fff;
930
+ border: 1px solid #ccc;
931
+ border-radius: 3px;
932
+ }
933
+ .segmented-control .control-item {
934
+ display: table-cell;
935
+ width: 1%;
936
+ padding-top: 6px;
937
+ padding-bottom: 7px;
938
+ overflow: hidden;
939
+ line-height: 1;
940
+ color: #333;
941
+ text-align: center;
942
+ text-overflow: ellipsis;
943
+ white-space: nowrap;
944
+ border-left: 1px solid #ccc;
945
+ }
946
+ .segmented-control .control-item:first-child {
947
+ border-left-width: 0;
948
+ }
949
+ .segmented-control .control-item:active {
950
+ background-color: #eee;
951
+ }
952
+ .segmented-control .control-item.active {
953
+ background-color: #ccc;
954
+ }
955
+
956
+ .segmented-control-primary {
957
+ border-color: #428bca;
958
+ }
959
+ .segmented-control-primary .control-item {
960
+ color: #428bca;
961
+ border-color: inherit;
962
+ }
963
+ .segmented-control-primary .control-item:active {
964
+ background-color: #cde1f1;
965
+ }
966
+ .segmented-control-primary .control-item.active {
967
+ color: #fff;
968
+ background-color: #428bca;
969
+ }
970
+
971
+ .segmented-control-positive {
972
+ border-color: #5cb85c;
973
+ }
974
+ .segmented-control-positive .control-item {
975
+ color: #5cb85c;
976
+ border-color: inherit;
977
+ }
978
+ .segmented-control-positive .control-item:active {
979
+ background-color: #d8eed8;
980
+ }
981
+ .segmented-control-positive .control-item.active {
982
+ color: #fff;
983
+ background-color: #5cb85c;
984
+ }
985
+
986
+ .segmented-control-negative {
987
+ border-color: #d9534f;
988
+ }
989
+ .segmented-control-negative .control-item {
990
+ color: #d9534f;
991
+ border-color: inherit;
992
+ }
993
+ .segmented-control-negative .control-item:active {
994
+ background-color: #f9e2e2;
995
+ }
996
+ .segmented-control-negative .control-item.active {
997
+ color: #fff;
998
+ background-color: #d9534f;
999
+ }
1000
+
1001
+ .control-content {
1002
+ display: none;
1003
+ }
1004
+ .control-content.active {
1005
+ display: block;
1006
+ }
1007
+
1008
+ .popover {
1009
+ position: fixed;
1010
+ top: 55px;
1011
+ left: 50%;
1012
+ z-index: 20;
1013
+ display: none;
1014
+ width: 280px;
1015
+ margin-left: -140px;
1016
+ background-color: #fff;
1017
+ border-radius: 6px;
1018
+ -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
1019
+ box-shadow: 0 0 15px rgba(0, 0, 0, .1);
1020
+ opacity: 0;
1021
+ -webkit-transition: all .25s linear;
1022
+ -moz-transition: all .25s linear;
1023
+ transition: all .25s linear;
1024
+ -webkit-transform: translate3d(0, -15px, 0);
1025
+ -ms-transform: translate3d(0, -15px, 0);
1026
+ transform: translate3d(0, -15px, 0);
1027
+ }
1028
+ .popover:before {
1029
+ position: absolute;
1030
+ top: -15px;
1031
+ left: 50%;
1032
+ width: 0;
1033
+ height: 0;
1034
+ margin-left: -15px;
1035
+ content: '';
1036
+ border-right: 15px solid transparent;
1037
+ border-bottom: 15px solid #fff;
1038
+ border-left: 15px solid transparent;
1039
+ }
1040
+ .popover.visible {
1041
+ opacity: 1;
1042
+ -webkit-transform: translate3d(0, 0, 0);
1043
+ -ms-transform: translate3d(0, 0, 0);
1044
+ transform: translate3d(0, 0, 0);
1045
+ }
1046
+ .popover .bar ~ .table-view {
1047
+ padding-top: 44px;
1048
+ }
1049
+
1050
+ .backdrop {
1051
+ position: fixed;
1052
+ top: 0;
1053
+ right: 0;
1054
+ bottom: 0;
1055
+ left: 0;
1056
+ z-index: 15;
1057
+ background-color: rgba(0, 0, 0, .3);
1058
+ }
1059
+
1060
+ .popover .btn-block {
1061
+ margin-bottom: 5px;
1062
+ }
1063
+ .popover .btn-block:last-child {
1064
+ margin-bottom: 0;
1065
+ }
1066
+
1067
+ .popover .bar-nav {
1068
+ border-bottom: 1px solid #ddd;
1069
+ border-top-left-radius: 12px;
1070
+ border-top-right-radius: 12px;
1071
+ -webkit-box-shadow: none;
1072
+ box-shadow: none;
1073
+ }
1074
+
1075
+ .popover .table-view {
1076
+ max-height: 300px;
1077
+ margin-bottom: 0;
1078
+ overflow: auto;
1079
+ -webkit-overflow-scrolling: touch;
1080
+ background-color: #fff;
1081
+ border-top: 0;
1082
+ border-bottom: 0;
1083
+ border-radius: 6px;
1084
+ }
1085
+
1086
+ .modal {
1087
+ position: fixed;
1088
+ top: 0;
1089
+ z-index: 11;
1090
+ width: 100%;
1091
+ min-height: 100%;
1092
+ overflow: hidden;
1093
+ background-color: #fff;
1094
+ opacity: 0;
1095
+ -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
1096
+ -moz-transition: -moz-transform .25s, opacity 1ms .25s;
1097
+ transition: transform .25s, opacity 1ms .25s;
1098
+ -webkit-transform: translate3d(0, 100%, 0);
1099
+ -ms-transform: translate3d(0, 100%, 0);
1100
+ transform: translate3d(0, 100%, 0);
1101
+ }
1102
+ .modal.active {
1103
+ height: 100%;
1104
+ opacity: 1;
1105
+ -webkit-transition: -webkit-transform .25s;
1106
+ -moz-transition: -moz-transform .25s;
1107
+ transition: transform .25s;
1108
+ -webkit-transform: translate3d(0, 0, 0);
1109
+ -ms-transform: translate3d(0, 0, 0);
1110
+ transform: translate3d(0, 0, 0);
1111
+ }
1112
+
1113
+ .slider {
1114
+ width: 100%;
1115
+ }
1116
+
1117
+ .slider {
1118
+ overflow: hidden;
1119
+ background-color: #000;
1120
+ }
1121
+ .slider .slide-group {
1122
+ position: relative;
1123
+ font-size: 0;
1124
+ white-space: nowrap;
1125
+ -webkit-transition: all 0s linear;
1126
+ -moz-transition: all 0s linear;
1127
+ transition: all 0s linear;
1128
+ }
1129
+ .slider .slide-group .slide {
1130
+ display: inline-block;
1131
+ width: 100%;
1132
+ height: 100%;
1133
+ font-size: 14px;
1134
+ vertical-align: top;
1135
+ }
1136
+
1137
+ .toggle {
1138
+ position: relative;
1139
+ display: block;
1140
+ width: 74px;
1141
+ height: 30px;
1142
+ background-color: #fff;
1143
+ border: 2px solid #ddd;
1144
+ border-radius: 20px;
1145
+ -webkit-transition-duration: .2s;
1146
+ -moz-transition-duration: .2s;
1147
+ transition-duration: .2s;
1148
+ -webkit-transition-property: background-color, border;
1149
+ -moz-transition-property: background-color, border;
1150
+ transition-property: background-color, border;
1151
+ }
1152
+ .toggle .toggle-handle {
1153
+ position: absolute;
1154
+ top: -1px;
1155
+ left: -1px;
1156
+ z-index: 2;
1157
+ width: 28px;
1158
+ height: 28px;
1159
+ background-color: #fff;
1160
+ border: 1px solid #ddd;
1161
+ border-radius: 100px;
1162
+ -webkit-transition-duration: .2s;
1163
+ -moz-transition-duration: .2s;
1164
+ transition-duration: .2s;
1165
+ -webkit-transition-property: -webkit-transform, border, width;
1166
+ -moz-transition-property: -moz-transform, border, width;
1167
+ transition-property: transform, border, width;
1168
+ }
1169
+ .toggle:before {
1170
+ position: absolute;
1171
+ top: 3px;
1172
+ right: 11px;
1173
+ font-size: 13px;
1174
+ color: #999;
1175
+ text-transform: uppercase;
1176
+ content: "Off";
1177
+ }
1178
+ .toggle.active {
1179
+ background-color: #5cb85c;
1180
+ border: 2px solid #5cb85c;
1181
+ }
1182
+ .toggle.active .toggle-handle {
1183
+ border-color: #5cb85c;
1184
+ -webkit-transform: translate3d(44px, 0, 0);
1185
+ -ms-transform: translate3d(44px, 0, 0);
1186
+ transform: translate3d(44px, 0, 0);
1187
+ }
1188
+ .toggle.active:before {
1189
+ right: auto;
1190
+ left: 15px;
1191
+ color: #fff;
1192
+ content: "On";
1193
+ }
1194
+ .toggle input[type="checkbox"] {
1195
+ display: none;
1196
+ }
1197
+
1198
+ .content.fade {
1199
+ left: 0;
1200
+ opacity: 0;
1201
+ }
1202
+ .content.fade.in {
1203
+ opacity: 1;
1204
+ }
1205
+ .content.sliding {
1206
+ z-index: 2;
1207
+ -webkit-transition: -webkit-transform .4s;
1208
+ -moz-transition: -moz-transform .4s;
1209
+ transition: transform .4s;
1210
+ -webkit-transform: translate3d(0, 0, 0);
1211
+ -ms-transform: translate3d(0, 0, 0);
1212
+ transform: translate3d(0, 0, 0);
1213
+ }
1214
+ .content.sliding.left {
1215
+ z-index: 1;
1216
+ -webkit-transform: translate3d(-100%, 0, 0);
1217
+ -ms-transform: translate3d(-100%, 0, 0);
1218
+ transform: translate3d(-100%, 0, 0);
1219
+ }
1220
+ .content.sliding.right {
1221
+ z-index: 3;
1222
+ -webkit-transform: translate3d(100%, 0, 0);
1223
+ -ms-transform: translate3d(100%, 0, 0);
1224
+ transform: translate3d(100%, 0, 0);
1225
+ }
1226
+
1227
+ .navigate-left:after,
1228
+ .navigate-right:after,
1229
+ .push-left:after,
1230
+ .push-right:after {
1231
+ position: absolute;
1232
+ top: 50%;
1233
+ display: inline-block;
1234
+ font-family: Ratchicons;
1235
+ font-size: inherit;
1236
+ line-height: 1;
1237
+ color: #bbb;
1238
+ text-decoration: none;
1239
+ -webkit-transform: translateY(-50%);
1240
+ -ms-transform: translateY(-50%);
1241
+ transform: translateY(-50%);
1242
+
1243
+ -webkit-font-smoothing: antialiased;
1244
+ }
1245
+
1246
+ .navigate-left:after,
1247
+ .push-left:after {
1248
+ left: 15px;
1249
+ content: '\e822';
1250
+ }
1251
+
1252
+ .navigate-right:after,
1253
+ .push-right:after {
1254
+ right: 15px;
1255
+ content: '\e826';
1256
+ }
1257
+
1258
+ @font-face {
1259
+ font-family: Ratchicons;
1260
+ font-style: normal;
1261
+ font-weight: normal;
1262
+
1263
+ src: url("../fonts/ratchicons.eot");
1264
+ src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ratchicons.woff") format("woff"), url("../fonts/ratchicons.ttf") format("truetype"), url("../fonts/ratchicons.svg#svgFontName") format("svg");
1265
+ }
1266
+ .icon {
1267
+ display: inline-block;
1268
+ font-family: Ratchicons;
1269
+ font-size: 24px;
1270
+ line-height: 1;
1271
+ text-decoration: none;
1272
+
1273
+ -webkit-font-smoothing: antialiased;
1274
+ }
1275
+
1276
+ .icon-back:before {
1277
+ content: '\e80a';
1278
+ }
1279
+
1280
+ .icon-bars:before {
1281
+ content: '\e80e';
1282
+ }
1283
+
1284
+ .icon-caret:before {
1285
+ content: '\e80f';
1286
+ }
1287
+
1288
+ .icon-check:before {
1289
+ content: '\e810';
1290
+ }
1291
+
1292
+ .icon-close:before {
1293
+ content: '\e811';
1294
+ }
1295
+
1296
+ .icon-code:before {
1297
+ content: '\e812';
1298
+ }
1299
+
1300
+ .icon-compose:before {
1301
+ content: '\e813';
1302
+ }
1303
+
1304
+ .icon-download:before {
1305
+ content: '\e815';
1306
+ }
1307
+
1308
+ .icon-edit:before {
1309
+ content: '\e829';
1310
+ }
1311
+
1312
+ .icon-forward:before {
1313
+ content: '\e82a';
1314
+ }
1315
+
1316
+ .icon-gear:before {
1317
+ content: '\e821';
1318
+ }
1319
+
1320
+ .icon-home:before {
1321
+ content: '\e82b';
1322
+ }
1323
+
1324
+ .icon-info:before {
1325
+ content: '\e82c';
1326
+ }
1327
+
1328
+ .icon-list:before {
1329
+ content: '\e823';
1330
+ }
1331
+
1332
+ .icon-more-vertical:before {
1333
+ content: '\e82e';
1334
+ }
1335
+
1336
+ .icon-more:before {
1337
+ content: '\e82f';
1338
+ }
1339
+
1340
+ .icon-pages:before {
1341
+ content: '\e824';
1342
+ }
1343
+
1344
+ .icon-pause:before {
1345
+ content: '\e830';
1346
+ }
1347
+
1348
+ .icon-person:before {
1349
+ content: '\e832';
1350
+ }
1351
+
1352
+ .icon-play:before {
1353
+ content: '\e816';
1354
+ }
1355
+
1356
+ .icon-plus:before {
1357
+ content: '\e817';
1358
+ }
1359
+
1360
+ .icon-refresh:before {
1361
+ content: '\e825';
1362
+ }
1363
+
1364
+ .icon-search:before {
1365
+ content: '\e819';
1366
+ }
1367
+
1368
+ .icon-share:before {
1369
+ content: '\e81a';
1370
+ }
1371
+
1372
+ .icon-sound:before {
1373
+ content: '\e827';
1374
+ }
1375
+
1376
+ .icon-sound2:before {
1377
+ content: '\e828';
1378
+ }
1379
+
1380
+ .icon-sound3:before {
1381
+ content: '\e80b';
1382
+ }
1383
+
1384
+ .icon-sound4:before {
1385
+ content: '\e80c';
1386
+ }
1387
+
1388
+ .icon-star-filled:before {
1389
+ content: '\e81b';
1390
+ }
1391
+
1392
+ .icon-star:before {
1393
+ content: '\e81c';
1394
+ }
1395
+
1396
+ .icon-stop:before {
1397
+ content: '\e81d';
1398
+ }
1399
+
1400
+ .icon-trash:before {
1401
+ content: '\e81e';
1402
+ }
1403
+
1404
+ .icon-up-nav:before {
1405
+ content: '\e81f';
1406
+ }
1407
+
1408
+ .icon-up:before {
1409
+ content: '\e80d';
1410
+ }
1411
+
1412
+ .icon-right-nav:before {
1413
+ content: '\e818';
1414
+ }
1415
+
1416
+ .icon-right:before {
1417
+ content: '\e826';
1418
+ }
1419
+
1420
+ .icon-down-nav:before {
1421
+ content: '\e814';
1422
+ }
1423
+
1424
+ .icon-down:before {
1425
+ content: '\e820';
1426
+ }
1427
+
1428
+ .icon-left-nav:before {
1429
+ content: '\e82d';
1430
+ }
1431
+
1432
+ .icon-left:before {
1433
+ content: '\e822';
1434
+ }