mui_app_rails 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/mui_app_rails/mui.js +6013 -1
  3. data/app/assets/javascripts/mui_app_rails/mui.min.js +8 -0
  4. data/app/assets/javascripts/mui_app_rails.js +1 -1
  5. data/app/assets/stylesheets/mui_app_rails/mui.css +3742 -0
  6. data/app/assets/stylesheets/mui_app_rails/mui.min.css +5 -0
  7. data/lib/mui_app_rails/engine.rb +12 -0
  8. data/lib/mui_app_rails/version.rb +1 -1
  9. data/lib/mui_app_rails.rb +1 -1
  10. metadata +17 -99
  11. data/app/assets/javascripts/mui_app_rails/actions.js +0 -26
  12. data/app/assets/javascripts/mui_app_rails/ajax.plugin.js +0 -3
  13. data/app/assets/javascripts/mui_app_rails/input.plugin.js +0 -232
  14. data/app/assets/javascripts/mui_app_rails/modals.js +0 -37
  15. data/app/assets/javascripts/mui_app_rails/mui.active.js +0 -30
  16. data/app/assets/javascripts/mui_app_rails/mui.ajax.5+.js +0 -27
  17. data/app/assets/javascripts/mui_app_rails/mui.ajax.js +0 -277
  18. data/app/assets/javascripts/mui_app_rails/mui.animation.js +0 -39
  19. data/app/assets/javascripts/mui_app_rails/mui.animationframe.js +0 -72
  20. data/app/assets/javascripts/mui_app_rails/mui.back.5+.js +0 -108
  21. data/app/assets/javascripts/mui_app_rails/mui.back.js +0 -56
  22. data/app/assets/javascripts/mui_app_rails/mui.class.js +0 -40
  23. data/app/assets/javascripts/mui_app_rails/mui.class.scroll.js +0 -894
  24. data/app/assets/javascripts/mui_app_rails/mui.class.scroll.pullrefresh.js +0 -150
  25. data/app/assets/javascripts/mui_app_rails/mui.class.scroll.slider.js +0 -361
  26. data/app/assets/javascripts/mui_app_rails/mui.class.scroll.slider.old.js +0 -332
  27. data/app/assets/javascripts/mui_app_rails/mui.detect.5+.js +0 -18
  28. data/app/assets/javascripts/mui_app_rails/mui.detect.js +0 -50
  29. data/app/assets/javascripts/mui_app_rails/mui.dialog.alert.js +0 -27
  30. data/app/assets/javascripts/mui_app_rails/mui.dialog.confirm.js +0 -27
  31. data/app/assets/javascripts/mui_app_rails/mui.dialog.prompt.js +0 -33
  32. data/app/assets/javascripts/mui_app_rails/mui.dialog.toast.js +0 -20
  33. data/app/assets/javascripts/mui_app_rails/mui.event.js +0 -160
  34. data/app/assets/javascripts/mui_app_rails/mui.fixed.animation.js +0 -22
  35. data/app/assets/javascripts/mui_app_rails/mui.fixed.classlist.js +0 -50
  36. data/app/assets/javascripts/mui_app_rails/mui.fixed.fastclick.js +0 -64
  37. data/app/assets/javascripts/mui_app_rails/mui.fixed.js +0 -40
  38. data/app/assets/javascripts/mui_app_rails/mui.fixed.keyboard.js +0 -56
  39. data/app/assets/javascripts/mui_app_rails/mui.gestures.drag.js +0 -48
  40. data/app/assets/javascripts/mui_app_rails/mui.gestures.flick.js +0 -30
  41. data/app/assets/javascripts/mui_app_rails/mui.gestures.hold.js +0 -41
  42. data/app/assets/javascripts/mui_app_rails/mui.gestures.js +0 -207
  43. data/app/assets/javascripts/mui_app_rails/mui.gestures.longtap.js +0 -43
  44. data/app/assets/javascripts/mui_app_rails/mui.gestures.swipe.js +0 -29
  45. data/app/assets/javascripts/mui_app_rails/mui.gestures.tap.js +0 -40
  46. data/app/assets/javascripts/mui_app_rails/mui.init.5+.js +0 -441
  47. data/app/assets/javascripts/mui_app_rails/mui.init.js +0 -100
  48. data/app/assets/javascripts/mui_app_rails/mui.init.pullrefresh.js +0 -57
  49. data/app/assets/javascripts/mui_app_rails/mui.jsonp.js +0 -108
  50. data/app/assets/javascripts/mui_app_rails/mui.layout.js +0 -22
  51. data/app/assets/javascripts/mui_app_rails/mui.namespace.js +0 -35
  52. data/app/assets/javascripts/mui_app_rails/mui.number.js +0 -93
  53. data/app/assets/javascripts/mui_app_rails/mui.offcanvas.js +0 -497
  54. data/app/assets/javascripts/mui_app_rails/mui.pullrefresh.js +0 -157
  55. data/app/assets/javascripts/mui_app_rails/mui.target.js +0 -58
  56. data/app/assets/javascripts/mui_app_rails/mui.view.js +0 -172
  57. data/app/assets/javascripts/mui_app_rails/popovers.js +0 -278
  58. data/app/assets/javascripts/mui_app_rails/pullrefresh.5+.js +0 -238
  59. data/app/assets/javascripts/mui_app_rails/push.js +0 -479
  60. data/app/assets/javascripts/mui_app_rails/segmented-controllers.js +0 -99
  61. data/app/assets/javascripts/mui_app_rails/sliders.js +0 -362
  62. data/app/assets/javascripts/mui_app_rails/switches.js +0 -165
  63. data/app/assets/javascripts/mui_app_rails/tableviews.js +0 -512
  64. data/app/assets/stylesheets/mui_app_rails/badges.scss +0 -88
  65. data/app/assets/stylesheets/mui_app_rails/bars.scss +0 -312
  66. data/app/assets/stylesheets/mui_app_rails/base.scss +0 -196
  67. data/app/assets/stylesheets/mui_app_rails/buttons.scss +0 -205
  68. data/app/assets/stylesheets/mui_app_rails/cards.scss +0 -62
  69. data/app/assets/stylesheets/mui_app_rails/forms.scss +0 -452
  70. data/app/assets/stylesheets/mui_app_rails/fullscreen.scss +0 -35
  71. data/app/assets/stylesheets/mui_app_rails/grid.scss +0 -75
  72. data/app/assets/stylesheets/mui_app_rails/hack.scss +0 -14
  73. data/app/assets/stylesheets/mui_app_rails/icon.scss +0 -170
  74. data/app/assets/stylesheets/mui_app_rails/iscroll.scss +0 -43
  75. data/app/assets/stylesheets/mui_app_rails/loadings.scss +0 -111
  76. data/app/assets/stylesheets/mui_app_rails/mixins.scss +0 -212
  77. data/app/assets/stylesheets/mui_app_rails/modals.scss +0 -34
  78. data/app/assets/stylesheets/mui_app_rails/mui.scss +0 -46
  79. data/app/assets/stylesheets/mui_app_rails/normalize.scss +0 -425
  80. data/app/assets/stylesheets/mui_app_rails/number.scss +0 -70
  81. data/app/assets/stylesheets/mui_app_rails/off-canvas.scss +0 -84
  82. data/app/assets/stylesheets/mui_app_rails/os.scss +0 -12
  83. data/app/assets/stylesheets/mui_app_rails/pagination.scss +0 -155
  84. data/app/assets/stylesheets/mui_app_rails/popovers.scss +0 -198
  85. data/app/assets/stylesheets/mui_app_rails/pullrefreshs.scss +0 -98
  86. data/app/assets/stylesheets/mui_app_rails/push.scss +0 -63
  87. data/app/assets/stylesheets/mui_app_rails/scroll.scss +0 -95
  88. data/app/assets/stylesheets/mui_app_rails/segmented-controls.scss +0 -150
  89. data/app/assets/stylesheets/mui_app_rails/slider-cell.scss +0 -20
  90. data/app/assets/stylesheets/mui_app_rails/sliders.scss +0 -133
  91. data/app/assets/stylesheets/mui_app_rails/switches.scss +0 -115
  92. data/app/assets/stylesheets/mui_app_rails/table-views.scss +0 -482
  93. data/app/assets/stylesheets/mui_app_rails/toast.scss +0 -16
  94. data/app/assets/stylesheets/mui_app_rails/type.scss +0 -23
  95. data/app/assets/stylesheets/mui_app_rails/variables.scss +0 -64
@@ -0,0 +1,3742 @@
1
+ /*!
2
+ * =====================================================
3
+ * Mui v1.7.0 (https://github.com/dcloudio/mui)
4
+ * =====================================================
5
+ */
6
+
7
+ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
8
+ html {
9
+ font-family: sans-serif;
10
+ -webkit-text-size-adjust: 100%;
11
+ }
12
+
13
+ body {
14
+ margin: 0;
15
+ }
16
+
17
+ article,
18
+ aside,
19
+ details,
20
+ figcaption,
21
+ figure,
22
+ footer,
23
+ header,
24
+ hgroup,
25
+ main,
26
+ nav,
27
+ section,
28
+ summary {
29
+ display: block;
30
+ }
31
+
32
+ audio,
33
+ canvas,
34
+ progress,
35
+ video {
36
+ display: inline-block;
37
+ vertical-align: baseline;
38
+ }
39
+
40
+ audio:not([controls]) {
41
+ display: none;
42
+ height: 0;
43
+ }
44
+
45
+ [hidden],
46
+ template {
47
+ display: none;
48
+ }
49
+
50
+ a {
51
+ background: transparent;
52
+ }
53
+
54
+ a:active,
55
+ a:hover {
56
+ outline: 0;
57
+ }
58
+
59
+ abbr[title] {
60
+ border-bottom: 1px dotted;
61
+ }
62
+
63
+ b,
64
+ strong {
65
+ font-weight: bold;
66
+ }
67
+
68
+ dfn {
69
+ font-style: italic;
70
+ }
71
+
72
+ h1 {
73
+ margin: .67em 0;
74
+ font-size: 2em;
75
+ }
76
+
77
+ mark {
78
+ color: #000;
79
+ background: #ff0;
80
+ }
81
+
82
+ small {
83
+ font-size: 80%;
84
+ }
85
+
86
+ sub,
87
+ sup {
88
+ position: relative;
89
+ font-size: 75%;
90
+ line-height: 0;
91
+ vertical-align: baseline;
92
+ }
93
+
94
+ sup {
95
+ top: -.5em;
96
+ }
97
+
98
+ sub {
99
+ bottom: -.25em;
100
+ }
101
+
102
+ img {
103
+ border: 0;
104
+ }
105
+
106
+ svg:not(:root) {
107
+ overflow: hidden;
108
+ }
109
+
110
+ figure {
111
+ margin: 1em 40px;
112
+ }
113
+
114
+ hr {
115
+ height: 0;
116
+ box-sizing: content-box;
117
+ }
118
+
119
+ pre {
120
+ overflow: auto;
121
+ }
122
+
123
+ code,
124
+ kbd,
125
+ pre,
126
+ samp {
127
+ font-family: monospace, monospace;
128
+ font-size: 1em;
129
+ }
130
+
131
+ button,
132
+ input,
133
+ optgroup,
134
+ select,
135
+ textarea {
136
+ margin: 0;
137
+ font: inherit;
138
+ color: inherit;
139
+ }
140
+
141
+ button {
142
+ overflow: visible;
143
+ }
144
+
145
+ button,
146
+ select {
147
+ text-transform: none;
148
+ }
149
+
150
+ button,
151
+ html input[type="button"],
152
+ input[type="reset"],
153
+ input[type="submit"] {
154
+ -webkit-appearance: button;
155
+ cursor: pointer;
156
+ }
157
+
158
+ button[disabled],
159
+ html input[disabled] {
160
+ cursor: default;
161
+ }
162
+
163
+ input {
164
+ line-height: normal;
165
+ }
166
+
167
+ input[type="checkbox"],
168
+ input[type="radio"] {
169
+ box-sizing: border-box;
170
+ padding: 0;
171
+ }
172
+
173
+ input[type="number"]::-webkit-inner-spin-button,
174
+ input[type="number"]::-webkit-outer-spin-button {
175
+ height: auto;
176
+ }
177
+
178
+ input[type="search"] {
179
+ -webkit-box-sizing: content-box;
180
+ box-sizing: content-box;
181
+ -webkit-appearance: textfield;
182
+ }
183
+
184
+ input[type="search"]::-webkit-search-cancel-button,
185
+ input[type="search"]::-webkit-search-decoration {
186
+ -webkit-appearance: none;
187
+ }
188
+
189
+ fieldset {
190
+ padding: .35em .625em .75em;
191
+ margin: 0 2px;
192
+ border: 1px solid #c0c0c0;
193
+ }
194
+
195
+ legend {
196
+ padding: 0;
197
+ border: 0;
198
+ }
199
+
200
+ textarea {
201
+ overflow: auto;
202
+ }
203
+
204
+ optgroup {
205
+ font-weight: bold;
206
+ }
207
+
208
+ table {
209
+ border-spacing: 0;
210
+ border-collapse: collapse;
211
+ }
212
+
213
+ td,
214
+ th {
215
+ padding: 0;
216
+ }
217
+
218
+ * {
219
+ -webkit-box-sizing: border-box;
220
+ box-sizing: border-box;
221
+ -webkit-user-select: none;
222
+ outline: none;
223
+
224
+ -webkit-tap-highlight-color: transparent;
225
+ -webkit-tap-highlight-color: transparent;
226
+ }
227
+
228
+ body {
229
+ -webkit-overflow-scrolling: touch;
230
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
231
+ font-size: 17px;
232
+ line-height: 21px;
233
+ color: #000;
234
+ background-color: #fff;
235
+ }
236
+
237
+ a {
238
+ color: #007aff;
239
+ text-decoration: none;
240
+ }
241
+ a:active {
242
+ color: #0062cc;
243
+ }
244
+
245
+ .mui-content {
246
+ -webkit-overflow-scrolling: touch;
247
+ background-color: #efeff4;
248
+ }
249
+
250
+ .mui-bar-nav ~ .mui-content {
251
+ padding-top: 44px;
252
+ }
253
+ .mui-bar-nav ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
254
+ top: 44px;
255
+ }
256
+
257
+ .mui-bar-header-secondary ~ .mui-content {
258
+ padding-top: 88px;
259
+ }
260
+ .mui-bar-header-secondary ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
261
+ top: 88px;
262
+ }
263
+
264
+ .mui-bar-footer ~ .mui-content {
265
+ padding-bottom: 44px;
266
+ }
267
+ .mui-bar-footer ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
268
+ bottom: 44px;
269
+ }
270
+
271
+ .mui-bar-footer-secondary ~ .mui-content {
272
+ padding-bottom: 88px;
273
+ }
274
+ .mui-bar-footer-secondary ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
275
+ bottom: 88px;
276
+ }
277
+
278
+ .mui-bar-tab ~ .mui-content {
279
+ padding-bottom: 50px;
280
+ }
281
+ .mui-bar-tab ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
282
+ bottom: 50px;
283
+ }
284
+
285
+ .mui-bar-footer-secondary-tab ~ .mui-content {
286
+ padding-bottom: 94px;
287
+ }
288
+ .mui-bar-footer-secondary-tab ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
289
+ bottom: 94px;
290
+ }
291
+
292
+ .mui-content-padded {
293
+ margin: 10px;
294
+ }
295
+
296
+ .mui-inline {
297
+ display: inline-block;
298
+ vertical-align: top;
299
+ }
300
+
301
+ .mui-block {
302
+ display: block !important;
303
+ }
304
+
305
+ .mui-visibility {
306
+ visibility: visible !important;
307
+ }
308
+
309
+ .mui-hidden {
310
+ display: none !important;
311
+ }
312
+
313
+ .mui-ellipsis {
314
+ overflow: hidden;
315
+ text-overflow: ellipsis;
316
+ white-space: nowrap;
317
+ }
318
+
319
+ .mui-ellipsis-2 {
320
+ display: -webkit-box;
321
+ overflow: hidden;
322
+ text-overflow: ellipsis;
323
+ word-wrap: break-word;
324
+ white-space: normal !important;
325
+
326
+ -webkit-line-clamp: 2;
327
+ -webkit-box-orient: vertical;
328
+ }
329
+
330
+ .mui-table {
331
+ display: table;
332
+ width: 100%;
333
+ table-layout: fixed;
334
+ }
335
+
336
+ .mui-table-cell {
337
+ position: relative;
338
+ display: table-cell;
339
+ }
340
+
341
+ .mui-text-left {
342
+ text-align: left !important;
343
+ }
344
+
345
+ .mui-text-center {
346
+ text-align: center !important;
347
+ }
348
+
349
+ .mui-text-justify {
350
+ text-align: justify !important;
351
+ }
352
+
353
+ .mui-text-right {
354
+ text-align: right !important;
355
+ }
356
+
357
+ .mui-pull-left {
358
+ float: left;
359
+ }
360
+
361
+ .mui-pull-right {
362
+ float: right;
363
+ }
364
+
365
+ .mui-list-unstyled {
366
+ padding-left: 0;
367
+ list-style: none;
368
+ }
369
+
370
+ .mui-list-inline {
371
+ padding-left: 0;
372
+ margin-left: -5px;
373
+ list-style: none;
374
+ }
375
+
376
+ .mui-list-inline > li {
377
+ display: inline-block;
378
+ padding-right: 5px;
379
+ padding-left: 5px;
380
+ }
381
+
382
+ .mui-clearfix:before, .mui-clearfix:after {
383
+ display: table;
384
+ content: " ";
385
+ }
386
+ .mui-clearfix:after {
387
+ clear: both;
388
+ }
389
+
390
+ .mui-bg-primary {
391
+ background-color: #007aff;
392
+ }
393
+
394
+ .mui-bg-positive {
395
+ background-color: #4cd964;
396
+ }
397
+
398
+ .mui-bg-negative {
399
+ background-color: #dd524d;
400
+ }
401
+
402
+ .mui-error {
403
+ padding: 10px;
404
+ margin: 88px 35px;
405
+ background-color: #bbb;
406
+ border-radius: 6px;
407
+ }
408
+
409
+ .mui-subtitle {
410
+ font-size: 15px;
411
+ }
412
+
413
+ h1, h2, h3, h4, h5, h6 {
414
+ margin-top: 5px;
415
+ margin-bottom: 5px;
416
+ line-height: 1;
417
+ }
418
+
419
+ h1, .mui-h1 {
420
+ font-size: 36px;
421
+ }
422
+
423
+ h2, .mui-h2 {
424
+ font-size: 30px;
425
+ }
426
+
427
+ h3, .mui-h3 {
428
+ font-size: 24px;
429
+ }
430
+
431
+ h4, .mui-h4 {
432
+ font-size: 18px;
433
+ }
434
+
435
+ h5, .mui-h5 {
436
+ font-size: 14px;
437
+ font-weight: normal;
438
+ color: #8f8f94;
439
+ }
440
+
441
+ h6, .mui-h6 {
442
+ font-size: 12px;
443
+ font-weight: normal;
444
+ color: #8f8f94;
445
+ }
446
+
447
+ p {
448
+ margin-top: 0;
449
+ margin-bottom: 10px;
450
+ font-size: 14px;
451
+ color: #8f8f94;
452
+ }
453
+
454
+ .mui-col-xs-12 {
455
+ width: 100%;
456
+ }
457
+
458
+ .mui-col-xs-11 {
459
+ width: 91.66666667%;
460
+ }
461
+
462
+ .mui-col-xs-10 {
463
+ width: 83.33333333%;
464
+ }
465
+
466
+ .mui-col-xs-9 {
467
+ width: 75%;
468
+ }
469
+
470
+ .mui-col-xs-8 {
471
+ width: 66.66666667%;
472
+ }
473
+
474
+ .mui-col-xs-7 {
475
+ width: 58.33333333%;
476
+ }
477
+
478
+ .mui-col-xs-6 {
479
+ width: 50%;
480
+ }
481
+
482
+ .mui-col-xs-5 {
483
+ width: 41.66666667%;
484
+ }
485
+
486
+ .mui-col-xs-4 {
487
+ width: 33.33333333%;
488
+ }
489
+
490
+ .mui-col-xs-3 {
491
+ width: 25%;
492
+ }
493
+
494
+ .mui-col-xs-2 {
495
+ width: 16.66666667%;
496
+ }
497
+
498
+ .mui-col-xs-1 {
499
+ width: 8.33333333%;
500
+ }
501
+
502
+ @media (min-width: 400px) {
503
+ .mui-col-sm-12 {
504
+ width: 100%;
505
+ }
506
+
507
+ .mui-col-sm-11 {
508
+ width: 91.66666667%;
509
+ }
510
+
511
+ .mui-col-sm-10 {
512
+ width: 83.33333333%;
513
+ }
514
+
515
+ .mui-col-sm-9 {
516
+ width: 75%;
517
+ }
518
+
519
+ .mui-col-sm-8 {
520
+ width: 66.66666667%;
521
+ }
522
+
523
+ .mui-col-sm-7 {
524
+ width: 58.33333333%;
525
+ }
526
+
527
+ .mui-col-sm-6 {
528
+ width: 50%;
529
+ }
530
+
531
+ .mui-col-sm-5 {
532
+ width: 41.66666667%;
533
+ }
534
+
535
+ .mui-col-sm-4 {
536
+ width: 33.33333333%;
537
+ }
538
+
539
+ .mui-col-sm-3 {
540
+ width: 25%;
541
+ }
542
+
543
+ .mui-col-sm-2 {
544
+ width: 16.66666667%;
545
+ }
546
+
547
+ .mui-col-sm-1 {
548
+ width: 8.33333333%;
549
+ }
550
+ }
551
+ .mui-scroll-wrapper {
552
+ position: absolute;
553
+ top: 0;
554
+ bottom: 0;
555
+ left: 0;
556
+ z-index: 1;
557
+ width: 100%;
558
+ overflow: hidden;
559
+
560
+ -webkit-backface-visibility: hidden;
561
+ }
562
+
563
+ .mui-scroll {
564
+ position: absolute;
565
+ z-index: 1;
566
+ width: 100%;
567
+ -webkit-transform: translateZ(0);
568
+ transform: translateZ(0);
569
+
570
+ -webkit-backface-visibility: hidden;
571
+ }
572
+
573
+ .mui-scrollbar {
574
+ position: absolute;
575
+ z-index: 9998;
576
+ overflow: hidden;
577
+ pointer-events: none;
578
+ opacity: 0;
579
+ -webkit-transition: 500ms;
580
+ transition: 500ms;
581
+ transform: translateZ(0px);
582
+ }
583
+
584
+ .mui-scrollbar-vertical {
585
+ top: 0;
586
+ right: 1px;
587
+ bottom: 2px;
588
+ width: 4px;
589
+ }
590
+ .mui-scrollbar-vertical .mui-scrollbar-indicator {
591
+ width: 100%;
592
+ }
593
+
594
+ .mui-scrollbar-horizontal {
595
+ right: 2px;
596
+ bottom: 0;
597
+ left: 2px;
598
+ height: 4px;
599
+ }
600
+ .mui-scrollbar-horizontal .mui-scrollbar-indicator {
601
+ height: 100%;
602
+ }
603
+
604
+ .mui-scrollbar-indicator {
605
+ position: absolute;
606
+ display: block;
607
+ box-sizing: border-box;
608
+ background: rgba(0, 0, 0, .39804);
609
+ border: 1px solid rgba(255, 255, 255, .80196);
610
+ border-radius: 2px;
611
+ -webkit-transition: .01s cubic-bezier(.1, .57, .1, 1);
612
+ transition: .01s cubic-bezier(.1, .57, .1, 1);
613
+ transform: translate(0px, 0px) translateZ(0px);
614
+ }
615
+
616
+ .mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll-wrapper, .mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll-wrapper {
617
+ position: absolute;
618
+ top: 0;
619
+ bottom: 0;
620
+ left: 0;
621
+ width: 100%;
622
+ overflow: hidden;
623
+ }
624
+ .mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll, .mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll {
625
+ position: absolute;
626
+ width: 100%;
627
+ }
628
+ .mui-plus-pullrefresh .mui-scroll-wrapper, .mui-plus-pullrefresh .mui-slider-group {
629
+ position: static;
630
+ top: auto;
631
+ bottom: auto;
632
+ left: auto;
633
+ width: auto;
634
+ overflow: auto;
635
+ }
636
+ .mui-plus-pullrefresh .mui-slider-group {
637
+ overflow: visible;
638
+ }
639
+ .mui-plus-pullrefresh .mui-scroll {
640
+ position: static;
641
+ width: auto;
642
+ }
643
+
644
+ .mui-off-canvas-wrap .mui-bar {
645
+ position: absolute !important;
646
+ }
647
+
648
+ .mui-off-canvas-wrap {
649
+ position: relative;
650
+ z-index: 1;
651
+ width: 100%;
652
+ height: 100%;
653
+ overflow: hidden;
654
+ }
655
+ .mui-off-canvas-wrap .mui-inner-wrap {
656
+ position: relative;
657
+ z-index: 1;
658
+ width: 100%;
659
+ height: 100%;
660
+ }
661
+ .mui-off-canvas-wrap .mui-inner-wrap.mui-transitioning {
662
+ -webkit-transition: -webkit-transform 200ms ease;
663
+ transition: transform 200ms ease;
664
+ }
665
+ .mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-left {
666
+ -webkit-transform: translate3d(-100%, 0, 0);
667
+ transform: translate3d(-100%, 0, 0);
668
+ }
669
+ .mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-right {
670
+ -webkit-transform: translate3d(100%, 0, 0);
671
+ transform: translate3d(100%, 0, 0);
672
+ }
673
+ .mui-off-canvas-wrap.mui-active {
674
+ height: 100%;
675
+ overflow: hidden;
676
+ }
677
+ .mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop {
678
+ position: absolute;
679
+ top: 0;
680
+ right: 0;
681
+ bottom: 0;
682
+ left: 0;
683
+ z-index: 998;
684
+ display: block;
685
+ background: rgba(0, 0, 0, .4);
686
+ box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
687
+ transition: background 200ms ease;
688
+
689
+ -webkit-backface-visibility: hidden;
690
+ -webkit-tap-highlight-color: transparent;
691
+ }
692
+ .mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-right {
693
+ z-index: 10000 !important;
694
+ -webkit-transform: translate3d(100%, 0px, 0px);
695
+ }
696
+ .mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left {
697
+ z-index: 10000 !important;
698
+ -webkit-transform: translate3d(-100%, 0px, 0px);
699
+ }
700
+
701
+ .mui-off-canvas-left, .mui-off-canvas-right {
702
+ position: absolute;
703
+ top: 0;
704
+ bottom: 0;
705
+ z-index: -1;
706
+ width: 70%;
707
+ min-height: 100%;
708
+ box-sizing: content-box;
709
+ -webkit-overflow-scrolling: touch;
710
+ visibility: hidden;
711
+ background: #333;
712
+
713
+ -webkit-backface-visibility: hidden;
714
+ }
715
+ .mui-off-canvas-left.mui-transitioning, .mui-off-canvas-right.mui-transitioning {
716
+ -webkit-transition: -webkit-transform 200ms ease;
717
+ transition: transform 200ms ease;
718
+ }
719
+
720
+ .mui-off-canvas-left {
721
+ left: 0;
722
+ }
723
+
724
+ .mui-off-canvas-right {
725
+ right: 0;
726
+ }
727
+
728
+ .mui-loading .mui-spinner {
729
+ display: block;
730
+ margin: 0 auto;
731
+ }
732
+
733
+ .mui-spinner {
734
+ display: inline-block;
735
+ width: 24px;
736
+ height: 24px;
737
+ -webkit-transform-origin: 50%;
738
+ transform-origin: 50%;
739
+ -webkit-animation: spinner-spin 1s step-end infinite;
740
+ animation: spinner-spin 1s step-end infinite;
741
+ }
742
+
743
+ .mui-spinner:after {
744
+ display: block;
745
+ width: 100%;
746
+ height: 100%;
747
+ content: "";
748
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
749
+ background-repeat: no-repeat;
750
+ background-position: 50%;
751
+ background-size: 100%;
752
+ }
753
+
754
+ .mui-spinner-white:after {
755
+ background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%23fff' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
756
+ }
757
+
758
+ @-webkit-keyframes spinner-spin {
759
+ 0% {
760
+ -webkit-transform: rotate(0deg);
761
+ }
762
+
763
+ 8.33333333% {
764
+ -webkit-transform: rotate(30deg);
765
+ }
766
+
767
+ 16.66666667% {
768
+ -webkit-transform: rotate(60deg);
769
+ }
770
+
771
+ 25% {
772
+ -webkit-transform: rotate(90deg);
773
+ }
774
+
775
+ 33.33333333% {
776
+ -webkit-transform: rotate(120deg);
777
+ }
778
+
779
+ 41.66666667% {
780
+ -webkit-transform: rotate(150deg);
781
+ }
782
+
783
+ 50% {
784
+ -webkit-transform: rotate(180deg);
785
+ }
786
+
787
+ 58.33333333% {
788
+ -webkit-transform: rotate(210deg);
789
+ }
790
+
791
+ 66.66666667% {
792
+ -webkit-transform: rotate(240deg);
793
+ }
794
+
795
+ 75% {
796
+ -webkit-transform: rotate(270deg);
797
+ }
798
+
799
+ 83.33333333% {
800
+ -webkit-transform: rotate(300deg);
801
+ }
802
+
803
+ 91.66666667% {
804
+ -webkit-transform: rotate(330deg);
805
+ }
806
+
807
+ 100% {
808
+ -webkit-transform: rotate(360deg);
809
+ }
810
+ }
811
+ @keyframes spinner-spin {
812
+ 0% {
813
+ transform: rotate(0deg);
814
+ }
815
+
816
+ 8.33333333% {
817
+ transform: rotate(30deg);
818
+ }
819
+
820
+ 16.66666667% {
821
+ transform: rotate(60deg);
822
+ }
823
+
824
+ 25% {
825
+ transform: rotate(90deg);
826
+ }
827
+
828
+ 33.33333333% {
829
+ transform: rotate(120deg);
830
+ }
831
+
832
+ 41.66666667% {
833
+ transform: rotate(150deg);
834
+ }
835
+
836
+ 50% {
837
+ transform: rotate(180deg);
838
+ }
839
+
840
+ 58.33333333% {
841
+ transform: rotate(210deg);
842
+ }
843
+
844
+ 66.66666667% {
845
+ transform: rotate(240deg);
846
+ }
847
+
848
+ 75% {
849
+ transform: rotate(270deg);
850
+ }
851
+
852
+ 83.33333333% {
853
+ transform: rotate(300deg);
854
+ }
855
+
856
+ 91.66666667% {
857
+ transform: rotate(330deg);
858
+ }
859
+
860
+ 100% {
861
+ transform: rotate(360deg);
862
+ }
863
+ }
864
+ input[type="button"],
865
+ input[type="submit"],
866
+ input[type="reset"],
867
+ button,
868
+ .mui-btn {
869
+ position: relative;
870
+ display: inline-block;
871
+ padding: 6px 12px;
872
+ margin-bottom: 0;
873
+ font-size: 14px;
874
+ font-weight: 400;
875
+ line-height: 1.42;
876
+ color: #333;
877
+ text-align: center;
878
+ white-space: nowrap;
879
+ vertical-align: top;
880
+ cursor: pointer;
881
+ background-color: #fff;
882
+ background-clip: padding-box;
883
+ border: 1px solid #ccc;
884
+ border-radius: 3px;
885
+ border-top-left-radius: 3px;
886
+ border-top-right-radius: 3px;
887
+ border-bottom-right-radius: 3px;
888
+ border-bottom-left-radius: 3px;
889
+ -webkit-transition: all;
890
+ transition: all;
891
+ -webkit-transition-timing-function: linear;
892
+ transition-timing-function: linear;
893
+ -webkit-transition-duration: .2s;
894
+ transition-duration: .2s;
895
+ }
896
+ input[type="button"]:enabled:active, input[type="button"].mui-active:enabled,
897
+ input[type="submit"]:enabled:active,
898
+ input[type="submit"].mui-active:enabled,
899
+ input[type="reset"]:enabled:active,
900
+ input[type="reset"].mui-active:enabled,
901
+ button:enabled:active,
902
+ button.mui-active:enabled,
903
+ .mui-btn:enabled:active,
904
+ .mui-btn.mui-active:enabled {
905
+ color: #fff;
906
+ background-color: #929292;
907
+ }
908
+ input[type="button"]:disabled, input[type="button"].mui-disabled,
909
+ input[type="submit"]:disabled,
910
+ input[type="submit"].mui-disabled,
911
+ input[type="reset"]:disabled,
912
+ input[type="reset"].mui-disabled,
913
+ button:disabled,
914
+ button.mui-disabled,
915
+ .mui-btn:disabled,
916
+ .mui-btn.mui-disabled {
917
+ opacity: .6;
918
+ }
919
+
920
+ input[type="submit"],
921
+ .mui-btn-primary, .mui-btn-blue {
922
+ color: #fff;
923
+ background-color: #007aff;
924
+ border: 1px solid #007aff;
925
+ }
926
+ input[type="submit"]:enabled:active, input[type="submit"].mui-active:enabled,
927
+ .mui-btn-primary:enabled:active,
928
+ .mui-btn-primary.mui-active:enabled, .mui-btn-blue:enabled:active, .mui-btn-blue.mui-active:enabled {
929
+ color: #fff;
930
+ background-color: #0062cc;
931
+ border: 1px solid #0062cc;
932
+ }
933
+
934
+ .mui-btn-positive, .mui-btn-success, .mui-btn-green {
935
+ color: #fff;
936
+ background-color: #4cd964;
937
+ border: 1px solid #4cd964;
938
+ }
939
+ .mui-btn-positive:enabled:active, .mui-btn-positive.mui-active:enabled, .mui-btn-success:enabled:active, .mui-btn-success.mui-active:enabled, .mui-btn-green:enabled:active, .mui-btn-green.mui-active:enabled {
940
+ color: #fff;
941
+ background-color: #2ac845;
942
+ border: 1px solid #2ac845;
943
+ }
944
+
945
+ .mui-btn-warning, .mui-btn-yellow {
946
+ color: #fff;
947
+ background-color: #f0ad4e;
948
+ border: 1px solid #f0ad4e;
949
+ }
950
+ .mui-btn-warning:enabled:active, .mui-btn-warning.mui-active:enabled, .mui-btn-yellow:enabled:active, .mui-btn-yellow.mui-active:enabled {
951
+ color: #fff;
952
+ background-color: #ec971f;
953
+ border: 1px solid #ec971f;
954
+ }
955
+
956
+ .mui-btn-negative, .mui-btn-danger, .mui-btn-red {
957
+ color: #fff;
958
+ background-color: #dd524d;
959
+ border: 1px solid #dd524d;
960
+ }
961
+ .mui-btn-negative:enabled:active, .mui-btn-negative.mui-active:enabled, .mui-btn-danger:enabled:active, .mui-btn-danger.mui-active:enabled, .mui-btn-red:enabled:active, .mui-btn-red.mui-active:enabled {
962
+ color: #fff;
963
+ background-color: #cf2d28;
964
+ border: 1px solid #cf2d28;
965
+ }
966
+
967
+ .mui-btn-royal, .mui-btn-purple {
968
+ color: #fff;
969
+ background-color: #8a6de9;
970
+ border: 1px solid #8a6de9;
971
+ }
972
+ .mui-btn-royal:enabled:active, .mui-btn-royal.mui-active:enabled, .mui-btn-purple:enabled:active, .mui-btn-purple.mui-active:enabled {
973
+ color: #fff;
974
+ background-color: #6641e2;
975
+ border: 1px solid #6641e2;
976
+ }
977
+
978
+ .mui-btn-grey {
979
+ color: #fff;
980
+ background-color: #c7c7cc;
981
+ border: 1px solid #c7c7cc;
982
+ }
983
+ .mui-btn-grey:enabled:active, .mui-btn-grey.mui-active:enabled {
984
+ color: #fff;
985
+ background-color: #acacb4;
986
+ border: 1px solid #acacb4;
987
+ }
988
+
989
+ .mui-btn-outlined {
990
+ background-color: transparent;
991
+ }
992
+ .mui-btn-outlined.mui-btn-primary, .mui-btn-outlined.mui-btn-blue {
993
+ color: #007aff;
994
+ }
995
+ .mui-btn-outlined.mui-btn-positive, .mui-btn-outlined.mui-btn-success, .mui-btn-outlined.mui-btn-green {
996
+ color: #4cd964;
997
+ }
998
+ .mui-btn-outlined.mui-btn-warning, .mui-btn-outlined.mui-btn-yellow {
999
+ color: #f0ad4e;
1000
+ }
1001
+ .mui-btn-outlined.mui-btn-negative, .mui-btn-outlined.mui-btn-danger, .mui-btn-outlined.mui-btn-red {
1002
+ color: #dd524d;
1003
+ }
1004
+ .mui-btn-outlined.mui-btn-royal, .mui-btn-outlined.mui-btn-purple {
1005
+ color: #8a6de9;
1006
+ }
1007
+ .mui-btn-outlined.mui-btn-primary:enabled:active, .mui-btn-outlined.mui-btn-blue:enabled:active, .mui-btn-outlined.mui-btn-positive:enabled:active, .mui-btn-outlined.mui-btn-success:enabled:active, .mui-btn-outlined.mui-btn-green:enabled:active, .mui-btn-outlined.mui-btn-warning:enabled:active, .mui-btn-outlined.mui-btn-yellow:enabled:active, .mui-btn-outlined.mui-btn-negative:enabled:active, .mui-btn-outlined.mui-btn-danger:enabled:active, .mui-btn-outlined.mui-btn-red:enabled:active, .mui-btn-outlined.mui-btn-royal:enabled:active, .mui-btn-outlined.mui-btn-purple:enabled:active {
1008
+ color: #fff;
1009
+ }
1010
+
1011
+ .mui-btn-link {
1012
+ padding-top: 6px;
1013
+ padding-bottom: 6px;
1014
+ color: #007aff;
1015
+ background-color: transparent;
1016
+ border: 0;
1017
+ }
1018
+ .mui-btn-link:enabled:active, .mui-btn-link.mui-active:enabled {
1019
+ color: #0062cc;
1020
+ background-color: transparent;
1021
+ }
1022
+
1023
+ .mui-btn-block {
1024
+ display: block;
1025
+ width: 100%;
1026
+ padding: 15px 0;
1027
+ margin-bottom: 10px;
1028
+ font-size: 18px;
1029
+ }
1030
+
1031
+ .mui-btn .mui-badge {
1032
+ margin: -2px -4px -2px 4px;
1033
+ font-size: 14px;
1034
+ background-color: rgba(0, 0, 0, .15);
1035
+ }
1036
+
1037
+ .mui-btn .mui-badge-inverted,
1038
+ .mui-btn:enabled:active .mui-badge-inverted {
1039
+ background-color: transparent;
1040
+ }
1041
+
1042
+ .mui-btn-primary:enabled:active .mui-badge-inverted,
1043
+ .mui-btn-positive:enabled:active .mui-badge-inverted,
1044
+ .mui-btn-negative:enabled:active .mui-badge-inverted {
1045
+ color: #fff;
1046
+ }
1047
+
1048
+ .mui-btn-block .mui-badge {
1049
+ position: absolute;
1050
+ right: 0;
1051
+ margin-right: 10px;
1052
+ }
1053
+
1054
+ .mui-btn .mui-icon {
1055
+ font-size: inherit;
1056
+ }
1057
+
1058
+ .mui-btn.mui-icon {
1059
+ font-size: 14px;
1060
+ line-height: 1.42;
1061
+ }
1062
+
1063
+ .mui-btn.mui-fab {
1064
+ width: 56px;
1065
+ height: 56px;
1066
+ padding: 16px;
1067
+ border-radius: 50%;
1068
+ outline: none;
1069
+ }
1070
+ .mui-btn.mui-fab.mui-btn-mini {
1071
+ width: 40px;
1072
+ height: 40px;
1073
+ padding: 8px;
1074
+ }
1075
+ .mui-btn.mui-fab .mui-icon {
1076
+ width: 24px;
1077
+ height: 24px;
1078
+ font-size: 24px;
1079
+ line-height: 24px;
1080
+ }
1081
+
1082
+ .mui-bar {
1083
+ position: fixed;
1084
+ right: 0;
1085
+ left: 0;
1086
+ z-index: 10;
1087
+ height: 44px;
1088
+ padding-right: 10px;
1089
+ padding-left: 10px;
1090
+ background-color: rgba(247, 247, 247, .98);
1091
+ border-bottom: 0;
1092
+ -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
1093
+ box-shadow: 0 0 1px rgba(0, 0, 0, .85);
1094
+
1095
+ -webkit-backface-visibility: hidden;
1096
+ backface-visibility: hidden;
1097
+ }
1098
+
1099
+ .mui-bar .mui-title {
1100
+ right: 40px;
1101
+ left: 40px;
1102
+ display: inline-block;
1103
+ width: auto;
1104
+ margin: 0;
1105
+ overflow: hidden;
1106
+ text-overflow: ellipsis;
1107
+ }
1108
+ .mui-bar .mui-backdrop {
1109
+ background: none;
1110
+ }
1111
+
1112
+ .mui-bar-header-secondary {
1113
+ top: 44px;
1114
+ }
1115
+
1116
+ .mui-bar-footer {
1117
+ bottom: 0;
1118
+ }
1119
+
1120
+ .mui-bar-footer-secondary {
1121
+ bottom: 44px;
1122
+ }
1123
+
1124
+ .mui-bar-footer-secondary-tab {
1125
+ bottom: 50px;
1126
+ }
1127
+
1128
+ .mui-bar-footer,
1129
+ .mui-bar-footer-secondary,
1130
+ .mui-bar-footer-secondary-tab {
1131
+ border-top: 0;
1132
+ }
1133
+
1134
+ .mui-bar-nav {
1135
+ top: 0;
1136
+ -webkit-box-shadow: 0 1px 6px #ccc;
1137
+ box-shadow: 0 1px 6px #ccc;
1138
+ }
1139
+ .mui-bar-nav ~ .mui-content .mui-anchor {
1140
+ display: block;
1141
+ height: 45px;
1142
+ margin-top: -45px;
1143
+ visibility: hidden;
1144
+ }
1145
+ .mui-bar-nav.mui-bar .mui-icon {
1146
+ padding-right: 10px;
1147
+ padding-left: 10px;
1148
+ margin-right: -10px;
1149
+ margin-left: -10px;
1150
+ }
1151
+
1152
+ .mui-title {
1153
+ position: absolute;
1154
+ display: block;
1155
+ width: 100%;
1156
+ padding: 0;
1157
+ margin: 0 -10px;
1158
+ font-size: 17px;
1159
+ font-weight: 500;
1160
+ line-height: 44px;
1161
+ color: #000;
1162
+ text-align: center;
1163
+ white-space: nowrap;
1164
+ }
1165
+
1166
+ .mui-title a {
1167
+ color: inherit;
1168
+ }
1169
+
1170
+ .mui-bar-tab {
1171
+ bottom: 0;
1172
+ display: table;
1173
+ width: 100%;
1174
+ height: 50px;
1175
+ padding: 0;
1176
+ table-layout: fixed;
1177
+ border-top: 0;
1178
+ border-bottom: 0;
1179
+
1180
+ -webkit-touch-callout: none;
1181
+ }
1182
+ .mui-bar-tab .mui-tab-item {
1183
+ display: table-cell;
1184
+ width: 1%;
1185
+ height: 50px;
1186
+ overflow: hidden;
1187
+ color: #929292;
1188
+ text-align: center;
1189
+ text-overflow: ellipsis;
1190
+ white-space: nowrap;
1191
+ vertical-align: middle;
1192
+ }
1193
+ .mui-bar-tab .mui-tab-item.mui-active {
1194
+ color: #007aff;
1195
+ }
1196
+ .mui-bar-tab .mui-tab-item .mui-icon {
1197
+ top: 3px;
1198
+ width: 24px;
1199
+ height: 24px;
1200
+ padding-top: 0;
1201
+ padding-bottom: 0;
1202
+ }
1203
+ .mui-bar-tab .mui-tab-item .mui-icon ~ .mui-tab-label {
1204
+ display: block;
1205
+ overflow: hidden;
1206
+ font-size: 11px;
1207
+ text-overflow: ellipsis;
1208
+ }
1209
+ .mui-bar-tab .mui-tab-item .mui-icon:active {
1210
+ background: none;
1211
+ }
1212
+
1213
+ .mui-focusin > .mui-bar {
1214
+ position: absolute;
1215
+ }
1216
+
1217
+ .mui-bar .mui-btn {
1218
+ position: relative;
1219
+ top: 7px;
1220
+ z-index: 20;
1221
+ padding: 6px 12px 7px;
1222
+ margin-top: 0;
1223
+ font-weight: 400;
1224
+ }
1225
+ .mui-bar .mui-btn.mui-pull-right {
1226
+ margin-left: 10px;
1227
+ }
1228
+ .mui-bar .mui-btn.mui-pull-left {
1229
+ margin-right: 10px;
1230
+ }
1231
+
1232
+ .mui-bar .mui-btn-link {
1233
+ top: 0;
1234
+ padding: 0;
1235
+ font-size: 16px;
1236
+ line-height: 44px;
1237
+ color: #007aff;
1238
+ border: 0;
1239
+ }
1240
+ .mui-bar .mui-btn-link:active, .mui-bar .mui-btn-link.mui-active {
1241
+ color: #0062cc;
1242
+ }
1243
+
1244
+ .mui-bar .mui-btn-block {
1245
+ top: 6px;
1246
+ padding: 5px 0;
1247
+ margin-bottom: 0;
1248
+ font-size: 16px;
1249
+ }
1250
+
1251
+ .mui-bar .mui-btn-nav.mui-pull-left {
1252
+ margin-left: -5px;
1253
+ }
1254
+ .mui-bar .mui-btn-nav.mui-pull-left .mui-icon-left-nav {
1255
+ margin-right: -3px;
1256
+ }
1257
+ .mui-bar .mui-btn-nav.mui-pull-right {
1258
+ margin-right: -5px;
1259
+ }
1260
+ .mui-bar .mui-btn-nav.mui-pull-right .mui-icon-right-nav {
1261
+ margin-left: -3px;
1262
+ }
1263
+ .mui-bar .mui-btn-nav:active {
1264
+ opacity: .3;
1265
+ }
1266
+
1267
+ .mui-bar .mui-icon {
1268
+ position: relative;
1269
+ z-index: 20;
1270
+ padding-top: 10px;
1271
+ padding-bottom: 10px;
1272
+ font-size: 24px;
1273
+ }
1274
+ .mui-bar .mui-icon:active {
1275
+ opacity: .3;
1276
+ }
1277
+ .mui-bar .mui-btn .mui-icon {
1278
+ top: 1px;
1279
+ padding: 0;
1280
+ margin: 0;
1281
+ }
1282
+ .mui-bar .mui-title .mui-icon {
1283
+ padding: 0;
1284
+ margin: 0;
1285
+ }
1286
+ .mui-bar .mui-title .mui-icon.mui-icon-caret {
1287
+ top: 4px;
1288
+ margin-left: -5px;
1289
+ }
1290
+
1291
+ .mui-bar input[type="search"] {
1292
+ height: 29px;
1293
+ margin: 6px 0;
1294
+ }
1295
+
1296
+ .mui-bar .mui-input-row .mui-btn {
1297
+ padding: 12px 10px;
1298
+ }
1299
+
1300
+ .mui-bar .mui-search:before {
1301
+ margin-top: -10px;
1302
+ }
1303
+
1304
+ .mui-bar .mui-input-row .mui-input-clear ~ .mui-icon-clear, .mui-bar .mui-input-row .mui-input-speech ~ .mui-icon-speech {
1305
+ top: 0;
1306
+ right: 12px;
1307
+ }
1308
+
1309
+ .mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-clear ~ .mui-icon-clear, .mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-speech ~ .mui-icon-speech {
1310
+ top: 0;
1311
+ right: 0;
1312
+ }
1313
+
1314
+ .mui-bar .mui-segmented-control {
1315
+ top: 7px;
1316
+ width: auto;
1317
+ margin: 0 auto;
1318
+ }
1319
+
1320
+ .mui-badge {
1321
+ display: inline-block;
1322
+ padding: 3px 6px;
1323
+ font-size: 12px;
1324
+ line-height: 1;
1325
+ color: #333;
1326
+ background-color: rgba(0, 0, 0, .15);
1327
+ border-radius: 100px;
1328
+ }
1329
+ .mui-badge.mui-badge-inverted {
1330
+ padding: 0 5px 0 0;
1331
+ color: #929292;
1332
+ background-color: transparent;
1333
+ }
1334
+
1335
+ .mui-badge-primary, .mui-badge-blue {
1336
+ color: #fff;
1337
+ background-color: #007aff;
1338
+ }
1339
+ .mui-badge-primary.mui-badge-inverted, .mui-badge-blue.mui-badge-inverted {
1340
+ color: #007aff;
1341
+ background-color: transparent;
1342
+ }
1343
+
1344
+ .mui-badge-success, .mui-badge-green {
1345
+ color: #fff;
1346
+ background-color: #4cd964;
1347
+ }
1348
+ .mui-badge-success.mui-badge-inverted, .mui-badge-green.mui-badge-inverted {
1349
+ color: #4cd964;
1350
+ background-color: transparent;
1351
+ }
1352
+
1353
+ .mui-badge-warning, .mui-badge-yellow {
1354
+ color: #fff;
1355
+ background-color: #f0ad4e;
1356
+ }
1357
+ .mui-badge-warning.mui-badge-inverted, .mui-badge-yellow.mui-badge-inverted {
1358
+ color: #f0ad4e;
1359
+ background-color: transparent;
1360
+ }
1361
+
1362
+ .mui-badge-danger, .mui-badge-red {
1363
+ color: #fff;
1364
+ background-color: #dd524d;
1365
+ }
1366
+ .mui-badge-danger.mui-badge-inverted, .mui-badge-red.mui-badge-inverted {
1367
+ color: #dd524d;
1368
+ background-color: transparent;
1369
+ }
1370
+
1371
+ .mui-badge-royal, .mui-badge-purple {
1372
+ color: #fff;
1373
+ background-color: #8a6de9;
1374
+ }
1375
+ .mui-badge-royal.mui-badge-inverted, .mui-badge-purple.mui-badge-inverted {
1376
+ color: #8a6de9;
1377
+ background-color: transparent;
1378
+ }
1379
+
1380
+ .mui-icon .mui-badge {
1381
+ position: absolute;
1382
+ top: -2px;
1383
+ left: 100%;
1384
+ padding: 1px 5px;
1385
+ margin-left: -10px;
1386
+ font-size: 10px;
1387
+ line-height: 1.4;
1388
+ color: white;
1389
+ background: red;
1390
+ }
1391
+
1392
+ .mui-card {
1393
+ margin: 0 15px;
1394
+ overflow: hidden;
1395
+ background-color: white;
1396
+ background-clip: padding-box;
1397
+ border: 1px solid #ddd;
1398
+ border-radius: 6px;
1399
+ }
1400
+
1401
+ .mui-content > .mui-card:first-child {
1402
+ margin-top: 15px;
1403
+ }
1404
+
1405
+ .mui-card .mui-input-group:before, .mui-card .mui-input-group:after {
1406
+ height: 0;
1407
+ }
1408
+ .mui-card .mui-input-group .mui-input-row:last-child:before, .mui-card .mui-input-group .mui-input-row:last-child:after {
1409
+ height: 0;
1410
+ }
1411
+
1412
+ .mui-card .mui-table-view {
1413
+ margin-bottom: 0;
1414
+ border-top: 0;
1415
+ border-bottom: 0;
1416
+ border-radius: 6px;
1417
+ }
1418
+ .mui-card .mui-table-view .mui-table-view-divider:first-child {
1419
+ top: 0;
1420
+ border-top-left-radius: 6px;
1421
+ border-top-right-radius: 6px;
1422
+ }
1423
+ .mui-card .mui-table-view .mui-table-view-divider:last-child {
1424
+ border-bottom-right-radius: 6px;
1425
+ border-bottom-left-radius: 6px;
1426
+ }
1427
+ .mui-card .mui-table-view:before, .mui-card .mui-table-view:after {
1428
+ height: 0;
1429
+ }
1430
+
1431
+ .mui-card > .mui-table-view > .mui-table-view-cell:last-child:before, .mui-card > .mui-table-view > .mui-table-view-cell:last-child:after {
1432
+ height: 0;
1433
+ }
1434
+
1435
+ .mui-table-view {
1436
+ position: relative;
1437
+ padding-left: 0;
1438
+ margin-top: 0;
1439
+ margin-bottom: 0;
1440
+ list-style: none;
1441
+ background-color: #fff;
1442
+ }
1443
+ .mui-table-view:after {
1444
+ position: absolute;
1445
+ right: 0;
1446
+ bottom: 0;
1447
+ left: 0;
1448
+ height: 1px;
1449
+ content: '';
1450
+ background-color: #c8c7cc;
1451
+ -webkit-transform: scaleY(.5);
1452
+ transform: scaleY(.5);
1453
+ }
1454
+ .mui-table-view:before {
1455
+ position: absolute;
1456
+ top: 0;
1457
+ right: 0;
1458
+ left: 0;
1459
+ height: 1px;
1460
+ content: '';
1461
+ background-color: #c8c7cc;
1462
+ -webkit-transform: scaleY(.5);
1463
+ transform: scaleY(.5);
1464
+ }
1465
+
1466
+ .mui-table-view-icon .mui-table-view-cell .mui-navigate-right .mui-icon {
1467
+ margin-top: -1px;
1468
+ margin-right: 5px;
1469
+ margin-left: -5px;
1470
+ font-size: 20px;
1471
+ }
1472
+ .mui-table-view-icon .mui-table-view-cell:after {
1473
+ left: 40px;
1474
+ }
1475
+
1476
+ .mui-table-view-chevron .mui-table-view-cell {
1477
+ padding-right: 65px;
1478
+ }
1479
+ .mui-table-view-chevron .mui-table-view-cell > a:not(.mui-btn) {
1480
+ margin-right: -65px;
1481
+ }
1482
+
1483
+ .mui-table-view-radio .mui-table-view-cell {
1484
+ padding-right: 65px;
1485
+ }
1486
+ .mui-table-view-radio .mui-table-view-cell > a:not(.mui-btn) {
1487
+ margin-right: -65px;
1488
+ }
1489
+ .mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after {
1490
+ right: 9px;
1491
+ font-size: 30px;
1492
+ font-weight: 600;
1493
+ color: #007aff;
1494
+ content: '';
1495
+ }
1496
+ .mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right:after {
1497
+ content: '\e472';
1498
+ }
1499
+
1500
+ .mui-table-view-inverted {
1501
+ color: #fff;
1502
+ background: #333;
1503
+ }
1504
+ .mui-table-view-inverted:after {
1505
+ position: absolute;
1506
+ right: 0;
1507
+ bottom: 0;
1508
+ left: 0;
1509
+ height: 1px;
1510
+ content: '';
1511
+ background-color: #222;
1512
+ -webkit-transform: scaleY(.5);
1513
+ transform: scaleY(.5);
1514
+ }
1515
+ .mui-table-view-inverted:before {
1516
+ position: absolute;
1517
+ top: 0;
1518
+ right: 0;
1519
+ left: 0;
1520
+ height: 1px;
1521
+ content: '';
1522
+ background-color: #222;
1523
+ -webkit-transform: scaleY(.5);
1524
+ transform: scaleY(.5);
1525
+ }
1526
+ .mui-table-view-inverted .mui-table-view-cell:after {
1527
+ position: absolute;
1528
+ right: 0;
1529
+ bottom: 0;
1530
+ left: 15px;
1531
+ height: 1px;
1532
+ content: '';
1533
+ background-color: #222;
1534
+ -webkit-transform: scaleY(.5);
1535
+ transform: scaleY(.5);
1536
+ }
1537
+ .mui-table-view-inverted .mui-table-view-cell.mui-active {
1538
+ background-color: #242424;
1539
+ }
1540
+ .mui-table-view-inverted .mui-table-view-cell > a:not(.mui-btn).mui-active {
1541
+ background-color: #242424;
1542
+ }
1543
+
1544
+ .mui-table-view-cell {
1545
+ position: relative;
1546
+ padding: 11px 15px;
1547
+ overflow: hidden;
1548
+ background-color: inherit;
1549
+
1550
+ -webkit-touch-callout: none;
1551
+ }
1552
+ .mui-table-view-cell:after {
1553
+ position: absolute;
1554
+ right: 0;
1555
+ bottom: 0;
1556
+ left: 15px;
1557
+ height: 1px;
1558
+ content: '';
1559
+ background-color: #c8c7cc;
1560
+ -webkit-transform: scaleY(.5);
1561
+ transform: scaleY(.5);
1562
+ }
1563
+ .mui-table-view-cell.mui-radio input[type=radio], .mui-table-view-cell.mui-checkbox input[type=checkbox] {
1564
+ top: 8px;
1565
+ }
1566
+ .mui-table-view-cell.mui-radio.mui-left, .mui-table-view-cell.mui-checkbox.mui-left {
1567
+ padding-left: 58px;
1568
+ }
1569
+ .mui-table-view-cell.mui-active {
1570
+ background-color: #eee;
1571
+ }
1572
+ .mui-table-view-cell:last-child:before, .mui-table-view-cell:last-child:after {
1573
+ height: 0;
1574
+ }
1575
+ .mui-table-view-cell > a:not(.mui-btn) {
1576
+ position: relative;
1577
+ display: block;
1578
+ padding: inherit;
1579
+ margin: -11px -15px;
1580
+ overflow: hidden;
1581
+ color: inherit;
1582
+ text-overflow: ellipsis;
1583
+ white-space: nowrap;
1584
+ /*&:active {
1585
+ background-color: #eee;
1586
+ }*/
1587
+ }
1588
+ .mui-table-view-cell > a:not(.mui-btn).mui-active {
1589
+ background-color: #eee;
1590
+ }
1591
+ .mui-table-view-cell p {
1592
+ margin-bottom: 0;
1593
+ }
1594
+
1595
+ .mui-table-view-cell.mui-transitioning > .mui-slider-handle, .mui-table-view-cell.mui-transitioning > .mui-slider-left .mui-btn, .mui-table-view-cell.mui-transitioning > .mui-slider-right .mui-btn {
1596
+ -webkit-transition: -webkit-transform 300ms ease;
1597
+ transition: transform 300ms ease;
1598
+ }
1599
+ .mui-table-view-cell.mui-active > .mui-slider-handle {
1600
+ background-color: #eee;
1601
+ }
1602
+ .mui-table-view-cell > .mui-slider-handle {
1603
+ position: relative;
1604
+ background-color: #fff;
1605
+ }
1606
+ .mui-table-view-cell > .mui-slider-handle.mui-navigate-right:after, .mui-table-view-cell > .mui-slider-handle .mui-navigate-right:after {
1607
+ right: 0;
1608
+ }
1609
+ .mui-table-view-cell > .mui-slider-handle, .mui-table-view-cell > .mui-slider-left .mui-btn, .mui-table-view-cell > .mui-slider-right .mui-btn {
1610
+ -webkit-transition: -webkit-transform 0ms ease;
1611
+ transition: transform 0ms ease;
1612
+
1613
+ -webkit-backface-visibility: hidden;
1614
+ backface-visibility: hidden;
1615
+ }
1616
+ .mui-table-view-cell > .mui-slider-left, .mui-table-view-cell > .mui-slider-right {
1617
+ position: absolute;
1618
+ top: 0;
1619
+ display: -webkit-box;
1620
+ display: -webkit-flex;
1621
+ display: flex;
1622
+ height: 100%;
1623
+
1624
+ -webkit-backface-visibility: hidden;
1625
+ backface-visibility: hidden;
1626
+ }
1627
+ .mui-table-view-cell > .mui-slider-left > .mui-btn, .mui-table-view-cell > .mui-slider-right > .mui-btn {
1628
+ position: relative;
1629
+ left: 0;
1630
+ display: -webkit-box;
1631
+ display: -webkit-flex;
1632
+ display: flex;
1633
+ padding: 0 30px;
1634
+ color: #fff;
1635
+ border: 0;
1636
+ border-radius: 0;
1637
+
1638
+ -webkit-box-align: center;
1639
+ -webkit-align-items: center;
1640
+ align-items: center;
1641
+ }
1642
+ .mui-table-view-cell > .mui-slider-left > .mui-btn:after, .mui-table-view-cell > .mui-slider-right > .mui-btn:after {
1643
+ position: absolute;
1644
+ top: 0;
1645
+ z-index: -1;
1646
+ width: 600%;
1647
+ height: 100%;
1648
+ content: '';
1649
+ background: inherit;
1650
+ }
1651
+ .mui-table-view-cell > .mui-slider-left > .mui-btn.mui-icon, .mui-table-view-cell > .mui-slider-right > .mui-btn.mui-icon {
1652
+ font-size: 30px;
1653
+ }
1654
+ .mui-table-view-cell > .mui-slider-right {
1655
+ right: 0;
1656
+ -webkit-transition: -webkit-transform 0ms ease;
1657
+ transition: transform 0ms ease;
1658
+ -webkit-transform: translateX(100%);
1659
+ transform: translateX(100%);
1660
+ }
1661
+ .mui-table-view-cell > .mui-slider-left {
1662
+ left: 0;
1663
+ -webkit-transition: -webkit-transform 0ms ease;
1664
+ transition: transform 0ms ease;
1665
+ -webkit-transform: translateX(-100%);
1666
+ transform: translateX(-100%);
1667
+ }
1668
+ .mui-table-view-cell > .mui-slider-left > .mui-btn:after {
1669
+ right: 100%;
1670
+ margin-right: -1px;
1671
+ }
1672
+
1673
+ .mui-table-view-divider {
1674
+ position: relative;
1675
+ padding-top: 6px;
1676
+ padding-bottom: 6px;
1677
+ padding-left: 15px;
1678
+ margin-top: -1px;
1679
+ margin-left: 0;
1680
+ font-weight: 500;
1681
+ color: #999;
1682
+ background-color: #fafafa;
1683
+ }
1684
+ .mui-table-view-divider:after {
1685
+ position: absolute;
1686
+ right: 0;
1687
+ bottom: 0;
1688
+ left: 0;
1689
+ height: 1px;
1690
+ content: '';
1691
+ background-color: #c8c7cc;
1692
+ -webkit-transform: scaleY(.5);
1693
+ transform: scaleY(.5);
1694
+ }
1695
+ .mui-table-view-divider:before {
1696
+ position: absolute;
1697
+ top: 0;
1698
+ right: 0;
1699
+ left: 0;
1700
+ height: 1px;
1701
+ content: '';
1702
+ background-color: #c8c7cc;
1703
+ -webkit-transform: scaleY(.5);
1704
+ transform: scaleY(.5);
1705
+ }
1706
+
1707
+ .mui-table-view .mui-media,
1708
+ .mui-table-view .mui-media-body {
1709
+ overflow: hidden;
1710
+ }
1711
+
1712
+ .mui-table-view .mui-media-large .mui-media-object {
1713
+ max-width: 80px;
1714
+ height: 80px;
1715
+ line-height: 80px;
1716
+ }
1717
+ .mui-table-view .mui-media .mui-subtitle {
1718
+ color: #000;
1719
+ }
1720
+ .mui-table-view .mui-media-object {
1721
+ max-width: 42px;
1722
+ height: 42px;
1723
+ line-height: 42px;
1724
+ }
1725
+ .mui-table-view .mui-media-object.mui-pull-left {
1726
+ margin-right: 10px;
1727
+ }
1728
+ .mui-table-view .mui-media-object.mui-pull-right {
1729
+ margin-left: 10px;
1730
+ }
1731
+ .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object {
1732
+ max-width: 29px;
1733
+ height: 29px;
1734
+ margin: -4px 0;
1735
+ line-height: 29px;
1736
+ }
1737
+ .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object img {
1738
+ max-width: 29px;
1739
+ height: 29px;
1740
+ line-height: 29px;
1741
+ }
1742
+ .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object.mui-pull-left {
1743
+ margin-right: 10px;
1744
+ }
1745
+ .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object .mui-icon {
1746
+ font-size: 29px;
1747
+ }
1748
+ .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-body:after {
1749
+ position: absolute;
1750
+ right: 0;
1751
+ bottom: 0;
1752
+ left: 55px;
1753
+ height: 1px;
1754
+ content: '';
1755
+ background-color: #c8c7cc;
1756
+ -webkit-transform: scaleY(.5);
1757
+ transform: scaleY(.5);
1758
+ }
1759
+ .mui-table-view .mui-table-view-cell.mui-media-icon:after {
1760
+ height: 0 !important;
1761
+ }
1762
+
1763
+ .mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view {
1764
+ display: block;
1765
+ }
1766
+ .mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:before, .mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:after {
1767
+ height: 0 !important;
1768
+ }
1769
+ .mui-table-view.mui-unfold .mui-table-view-cell.mui-media-icon.mui-collapse .mui-media-body:after {
1770
+ position: absolute;
1771
+ right: 0;
1772
+ bottom: 0;
1773
+ left: 70px;
1774
+ height: 1px;
1775
+ content: '';
1776
+ background-color: #c8c7cc;
1777
+ -webkit-transform: scaleY(.5);
1778
+ transform: scaleY(.5);
1779
+ }
1780
+
1781
+ .mui-table-view-cell > .mui-btn,
1782
+ .mui-table-view-cell > .mui-badge,
1783
+ .mui-table-view-cell > .mui-switch,
1784
+ .mui-table-view-cell > a > .mui-btn,
1785
+ .mui-table-view-cell > a > .mui-badge,
1786
+ .mui-table-view-cell > a > .mui-switch {
1787
+ position: absolute;
1788
+ top: 50%;
1789
+ right: 15px;
1790
+ -webkit-transform: translateY(-50%);
1791
+ transform: translateY(-50%);
1792
+ }
1793
+ .mui-table-view-cell .mui-navigate-left > .mui-btn,
1794
+ .mui-table-view-cell .mui-navigate-left > .mui-badge,
1795
+ .mui-table-view-cell .mui-navigate-left > .mui-switch,
1796
+ .mui-table-view-cell .mui-navigate-right > .mui-btn,
1797
+ .mui-table-view-cell .mui-navigate-right > .mui-badge,
1798
+ .mui-table-view-cell .mui-navigate-right > .mui-switch,
1799
+ .mui-table-view-cell .mui-push-left > .mui-btn,
1800
+ .mui-table-view-cell .mui-push-left > .mui-badge,
1801
+ .mui-table-view-cell .mui-push-left > .mui-switch,
1802
+ .mui-table-view-cell .mui-push-right > .mui-btn,
1803
+ .mui-table-view-cell .mui-push-right > .mui-badge,
1804
+ .mui-table-view-cell .mui-push-right > .mui-switch,
1805
+ .mui-table-view-cell > a .mui-navigate-left > .mui-btn,
1806
+ .mui-table-view-cell > a .mui-navigate-left > .mui-badge,
1807
+ .mui-table-view-cell > a .mui-navigate-left > .mui-switch,
1808
+ .mui-table-view-cell > a .mui-navigate-right > .mui-btn,
1809
+ .mui-table-view-cell > a .mui-navigate-right > .mui-badge,
1810
+ .mui-table-view-cell > a .mui-navigate-right > .mui-switch,
1811
+ .mui-table-view-cell > a .mui-push-left > .mui-btn,
1812
+ .mui-table-view-cell > a .mui-push-left > .mui-badge,
1813
+ .mui-table-view-cell > a .mui-push-left > .mui-switch,
1814
+ .mui-table-view-cell > a .mui-push-right > .mui-btn,
1815
+ .mui-table-view-cell > a .mui-push-right > .mui-badge,
1816
+ .mui-table-view-cell > a .mui-push-right > .mui-switch {
1817
+ right: 35px;
1818
+ }
1819
+
1820
+ .mui-content > .mui-table-view:first-child {
1821
+ margin-top: 15px;
1822
+ }
1823
+
1824
+ .mui-table-view-cell.mui-collapse .mui-table-view:after {
1825
+ left: 15px;
1826
+ }
1827
+ .mui-table-view-cell.mui-collapse > .mui-navigate-right:after, .mui-table-view-cell.mui-collapse > .mui-push-right:after {
1828
+ content: '\e581';
1829
+ }
1830
+ .mui-table-view-cell.mui-collapse.mui-active .mui-table-view, .mui-table-view-cell.mui-collapse.mui-active .mui-collapse-content {
1831
+ display: block;
1832
+ }
1833
+ .mui-table-view-cell.mui-collapse.mui-active > .mui-navigate-right:after, .mui-table-view-cell.mui-collapse.mui-active > .mui-push-right:after {
1834
+ content: '\e580';
1835
+ }
1836
+ .mui-table-view-cell.mui-collapse .mui-collapse-content {
1837
+ position: relative;
1838
+ display: none;
1839
+ padding: 8px 15px;
1840
+ margin: 11px -15px -11px;
1841
+ overflow: hidden;
1842
+ background: white;
1843
+ border: 1px solid #ddd;
1844
+ -webkit-transition: height .35s ease;
1845
+ -o-transition: height .35s ease;
1846
+ transition: height .35s ease;
1847
+ }
1848
+ .mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-input-group, .mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-slider {
1849
+ width: auto;
1850
+ height: auto;
1851
+ margin: -8px -15px;
1852
+ }
1853
+ .mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-slider {
1854
+ margin: -8px -16px;
1855
+ }
1856
+ .mui-table-view-cell.mui-collapse .mui-table-view {
1857
+ display: none;
1858
+ margin-top: 11px;
1859
+ margin-right: -15px;
1860
+ margin-bottom: -11px;
1861
+ margin-left: -15px;
1862
+ border: 0;
1863
+ }
1864
+ .mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron {
1865
+ margin-right: -65px;
1866
+ }
1867
+ .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell {
1868
+ padding-left: 31px;
1869
+ background-position: 31px 100%;
1870
+ }
1871
+ .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after {
1872
+ position: absolute;
1873
+ right: 0;
1874
+ bottom: 0;
1875
+ left: 30px;
1876
+ height: 1px;
1877
+ content: '';
1878
+ background-color: #c8c7cc;
1879
+ -webkit-transform: scaleY(.5);
1880
+ transform: scaleY(.5);
1881
+ }
1882
+
1883
+ .mui-table-view.mui-grid-view {
1884
+ display: block;
1885
+ width: 100%;
1886
+ padding: 0 10px 10px 0;
1887
+ font-size: 0;
1888
+ white-space: normal;
1889
+ }
1890
+ .mui-table-view.mui-grid-view .mui-table-view-cell {
1891
+ display: inline-block;
1892
+ padding: 10px 0 0 14px;
1893
+ margin-right: -4px;
1894
+ font-size: 17px;
1895
+ text-align: center;
1896
+ vertical-align: middle;
1897
+ background: none;
1898
+ }
1899
+ .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
1900
+ width: 100%;
1901
+ max-width: 100%;
1902
+ height: auto;
1903
+ }
1904
+ .mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn) {
1905
+ margin: -10px 0 0 -14px;
1906
+ }
1907
+ .mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn):active, .mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn).mui-active {
1908
+ background: none;
1909
+ }
1910
+ .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
1911
+ display: block;
1912
+ width: 100%;
1913
+ height: 15px;
1914
+ margin-top: 8px;
1915
+ font-size: 15px;
1916
+ line-height: 15px;
1917
+ color: #333;
1918
+ text-overflow: ellipsis;
1919
+ }
1920
+ .mui-table-view.mui-grid-view .mui-table-view-cell:before, .mui-table-view.mui-grid-view .mui-table-view-cell:after {
1921
+ height: 0;
1922
+ }
1923
+
1924
+ .mui-grid-view.mui-grid-9 {
1925
+ padding: 1px 0 1px 0;
1926
+ padding-right: 0;
1927
+ background-color: #f2f2f2;
1928
+ }
1929
+ .mui-grid-view.mui-grid-9 .mui-table-view-cell {
1930
+ padding: 11px 15px;
1931
+ margin: -1px 0 0 -1px;
1932
+ vertical-align: top;
1933
+ border-top: 1px solid #eee;
1934
+ border-left: 1px solid #eee;
1935
+ }
1936
+ .mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active {
1937
+ background-color: #eee;
1938
+ }
1939
+ .mui-grid-view.mui-grid-9 .mui-table-view-cell > a:not(.mui-btn) {
1940
+ padding: 10px 0;
1941
+ margin: 0;
1942
+ }
1943
+ .mui-grid-view.mui-grid-9:before {
1944
+ height: 0;
1945
+ }
1946
+ .mui-grid-view.mui-grid-9 .mui-media {
1947
+ color: #797979;
1948
+ }
1949
+ .mui-grid-view.mui-grid-9 .mui-media .mui-icon {
1950
+ position: relative;
1951
+ font-size: 2.4em;
1952
+ }
1953
+
1954
+ .mui-slider-cell {
1955
+ position: relative;
1956
+ }
1957
+ .mui-slider-cell > .mui-slider-handle {
1958
+ z-index: 1;
1959
+ }
1960
+ .mui-slider-cell > .mui-slider-left, .mui-slider-cell > .mui-slider-right {
1961
+ position: absolute;
1962
+ top: 0;
1963
+ bottom: 0;
1964
+ z-index: 0;
1965
+ }
1966
+ .mui-slider-cell > .mui-slider-left {
1967
+ left: 0;
1968
+ }
1969
+ .mui-slider-cell > .mui-slider-right {
1970
+ right: 0;
1971
+ }
1972
+
1973
+ input,
1974
+ textarea,
1975
+ select {
1976
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
1977
+ font-size: 17px;
1978
+
1979
+ -webkit-tap-highlight-color: transparent;
1980
+ -webkit-tap-highlight-color: transparent;
1981
+ }
1982
+ input:focus,
1983
+ textarea:focus,
1984
+ select:focus {
1985
+ -webkit-tap-highlight-color: transparent;
1986
+ -webkit-tap-highlight-color: transparent;
1987
+ -webkit-user-modify: read-write-plaintext-only;
1988
+ }
1989
+
1990
+ select,
1991
+ textarea,
1992
+ input[type="text"],
1993
+ input[type="search"],
1994
+ input[type="password"],
1995
+ input[type="datetime"],
1996
+ input[type="datetime-local"],
1997
+ input[type="date"],
1998
+ input[type="month"],
1999
+ input[type="time"],
2000
+ input[type="week"],
2001
+ input[type="number"],
2002
+ input[type="email"],
2003
+ input[type="url"],
2004
+ input[type="tel"],
2005
+ input[type="color"] {
2006
+ width: 100%;
2007
+ height: 40px;
2008
+ -webkit-appearance: none;
2009
+ padding: 10px 15px;
2010
+ margin-bottom: 15px;
2011
+ line-height: 21px;
2012
+ -webkit-user-select: text;
2013
+ background-color: #fff;
2014
+ border: 1px solid rgba(0, 0, 0, .2);
2015
+ border-radius: 3px;
2016
+ outline: none;
2017
+ }
2018
+
2019
+ input[type=number]::-webkit-inner-spin-button,
2020
+ input[type=number]::-webkit-outer-spin-button {
2021
+ -webkit-appearance: none;
2022
+ margin: 0;
2023
+ }
2024
+
2025
+ input[type="search"] {
2026
+ height: 34px;
2027
+ -webkit-box-sizing: border-box;
2028
+ box-sizing: border-box;
2029
+ font-size: 16px;
2030
+ text-align: center;
2031
+ background-color: rgba(0, 0, 0, .1);
2032
+ border: 0;
2033
+ border-radius: 6px;
2034
+ }
2035
+
2036
+ input[type="search"]:focus {
2037
+ text-align: left;
2038
+ }
2039
+
2040
+ textarea {
2041
+ height: auto;
2042
+ resize: none;
2043
+ }
2044
+
2045
+ select {
2046
+ height: auto;
2047
+ margin-top: 1px;
2048
+ font-size: 14px;
2049
+ background-color: #fff;
2050
+ border: 0 !important;
2051
+ }
2052
+ select:focus {
2053
+ -webkit-user-modify: read-only;
2054
+ }
2055
+
2056
+ .mui-input-group {
2057
+ position: relative;
2058
+ padding: 0;
2059
+ background-color: #fff;
2060
+ border: 0;
2061
+ }
2062
+ .mui-input-group:after {
2063
+ position: absolute;
2064
+ right: 0;
2065
+ bottom: 0;
2066
+ left: 0;
2067
+ height: 1px;
2068
+ content: '';
2069
+ background-color: #c8c7cc;
2070
+ -webkit-transform: scaleY(.5);
2071
+ transform: scaleY(.5);
2072
+ }
2073
+ .mui-input-group:before {
2074
+ position: absolute;
2075
+ top: 0;
2076
+ right: 0;
2077
+ left: 0;
2078
+ height: 1px;
2079
+ content: '';
2080
+ background-color: #c8c7cc;
2081
+ -webkit-transform: scaleY(.5);
2082
+ transform: scaleY(.5);
2083
+ }
2084
+
2085
+ .mui-input-group input[type=text],
2086
+ .mui-input-group textarea {
2087
+ margin-bottom: 0;
2088
+ background-color: transparent;
2089
+ border: 0;
2090
+ border-radius: 0;
2091
+ -webkit-box-shadow: none;
2092
+ box-shadow: none;
2093
+ }
2094
+ .mui-input-group input[type=text]:after,
2095
+ .mui-input-group textarea:after {
2096
+ position: absolute;
2097
+ right: 0;
2098
+ bottom: 0;
2099
+ left: 15px;
2100
+ height: 1px;
2101
+ content: '';
2102
+ background-color: #c8c7cc;
2103
+ -webkit-transform: scaleY(.5);
2104
+ transform: scaleY(.5);
2105
+ }
2106
+
2107
+ .mui-input-group input[type="search"] {
2108
+ background: none;
2109
+ }
2110
+
2111
+ .mui-input-group input:last-child {
2112
+ background-image: none;
2113
+ }
2114
+
2115
+ .mui-input-row {
2116
+ overflow: hidden;
2117
+ clear: left;
2118
+ }
2119
+ .mui-input-row select {
2120
+ height: 37px;
2121
+ padding: 0;
2122
+ font-size: 17px;
2123
+ }
2124
+
2125
+ .mui-input-row:last-child,
2126
+ .mui-input-row label + input, .mui-input-row .mui-btn + input {
2127
+ background-image: none;
2128
+ }
2129
+
2130
+ .mui-input-group .mui-input-row {
2131
+ height: 40px;
2132
+ }
2133
+ .mui-input-group .mui-input-row:after {
2134
+ position: absolute;
2135
+ right: 0;
2136
+ bottom: 0;
2137
+ left: 15px;
2138
+ height: 1px;
2139
+ content: '';
2140
+ background-color: #c8c7cc;
2141
+ -webkit-transform: scaleY(.5);
2142
+ transform: scaleY(.5);
2143
+ }
2144
+
2145
+ .mui-input-row label {
2146
+ float: left;
2147
+ width: 35%;
2148
+ padding: 10px 15px;
2149
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
2150
+ line-height: 1.1;
2151
+ }
2152
+
2153
+ .mui-input-row label ~ input, .mui-input-row label ~ select, .mui-input-row label ~ textarea {
2154
+ float: right;
2155
+ width: 65%;
2156
+ padding-left: 0;
2157
+ margin-bottom: 0;
2158
+ border: 0;
2159
+ }
2160
+
2161
+ .mui-input-row .mui-btn {
2162
+ float: right;
2163
+ width: 15%;
2164
+ padding: 10px 15px;
2165
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
2166
+ line-height: 1.1;
2167
+ }
2168
+
2169
+ .mui-input-row .mui-btn ~ input, .mui-input-row .mui-btn ~ select, .mui-input-row .mui-btn ~ textarea {
2170
+ float: left;
2171
+ width: 85%;
2172
+ padding-left: 0;
2173
+ margin-bottom: 0;
2174
+ border: 0;
2175
+ }
2176
+
2177
+ .mui-button-row {
2178
+ position: relative;
2179
+ padding-top: 5px;
2180
+ text-align: center;
2181
+ }
2182
+
2183
+ .mui-input-group .mui-button-row {
2184
+ height: 45px;
2185
+ }
2186
+
2187
+ .mui-input-row {
2188
+ position: relative;
2189
+ }
2190
+ .mui-input-row.mui-input-range {
2191
+ padding-right: 20px;
2192
+ overflow: visible;
2193
+ }
2194
+ .mui-input-row .mui-inline {
2195
+ padding: 8px 0;
2196
+ }
2197
+ .mui-input-row .mui-input-clear ~ .mui-icon-clear, .mui-input-row .mui-input-speech ~ .mui-icon-speech {
2198
+ position: absolute;
2199
+ top: 10px;
2200
+ right: 0;
2201
+ z-index: 1;
2202
+ width: 38px;
2203
+ height: 38px;
2204
+ font-size: 20px;
2205
+ color: #999;
2206
+ text-align: center;
2207
+ }
2208
+ .mui-input-row .mui-input-speech ~ .mui-icon-speech {
2209
+ top: 8px;
2210
+ font-size: 24px;
2211
+ }
2212
+ .mui-input-row .mui-input-clear ~ .mui-icon-clear ~ .mui-icon-speech {
2213
+ display: none;
2214
+ }
2215
+ .mui-input-row .mui-input-clear ~ .mui-icon-clear.mui-hidden ~ .mui-icon-speech {
2216
+ display: inline-block;
2217
+ }
2218
+ .mui-input-row .mui-icon-speech ~ .mui-placeholder {
2219
+ right: 38px;
2220
+ }
2221
+ .mui-input-row.mui-search .mui-icon-clear {
2222
+ top: 7px;
2223
+ }
2224
+ .mui-input-row.mui-search .mui-icon-speech {
2225
+ top: 5px;
2226
+ }
2227
+
2228
+ .mui-radio, .mui-checkbox {
2229
+ position: relative;
2230
+ }
2231
+ .mui-radio label, .mui-checkbox label {
2232
+ display: inline-block;
2233
+ float: none;
2234
+ width: 100%;
2235
+ padding-right: 58px;
2236
+ }
2237
+
2238
+ .mui-radio.mui-left input[type="radio"], .mui-checkbox.mui-left input[type="checkbox"] {
2239
+ left: 20px;
2240
+ }
2241
+
2242
+ .mui-radio.mui-left label, .mui-checkbox.mui-left label {
2243
+ padding-right: 15px;
2244
+ padding-left: 58px;
2245
+ }
2246
+
2247
+ .mui-radio input[type="radio"], .mui-checkbox input[type="checkbox"] {
2248
+ position: absolute;
2249
+ top: 4px;
2250
+ right: 20px;
2251
+ display: inline-block;
2252
+ width: 28px;
2253
+ height: 26px;
2254
+ -webkit-appearance: none;
2255
+ background-color: transparent;
2256
+ border: 0;
2257
+ outline: 0 !important;
2258
+ }
2259
+ .mui-radio input[type="radio"][disabled]:before, .mui-checkbox input[type="checkbox"][disabled]:before {
2260
+ opacity: .3;
2261
+ }
2262
+ .mui-radio input[type="radio"]:before, .mui-checkbox input[type="checkbox"]:before {
2263
+ font-family: Muiicons;
2264
+ font-size: 28px;
2265
+ font-weight: normal;
2266
+ line-height: 1;
2267
+ color: #aaa;
2268
+ text-decoration: none;
2269
+ background: none;
2270
+ border-radius: 0;
2271
+
2272
+ -webkit-font-smoothing: antialiased;
2273
+ }
2274
+ .mui-radio input[type="radio"]:checked:before, .mui-checkbox input[type="checkbox"]:checked:before {
2275
+ color: #007aff;
2276
+ }
2277
+
2278
+ .mui-radio.mui-disabled label, .mui-radio label.mui-disabled, .mui-checkbox.mui-disabled label, .mui-checkbox label.mui-disabled {
2279
+ opacity: .4;
2280
+ }
2281
+
2282
+ .mui-radio input[type="radio"]:before {
2283
+ content: "\e411";
2284
+ }
2285
+
2286
+ .mui-radio input[type="radio"]:checked:before {
2287
+ content: "\e441";
2288
+ }
2289
+
2290
+ .mui-checkbox input[type="checkbox"]:before {
2291
+ content: "\e411";
2292
+ }
2293
+
2294
+ .mui-checkbox input[type="checkbox"]:checked:before {
2295
+ content: "\e442";
2296
+ }
2297
+
2298
+ .mui-select {
2299
+ position: relative;
2300
+ }
2301
+
2302
+ .mui-select:before {
2303
+ position: absolute;
2304
+ top: 8px;
2305
+ right: 21px;
2306
+ font-family: Muiicons;
2307
+ color: rgba(170, 170, 170, .6);
2308
+ content: '\e581';
2309
+ }
2310
+
2311
+ .mui-input-row .mui-switch {
2312
+ float: right;
2313
+ margin-top: 5px;
2314
+ margin-right: 20px;
2315
+ }
2316
+
2317
+ .mui-input-range {
2318
+ /*input[type="range"] {
2319
+ -webkit-appearance: none;
2320
+ background: #999;
2321
+ height: 36px;
2322
+ border-radius: 1px;
2323
+ overflow: hidden;
2324
+ margin-top: 2px;
2325
+ margin-bottom: 2px;
2326
+ outline:none;
2327
+ position:relative;
2328
+ width:100%;
2329
+ }*/
2330
+ /*input[type='range']::-webkit-slider-thumb {
2331
+ -webkit-appearance: none!important;
2332
+ opacity: 0.5;
2333
+ height:28px;
2334
+ width:28px;
2335
+ border-radius: 50%;
2336
+ background:#00b7fb;
2337
+ position: relative;
2338
+ pointer-events: none;
2339
+ -webkit-box-sizing: border-box;
2340
+ box-sizing: border-box;
2341
+ &:before{
2342
+ position: absolute;
2343
+ top: 13px;
2344
+ left: -2000px;
2345
+ width: 2000px;
2346
+ height: 2px;
2347
+ background: #00b7fb;
2348
+ content:' ';
2349
+ }
2350
+ }*/
2351
+ }
2352
+ .mui-input-range input[type="range"] {
2353
+ position: relative;
2354
+ width: 100%;
2355
+ height: 2px;
2356
+ -webkit-appearance: none !important;
2357
+ padding: 0;
2358
+ margin: 17px 0;
2359
+ cursor: pointer;
2360
+ background-color: #999;
2361
+ border: 0;
2362
+ border-radius: 3px;
2363
+ outline: none;
2364
+ }
2365
+ .mui-input-range input[type='range']::-webkit-slider-thumb {
2366
+ width: 28px;
2367
+ height: 28px;
2368
+ -webkit-appearance: none !important;
2369
+ background-color: #007aff;
2370
+ background-clip: padding-box;
2371
+ border-color: #0062cc;
2372
+ border-radius: 50%;
2373
+ }
2374
+ .mui-input-range label ~ input[type="range"] {
2375
+ width: 65%;
2376
+ }
2377
+ .mui-input-range .mui-tooltip {
2378
+ position: absolute;
2379
+ top: -70px;
2380
+ z-index: 1;
2381
+ width: 64px;
2382
+ height: 64px;
2383
+ font-size: 36px;
2384
+ line-height: 64px;
2385
+ color: #333;
2386
+ text-align: center;
2387
+ text-shadow: 0 1px 0 #f3f3f3;
2388
+ background-color: #fff;
2389
+ border: 1px solid #ddd;
2390
+ border-radius: 6px;
2391
+ opacity: .8;
2392
+ }
2393
+
2394
+ .mui-search {
2395
+ position: relative;
2396
+ }
2397
+ .mui-search input[type="search"] {
2398
+ padding-left: 30px;
2399
+ }
2400
+ .mui-search .mui-placeholder {
2401
+ position: absolute;
2402
+ top: 0;
2403
+ right: 0;
2404
+ bottom: 0;
2405
+ left: 0;
2406
+ z-index: 1;
2407
+ display: inline-block;
2408
+ height: 34px;
2409
+ font-size: 16px;
2410
+ line-height: 34px;
2411
+ color: #999;
2412
+ text-align: center;
2413
+ background: none;
2414
+ border: 0;
2415
+ border-radius: 6px;
2416
+ }
2417
+ .mui-search .mui-placeholder .mui-icon {
2418
+ font-size: 20px;
2419
+ color: #333;
2420
+ }
2421
+ .mui-search:before {
2422
+ position: absolute;
2423
+ top: 50%;
2424
+ right: 50%;
2425
+ display: none;
2426
+ margin-top: -18px;
2427
+ margin-right: 31px;
2428
+ font-family: Muiicons;
2429
+ font-size: 20px;
2430
+ font-weight: normal;
2431
+ content: '\e466';
2432
+ }
2433
+ .mui-search.mui-active:before {
2434
+ right: auto;
2435
+ left: 5px;
2436
+ display: block;
2437
+ margin-right: 0;
2438
+ font-size: 20px;
2439
+ }
2440
+ .mui-search.mui-active input[type="search"] {
2441
+ text-align: left;
2442
+ }
2443
+ .mui-search.mui-active .mui-placeholder {
2444
+ display: none;
2445
+ }
2446
+
2447
+ .mui-segmented-control {
2448
+ position: relative;
2449
+ display: table;
2450
+ width: 100%;
2451
+ overflow: hidden;
2452
+ font-size: 15px;
2453
+ font-weight: 400;
2454
+ table-layout: fixed;
2455
+ background-color: transparent;
2456
+ border: 1px solid #007aff;
2457
+ border-radius: 3px;
2458
+
2459
+ -webkit-touch-callout: none;
2460
+ }
2461
+ .mui-segmented-control.mui-scroll-wrapper {
2462
+ height: 38px;
2463
+ }
2464
+ .mui-segmented-control.mui-scroll-wrapper .mui-scroll {
2465
+ width: auto;
2466
+ height: 40px;
2467
+ white-space: nowrap;
2468
+ }
2469
+ .mui-segmented-control.mui-scroll-wrapper .mui-control-item {
2470
+ display: inline-block;
2471
+ width: auto;
2472
+ padding: 0 20px;
2473
+ border: 0;
2474
+ }
2475
+ .mui-segmented-control .mui-control-item {
2476
+ display: table-cell;
2477
+ width: 1%;
2478
+ overflow: hidden;
2479
+ line-height: 38px;
2480
+ color: #007aff;
2481
+ text-align: center;
2482
+ text-overflow: ellipsis;
2483
+ white-space: nowrap;
2484
+ border-color: #007aff;
2485
+ border-left: 1px solid #007aff;
2486
+ -webkit-transition: background-color .1s linear;
2487
+ transition: background-color .1s linear;
2488
+ }
2489
+ .mui-segmented-control .mui-control-item:first-child {
2490
+ border-left-width: 0;
2491
+ }
2492
+ .mui-segmented-control .mui-control-item.mui-active {
2493
+ color: #fff;
2494
+ background-color: #007aff;
2495
+ }
2496
+ .mui-segmented-control.mui-segmented-control-inverted {
2497
+ width: 100%;
2498
+ border: 0;
2499
+ border-radius: 0;
2500
+ }
2501
+ .mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
2502
+ color: inherit;
2503
+ border: 0;
2504
+ }
2505
+ .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
2506
+ color: #007aff;
2507
+ background: none;
2508
+ border-bottom: 2px solid #007aff;
2509
+ }
2510
+ .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-progress-bar {
2511
+ background-color: #007aff;
2512
+ }
2513
+
2514
+ .mui-segmented-control-positive {
2515
+ border: 1px solid #4cd964;
2516
+ }
2517
+ .mui-segmented-control-positive .mui-control-item {
2518
+ color: #4cd964;
2519
+ border-color: inherit;
2520
+ }
2521
+ .mui-segmented-control-positive .mui-control-item.mui-active {
2522
+ color: #fff;
2523
+ background-color: #4cd964;
2524
+ }
2525
+ .mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active {
2526
+ color: #4cd964;
2527
+ background: none;
2528
+ border-bottom: 2px solid #4cd964;
2529
+ }
2530
+ .mui-segmented-control-positive.mui-segmented-control-inverted ~ .mui-slider-progress-bar {
2531
+ background-color: #4cd964;
2532
+ }
2533
+
2534
+ .mui-segmented-control-negative {
2535
+ border: 1px solid #dd524d;
2536
+ }
2537
+ .mui-segmented-control-negative .mui-control-item {
2538
+ color: #dd524d;
2539
+ border-color: inherit;
2540
+ }
2541
+ .mui-segmented-control-negative .mui-control-item.mui-active {
2542
+ color: #fff;
2543
+ background-color: #dd524d;
2544
+ }
2545
+ .mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active {
2546
+ color: #dd524d;
2547
+ background: none;
2548
+ border-bottom: 2px solid #dd524d;
2549
+ }
2550
+ .mui-segmented-control-negative.mui-segmented-control-inverted ~ .mui-slider-progress-bar {
2551
+ background-color: #dd524d;
2552
+ }
2553
+
2554
+ .mui-control-content {
2555
+ position: relative;
2556
+ display: none;
2557
+ }
2558
+ .mui-control-content.mui-active {
2559
+ display: block;
2560
+ }
2561
+
2562
+ .mui-popover {
2563
+ position: absolute;
2564
+ z-index: 999;
2565
+ display: none;
2566
+ width: 280px;
2567
+ background-color: rgba(247, 247, 247, .98);
2568
+ border-radius: 7px;
2569
+ -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
2570
+ box-shadow: 0 0 15px rgba(0, 0, 0, .1);
2571
+ opacity: 0;
2572
+ -webkit-transition: opacity .3s;
2573
+ transition: opacity .3s;
2574
+ -webkit-transition-property: opacity;
2575
+ transition-property: opacity;
2576
+ -webkit-transform: none;
2577
+ transform: none;
2578
+ }
2579
+ .mui-popover .mui-popover-arrow {
2580
+ position: absolute;
2581
+ top: -25px;
2582
+ left: 0;
2583
+ z-index: 1000;
2584
+ width: 26px;
2585
+ height: 26px;
2586
+ overflow: hidden;
2587
+ }
2588
+ .mui-popover .mui-popover-arrow:after {
2589
+ position: absolute;
2590
+ top: 19px;
2591
+ left: 0;
2592
+ width: 26px;
2593
+ height: 26px;
2594
+ content: ' ';
2595
+ background: rgba(247, 247, 247, .98);
2596
+ border-radius: 3px;
2597
+ -webkit-transform: rotate(45deg);
2598
+ transform: rotate(45deg);
2599
+ }
2600
+ .mui-popover .mui-popover-arrow.mui-bottom {
2601
+ top: 100%;
2602
+ left: -26px;
2603
+ margin-top: -1px;
2604
+ }
2605
+ .mui-popover .mui-popover-arrow.mui-bottom:after {
2606
+ top: -19px;
2607
+ left: 0;
2608
+ }
2609
+ .mui-popover.mui-popover-action {
2610
+ bottom: 0;
2611
+ width: 100%;
2612
+ background: none;
2613
+ border-radius: 0;
2614
+ -webkit-box-shadow: none;
2615
+ box-shadow: none;
2616
+ -webkit-transition: -webkit-transform .3s, opacity .3s;
2617
+ transition: transform .3s, opacity .3s;
2618
+ -webkit-transform: translate3d(0, 100%, 0);
2619
+ transform: translate3d(0, 100%, 0);
2620
+ }
2621
+ .mui-popover.mui-popover-action .mui-popover-arrow {
2622
+ display: none;
2623
+ }
2624
+ .mui-popover.mui-popover-action.mui-active {
2625
+ -webkit-transform: translate3d(0, 0, 0);
2626
+ transform: translate3d(0, 0, 0);
2627
+ }
2628
+ .mui-popover.mui-popover-action .mui-table-view {
2629
+ margin: 8px;
2630
+ color: #007aff;
2631
+ text-align: center;
2632
+ border-radius: 4px;
2633
+ }
2634
+ .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after {
2635
+ position: absolute;
2636
+ right: 0;
2637
+ bottom: 0;
2638
+ left: 0;
2639
+ height: 1px;
2640
+ content: '';
2641
+ background-color: #c8c7cc;
2642
+ -webkit-transform: scaleY(.5);
2643
+ transform: scaleY(.5);
2644
+ }
2645
+ .mui-popover.mui-popover-action .mui-table-view small {
2646
+ display: block;
2647
+ font-weight: 400;
2648
+ line-height: 1.3;
2649
+ }
2650
+ .mui-popover.mui-active {
2651
+ display: block;
2652
+ opacity: 1;
2653
+ }
2654
+ .mui-popover .mui-bar ~ .mui-table-view {
2655
+ padding-top: 44px;
2656
+ }
2657
+
2658
+ .mui-backdrop {
2659
+ position: fixed;
2660
+ top: 0;
2661
+ right: 0;
2662
+ bottom: 0;
2663
+ left: 0;
2664
+ z-index: 998;
2665
+ background-color: rgba(0, 0, 0, .3);
2666
+ }
2667
+
2668
+ .mui-bar-backdrop.mui-backdrop {
2669
+ bottom: 50px;
2670
+ background: none;
2671
+ }
2672
+
2673
+ .mui-backdrop-action.mui-backdrop {
2674
+ background-color: rgba(0, 0, 0, .3);
2675
+ }
2676
+
2677
+ .mui-bar-backdrop.mui-backdrop, .mui-backdrop-action.mui-backdrop {
2678
+ opacity: 0;
2679
+ }
2680
+ .mui-bar-backdrop.mui-backdrop.mui-active, .mui-backdrop-action.mui-backdrop.mui-active {
2681
+ opacity: 1;
2682
+ -webkit-transition: all .4s ease;
2683
+ transition: all .4s ease;
2684
+ }
2685
+
2686
+ .mui-popover .mui-btn-block {
2687
+ margin-bottom: 5px;
2688
+ }
2689
+ .mui-popover .mui-btn-block:last-child {
2690
+ margin-bottom: 0;
2691
+ }
2692
+
2693
+ .mui-popover .mui-bar {
2694
+ -webkit-box-shadow: none;
2695
+ box-shadow: none;
2696
+ }
2697
+
2698
+ .mui-popover .mui-bar-nav {
2699
+ border-bottom: 1px solid rgba(0, 0, 0, .15);
2700
+ border-top-left-radius: 12px;
2701
+ border-top-right-radius: 12px;
2702
+ -webkit-box-shadow: none;
2703
+ box-shadow: none;
2704
+ }
2705
+
2706
+ .mui-popover .mui-scroll-wrapper {
2707
+ margin: 7px 0;
2708
+ background-clip: padding-box;
2709
+ border-radius: 7px;
2710
+ }
2711
+
2712
+ .mui-popover .mui-scroll .mui-table-view {
2713
+ max-height: none;
2714
+ }
2715
+
2716
+ .mui-popover .mui-table-view {
2717
+ max-height: 300px;
2718
+ margin-bottom: 0;
2719
+ overflow: auto;
2720
+ -webkit-overflow-scrolling: touch;
2721
+ background-color: rgba(247, 247, 247, .98);
2722
+ background-image: none;
2723
+ border-radius: 7px;
2724
+ }
2725
+ .mui-popover .mui-table-view:before, .mui-popover .mui-table-view:after {
2726
+ height: 0;
2727
+ }
2728
+ .mui-popover .mui-table-view .mui-table-view-cell:first-child,
2729
+ .mui-popover .mui-table-view .mui-table-view-cell:first-child > a:not(.mui-btn) {
2730
+ border-top-left-radius: 12px;
2731
+ border-top-right-radius: 12px;
2732
+ }
2733
+ .mui-popover .mui-table-view .mui-table-view-cell:last-child,
2734
+ .mui-popover .mui-table-view .mui-table-view-cell:last-child > a:not(.mui-btn) {
2735
+ border-bottom-right-radius: 12px;
2736
+ border-bottom-left-radius: 12px;
2737
+ }
2738
+
2739
+ .mui-popover.mui-bar-popover .mui-table-view {
2740
+ width: 106px;
2741
+ }
2742
+ .mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell {
2743
+ padding: 11px 15px 11px 15px;
2744
+ background-position: 0 100%;
2745
+ }
2746
+ .mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell > a:not(.mui-btn) {
2747
+ margin: -11px -15px -11px -15px;
2748
+ }
2749
+
2750
+ .mui-pagination {
2751
+ display: inline-block;
2752
+ padding-left: 0;
2753
+ margin: 0 auto;
2754
+ border-radius: 6px;
2755
+ }
2756
+ .mui-pagination > li {
2757
+ display: inline;
2758
+ }
2759
+ .mui-pagination > li > a,
2760
+ .mui-pagination > li > span {
2761
+ position: relative;
2762
+ float: left;
2763
+ padding: 6px 12px;
2764
+ margin-left: -1px;
2765
+ line-height: 1.428571429;
2766
+ color: #007aff;
2767
+ text-decoration: none;
2768
+ background-color: #fff;
2769
+ border: 1px solid #ddd;
2770
+ }
2771
+ .mui-pagination > li:first-child > a,
2772
+ .mui-pagination > li:first-child > span {
2773
+ margin-left: 0;
2774
+ background-clip: padding-box;
2775
+ border-top-left-radius: 6px;
2776
+ border-bottom-left-radius: 6px;
2777
+ }
2778
+ .mui-pagination > li:last-child > a,
2779
+ .mui-pagination > li:last-child > span {
2780
+ background-clip: padding-box;
2781
+ border-top-right-radius: 6px;
2782
+ border-bottom-right-radius: 6px;
2783
+ }
2784
+ .mui-pagination > li:active > a, .mui-pagination > li:active > a:active,
2785
+ .mui-pagination > li:active > span,
2786
+ .mui-pagination > li:active > span:active,
2787
+ .mui-pagination > li.mui-active > a,
2788
+ .mui-pagination > li.mui-active > a:active,
2789
+ .mui-pagination > li.mui-active > span,
2790
+ .mui-pagination > li.mui-active > span:active {
2791
+ z-index: 2;
2792
+ color: #fff;
2793
+ cursor: default;
2794
+ background-color: #007aff;
2795
+ border-color: #007aff;
2796
+ }
2797
+ .mui-pagination > li.mui-disabled > span,
2798
+ .mui-pagination > li.mui-disabled > span:active,
2799
+ .mui-pagination > li.mui-disabled > a,
2800
+ .mui-pagination > li.mui-disabled > a:active {
2801
+ color: #777;
2802
+ background-color: #fff;
2803
+ border: 1px solid #ddd;
2804
+ opacity: .6;
2805
+ }
2806
+
2807
+ .mui-pagination-lg > li > a,
2808
+ .mui-pagination-lg > li > span {
2809
+ padding: 10px 16px;
2810
+ font-size: 18px;
2811
+ }
2812
+
2813
+ .mui-pagination-sm > li > a,
2814
+ .mui-pagination-sm > li > span {
2815
+ padding: 5px 10px;
2816
+ font-size: 12px;
2817
+ }
2818
+
2819
+ .mui-pager {
2820
+ padding-left: 0;
2821
+ text-align: center;
2822
+ list-style: none;
2823
+ }
2824
+ .mui-pager:before, .mui-pager:after {
2825
+ display: table;
2826
+ content: " ";
2827
+ }
2828
+ .mui-pager:after {
2829
+ clear: both;
2830
+ }
2831
+ .mui-pager li {
2832
+ display: inline;
2833
+ }
2834
+ .mui-pager li > a,
2835
+ .mui-pager li > span {
2836
+ display: inline-block;
2837
+ padding: 5px 14px;
2838
+ background-color: #fff;
2839
+ background-clip: padding-box;
2840
+ border: 1px solid #ddd;
2841
+ border-radius: 6px;
2842
+ }
2843
+ .mui-pager li:active > a, .mui-pager li:active > span, .mui-pager li.mui-active > a, .mui-pager li.mui-active > span {
2844
+ color: #fff;
2845
+ text-decoration: none;
2846
+ cursor: default;
2847
+ background-color: #007aff;
2848
+ border-color: #007aff;
2849
+ }
2850
+ .mui-pager .mui-next > a,
2851
+ .mui-pager .mui-next > span {
2852
+ float: right;
2853
+ }
2854
+ .mui-pager .mui-previous > a,
2855
+ .mui-pager .mui-previous > span {
2856
+ float: left;
2857
+ }
2858
+ .mui-pager .mui-disabled > a,
2859
+ .mui-pager .mui-disabled > a:active,
2860
+ .mui-pager .mui-disabled > span,
2861
+ .mui-pager .mui-disabled > span:active {
2862
+ color: #777;
2863
+ background-color: #fff;
2864
+ border: 1px solid #ddd;
2865
+ opacity: .6;
2866
+ }
2867
+
2868
+ .mui-modal {
2869
+ position: fixed;
2870
+ top: 0;
2871
+ z-index: 999;
2872
+ width: 100%;
2873
+ min-height: 100%;
2874
+ overflow: hidden;
2875
+ background-color: #fff;
2876
+ opacity: 0;
2877
+ -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
2878
+ transition: transform .25s, opacity 1ms .25s;
2879
+ -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
2880
+ transition-timing-function: cubic-bezier(.1, .5, .1, 1);
2881
+ -webkit-transform: translate3d(0, 100%, 0);
2882
+ transform: translate3d(0, 100%, 0);
2883
+ }
2884
+ .mui-modal.mui-active {
2885
+ height: 100%;
2886
+ opacity: 1;
2887
+ -webkit-transition: -webkit-transform .25s;
2888
+ transition: transform .25s;
2889
+ -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
2890
+ transition-timing-function: cubic-bezier(.1, .5, .1, 1);
2891
+ -webkit-transform: translate3d(0, 0, 0);
2892
+ transform: translate3d(0, 0, 0);
2893
+ }
2894
+
2895
+ .mui-android .mui-modal .mui-bar {
2896
+ position: static;
2897
+ }
2898
+
2899
+ .mui-android .mui-modal .mui-bar-nav ~ .mui-content {
2900
+ padding-top: 0;
2901
+ }
2902
+
2903
+ .mui-slider {
2904
+ position: relative;
2905
+ width: 100%;
2906
+ overflow: hidden;
2907
+ }
2908
+ .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
2909
+ border-bottom: 0;
2910
+ }
2911
+ .mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item {
2912
+ border-top: 1px solid #c8c7cc;
2913
+ border-bottom: 1px solid #c8c7cc;
2914
+ }
2915
+ .mui-slider .mui-slider-group {
2916
+ position: relative;
2917
+ font-size: 0;
2918
+ white-space: nowrap;
2919
+ -webkit-transition: all 0s linear;
2920
+ transition: all 0s linear;
2921
+ }
2922
+ .mui-slider .mui-slider-group .mui-slider-item {
2923
+ position: relative;
2924
+ display: inline-block;
2925
+ width: 100%;
2926
+ height: 100%;
2927
+ font-size: 14px;
2928
+ vertical-align: top;
2929
+ }
2930
+ .mui-slider .mui-slider-group .mui-slider-item > a:not(.mui-control-item) {
2931
+ position: relative;
2932
+ display: block;
2933
+ line-height: 0;
2934
+ }
2935
+ .mui-slider .mui-slider-group .mui-slider-item img {
2936
+ width: 100%;
2937
+ }
2938
+ .mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before, .mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after {
2939
+ height: 0;
2940
+ }
2941
+ .mui-slider .mui-slider-group.mui-slider-loop {
2942
+ -webkit-transform: translate(-100%, 0px);
2943
+ transform: translate(-100%, 0px);
2944
+ }
2945
+
2946
+ .mui-slider-title {
2947
+ position: absolute;
2948
+ bottom: 0;
2949
+ left: 0;
2950
+ width: 100%;
2951
+ height: 30px;
2952
+ margin: 0;
2953
+ line-height: 30px;
2954
+ text-align: left;
2955
+ text-indent: 12px;
2956
+ background-color: #000;
2957
+ opacity: .8;
2958
+ }
2959
+
2960
+ .mui-slider-indicator {
2961
+ position: absolute;
2962
+ bottom: 8px;
2963
+ width: 100%;
2964
+ text-align: center;
2965
+ background: none;
2966
+ }
2967
+ .mui-slider-indicator.mui-segmented-control {
2968
+ position: relative;
2969
+ bottom: auto;
2970
+ }
2971
+ .mui-slider-indicator .mui-indicator {
2972
+ display: inline-block;
2973
+ width: 6px;
2974
+ height: 6px;
2975
+ margin: 1px 6px;
2976
+ cursor: pointer;
2977
+ background: #aaa;
2978
+ border-radius: 50%;
2979
+ -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7);
2980
+ box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7);
2981
+ }
2982
+ .mui-slider-indicator .mui-active.mui-indicator {
2983
+ background: #fff;
2984
+ }
2985
+ .mui-slider-indicator .mui-icon {
2986
+ width: 40px;
2987
+ height: 30px;
2988
+ margin: 3px;
2989
+ font-size: 20px;
2990
+ line-height: 30px;
2991
+ text-align: center;
2992
+ border: 1px solid #ddd;
2993
+ }
2994
+ .mui-slider-indicator .mui-number {
2995
+ display: inline-block;
2996
+ width: 58px;
2997
+ line-height: 32px;
2998
+ }
2999
+ .mui-slider-indicator .mui-number span {
3000
+ color: #ff5053;
3001
+ }
3002
+
3003
+ .mui-slider-progress-bar {
3004
+ z-index: 1;
3005
+ height: 2px;
3006
+ -webkit-transform: translateZ(0);
3007
+ transform: translateZ(0);
3008
+
3009
+ -webkit-backface-visibility: hidden;
3010
+ }
3011
+
3012
+ .mui-switch {
3013
+ position: relative;
3014
+ display: block;
3015
+ width: 74px;
3016
+ height: 30px;
3017
+ background-color: #fff;
3018
+ background-clip: padding-box;
3019
+ border: 2px solid #ddd;
3020
+ border-radius: 20px;
3021
+ -webkit-transition-timing-function: ease-in-out;
3022
+ transition-timing-function: ease-in-out;
3023
+ -webkit-transition-duration: .2s;
3024
+ transition-duration: .2s;
3025
+ -webkit-transition-property: background-color, border;
3026
+ transition-property: background-color, border;
3027
+ }
3028
+ .mui-switch.mui-disabled {
3029
+ opacity: .3;
3030
+ }
3031
+ .mui-switch .mui-switch-handle {
3032
+ position: absolute;
3033
+ top: -1px;
3034
+ left: -1px;
3035
+ z-index: 1;
3036
+ width: 28px;
3037
+ height: 28px;
3038
+ background-color: #fff;
3039
+ background-clip: padding-box;
3040
+ border-radius: 16px;
3041
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
3042
+ box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
3043
+ -webkit-transition: .2s ease-in-out;
3044
+ transition: .2s ease-in-out;
3045
+ -webkit-transition-property: -webkit-transform, width,left;
3046
+ transition-property: transform, width,left;
3047
+ }
3048
+ .mui-switch:before {
3049
+ position: absolute;
3050
+ top: 3px;
3051
+ right: 11px;
3052
+ font-size: 13px;
3053
+ color: #999;
3054
+ text-transform: uppercase;
3055
+ content: "Off";
3056
+ }
3057
+ .mui-switch.mui-dragging {
3058
+ background-color: rgba(247, 247, 247, .98);
3059
+ border-color: rgba(247, 247, 247, .98);
3060
+ }
3061
+ .mui-switch.mui-dragging .mui-switch-handle {
3062
+ width: 38px;
3063
+ }
3064
+ .mui-switch.mui-dragging.mui-active .mui-switch-handle {
3065
+ left: -11px;
3066
+ width: 38px;
3067
+ }
3068
+ .mui-switch.mui-active {
3069
+ background-color: #4cd964;
3070
+ border-color: #4cd964;
3071
+ }
3072
+ .mui-switch.mui-active .mui-switch-handle {
3073
+ -webkit-transform: translate3d(43px, 0, 0);
3074
+ transform: translate3d(43px, 0, 0);
3075
+ }
3076
+ .mui-switch.mui-active:before {
3077
+ right: auto;
3078
+ left: 15px;
3079
+ color: #fff;
3080
+ content: "On";
3081
+ }
3082
+ .mui-switch input[type="checkbox"] {
3083
+ display: none;
3084
+ }
3085
+
3086
+ .mui-switch-mini {
3087
+ width: 47px;
3088
+ }
3089
+ .mui-switch-mini:before {
3090
+ display: none;
3091
+ }
3092
+ .mui-switch-mini.mui-active .mui-switch-handle {
3093
+ -webkit-transform: translate3d(16px, 0, 0);
3094
+ transform: translate3d(16px, 0, 0);
3095
+ }
3096
+
3097
+ .mui-switch-blue.mui-active {
3098
+ background-color: #007aff;
3099
+ border: 2px solid #007aff;
3100
+ }
3101
+
3102
+ .mui-content.mui-fade {
3103
+ left: 0;
3104
+ opacity: 0;
3105
+ }
3106
+ .mui-content.mui-fade.mui-in {
3107
+ opacity: 1;
3108
+ }
3109
+ .mui-content.mui-sliding {
3110
+ z-index: 2;
3111
+ -webkit-transition: -webkit-transform .4s;
3112
+ transition: transform .4s;
3113
+ -webkit-transform: translate3d(0, 0, 0);
3114
+ transform: translate3d(0, 0, 0);
3115
+ }
3116
+ .mui-content.mui-sliding.mui-left {
3117
+ z-index: 1;
3118
+ -webkit-transform: translate3d(-100%, 0, 0);
3119
+ transform: translate3d(-100%, 0, 0);
3120
+ }
3121
+ .mui-content.mui-sliding.mui-right {
3122
+ z-index: 3;
3123
+ -webkit-transform: translate3d(100%, 0, 0);
3124
+ transform: translate3d(100%, 0, 0);
3125
+ }
3126
+
3127
+ .mui-navigate-left:after,
3128
+ .mui-navigate-right:after,
3129
+ .mui-push-left:after,
3130
+ .mui-push-right:after {
3131
+ position: absolute;
3132
+ top: 50%;
3133
+ display: inline-block;
3134
+ font-family: Muiicons;
3135
+ font-size: inherit;
3136
+ line-height: 1;
3137
+ color: #bbb;
3138
+ text-decoration: none;
3139
+ -webkit-transform: translateY(-50%);
3140
+ transform: translateY(-50%);
3141
+
3142
+ -webkit-font-smoothing: antialiased;
3143
+ }
3144
+
3145
+ .mui-navigate-left:after,
3146
+ .mui-push-left:after {
3147
+ left: 15px;
3148
+ content: '\e582';
3149
+ }
3150
+
3151
+ .mui-navigate-right:after,
3152
+ .mui-push-right:after {
3153
+ right: 15px;
3154
+ content: '\e583';
3155
+ }
3156
+
3157
+ .mui-pull-top-pocket, .mui-pull-bottom-pocket {
3158
+ position: absolute;
3159
+ left: 0;
3160
+ display: block;
3161
+ width: 100%;
3162
+ height: 50px;
3163
+ overflow: hidden;
3164
+ visibility: hidden;
3165
+ }
3166
+
3167
+ .mui-plus-pullrefresh .mui-pull-top-pocket, .mui-plus-pullrefresh .mui-pull-bottom-pocket {
3168
+ display: none;
3169
+ visibility: visible;
3170
+ }
3171
+
3172
+ .mui-pull-top-pocket {
3173
+ top: 0;
3174
+ }
3175
+
3176
+ .mui-bar-nav ~ .mui-content .mui-pull-top-pocket {
3177
+ top: 44px;
3178
+ }
3179
+
3180
+ .mui-bar-nav ~ .mui-bar-header-secondary ~ .mui-content .mui-pull-top-pocket {
3181
+ top: 88px;
3182
+ }
3183
+
3184
+ .mui-pull-bottom-pocket {
3185
+ position: relative;
3186
+ bottom: 0;
3187
+ height: 40px;
3188
+ }
3189
+ .mui-pull-bottom-pocket .mui-pull-loading {
3190
+ visibility: hidden;
3191
+ }
3192
+ .mui-pull-bottom-pocket .mui-pull-loading.mui-in {
3193
+ display: inline-block;
3194
+ }
3195
+
3196
+ .mui-pull {
3197
+ position: absolute;
3198
+ right: 0;
3199
+ bottom: 10px;
3200
+ left: 0;
3201
+ font-weight: bold;
3202
+ color: #777;
3203
+ text-align: center;
3204
+ }
3205
+
3206
+ .mui-pull-loading {
3207
+ margin-right: 10px;
3208
+ vertical-align: middle;
3209
+ -webkit-transition: -webkit-transform .4s;
3210
+ transition: transform .4s;
3211
+ -webkit-transition-duration: 400ms;
3212
+ transition-duration: 400ms;
3213
+
3214
+ -webkit-backface-visibility: hidden;
3215
+ }
3216
+
3217
+ .mui-pull-loading.mui-reverse {
3218
+ -webkit-transform: rotate(180deg) translateZ(0);
3219
+ transform: rotate(180deg) translateZ(0);
3220
+ }
3221
+
3222
+ .mui-pull-caption {
3223
+ position: relative;
3224
+ display: inline-block;
3225
+ margin-top: 0;
3226
+ overflow: visible;
3227
+ font-size: 15px;
3228
+ line-height: 24px;
3229
+ vertical-align: middle;
3230
+ }
3231
+ .mui-pull-caption span {
3232
+ display: none;
3233
+ }
3234
+ .mui-pull-caption span.mui-in {
3235
+ display: inline;
3236
+ }
3237
+
3238
+ .mui-toast-container {
3239
+ position: fixed;
3240
+ bottom: 50px;
3241
+ z-index: 9999;
3242
+ width: 100%;
3243
+ }
3244
+
3245
+ .mui-toast-message {
3246
+ width: 270px;
3247
+ padding: 5px 5px 5px 5px;
3248
+ margin: 5px auto 5px auto;
3249
+ font-size: 14px;
3250
+ color: #000;
3251
+ text-align: center;
3252
+ background-color: #d8d8d8;
3253
+ border-radius: 7px;
3254
+ }
3255
+
3256
+ .mui-numbox {
3257
+ position: relative;
3258
+ display: inline-block;
3259
+ width: 120px;
3260
+ height: 35px;
3261
+ padding: 0 40px 0 40px;
3262
+ overflow: hidden;
3263
+ vertical-align: top;
3264
+ vertical-align: middle;
3265
+ background-color: #efeff4;
3266
+ border: solid 1px #bbb;
3267
+ border-radius: 3px;
3268
+ }
3269
+ .mui-numbox [class*=mui-numbox-btn] {
3270
+ position: absolute;
3271
+ top: 0;
3272
+ width: 40px;
3273
+ height: 100%;
3274
+ padding: 0;
3275
+ overflow: hidden;
3276
+ font-size: 18px;
3277
+ font-weight: normal;
3278
+ line-height: 100%;
3279
+ color: #555;
3280
+ background-color: #f9f9f9;
3281
+ border: none;
3282
+ border-radius: 0;
3283
+ }
3284
+ .mui-numbox [class*=mui-numbox-btn]:active {
3285
+ background-color: #ccc;
3286
+ }
3287
+ .mui-numbox [class*=mui-numbox-btn][disabled] {
3288
+ color: #c0c0c0;
3289
+ }
3290
+ .mui-numbox .mui-numbox-btn-plus {
3291
+ right: 0;
3292
+ border-top-right-radius: 3px;
3293
+ border-bottom-right-radius: 3px;
3294
+ }
3295
+ .mui-numbox .mui-numbox-btn-minus {
3296
+ left: 0;
3297
+ border-top-left-radius: 3px;
3298
+ border-bottom-left-radius: 3px;
3299
+ }
3300
+ .mui-numbox .mui-numbox-input {
3301
+ display: inline-block;
3302
+ width: 100% !important;
3303
+ height: 100%;
3304
+ padding: 0 3px !important;
3305
+ margin: 0;
3306
+ overflow: hidden;
3307
+ text-align: center;
3308
+ text-overflow: ellipsis;
3309
+ word-break: normal;
3310
+ border: none !important;
3311
+ border-right: solid 1px #ccc !important;
3312
+ border-left: solid 1px #ccc !important;
3313
+ border-radius: 0 !important;
3314
+ }
3315
+
3316
+ .mui-input-row .mui-numbox {
3317
+ float: right;
3318
+ margin: 2px 8px;
3319
+ }
3320
+
3321
+ @font-face {
3322
+ font-family: Muiicons;
3323
+ font-style: normal;
3324
+ font-weight: normal;
3325
+
3326
+ src: url("/assets/mui.ttf") format("truetype");
3327
+ }
3328
+ .mui-icon {
3329
+ display: inline-block;
3330
+ font-family: Muiicons;
3331
+ font-size: 24px;
3332
+ font-style: normal;
3333
+ font-weight: normal;
3334
+ line-height: 1;
3335
+ text-decoration: none;
3336
+
3337
+ -webkit-font-smoothing: antialiased;
3338
+ }
3339
+ .mui-icon.mui-right:before {
3340
+ float: right;
3341
+ padding-left: .2em;
3342
+ }
3343
+
3344
+ .mui-icon-contact:before {
3345
+ content: "\e100";
3346
+ }
3347
+
3348
+ .mui-icon-person:before {
3349
+ content: "\e101";
3350
+ }
3351
+
3352
+ .mui-icon-personadd:before {
3353
+ content: "\e102";
3354
+ }
3355
+
3356
+ .mui-icon-contact-filled:before {
3357
+ content: "\e130";
3358
+ }
3359
+
3360
+ .mui-icon-person-filled:before {
3361
+ content: "\e131";
3362
+ }
3363
+
3364
+ .mui-icon-personadd-filled:before {
3365
+ content: "\e132";
3366
+ }
3367
+
3368
+ .mui-icon-phone:before {
3369
+ content: "\e200";
3370
+ }
3371
+
3372
+ .mui-icon-email:before {
3373
+ content: "\e201";
3374
+ }
3375
+
3376
+ .mui-icon-chatbubble:before {
3377
+ content: "\e202";
3378
+ }
3379
+
3380
+ .mui-icon-chatboxes:before {
3381
+ content: "\e203";
3382
+ }
3383
+
3384
+ .mui-icon-phone-filled:before {
3385
+ content: "\e230";
3386
+ }
3387
+
3388
+ .mui-icon-email-filled:before {
3389
+ content: "\e231";
3390
+ }
3391
+
3392
+ .mui-icon-chatbubble-filled:before {
3393
+ content: "\e232";
3394
+ }
3395
+
3396
+ .mui-icon-chatboxes-filled:before {
3397
+ content: "\e233";
3398
+ }
3399
+
3400
+ .mui-icon-weibo:before {
3401
+ content: "\e260";
3402
+ }
3403
+
3404
+ .mui-icon-weixin:before {
3405
+ content: "\e261";
3406
+ }
3407
+
3408
+ .mui-icon-pengyouquan:before {
3409
+ content: "\e262";
3410
+ }
3411
+
3412
+ .mui-icon-chat:before {
3413
+ content: "\e263";
3414
+ }
3415
+
3416
+ .mui-icon-videocam:before {
3417
+ content: "\e300";
3418
+ }
3419
+
3420
+ .mui-icon-camera:before {
3421
+ content: "\e301";
3422
+ }
3423
+
3424
+ .mui-icon-mic:before {
3425
+ content: "\e302";
3426
+ }
3427
+
3428
+ .mui-icon-location:before {
3429
+ content: "\e303";
3430
+ }
3431
+
3432
+ .mui-icon-mic-filled:before, .mui-icon-speech:before {
3433
+ content: "\e332";
3434
+ }
3435
+
3436
+ .mui-icon-location-filled:before {
3437
+ content: "\e333";
3438
+ }
3439
+
3440
+ .mui-icon-micoff:before {
3441
+ content: "\e360";
3442
+ }
3443
+
3444
+ .mui-icon-image:before {
3445
+ content: "\e363";
3446
+ }
3447
+
3448
+ .mui-icon-map:before {
3449
+ content: "\e364";
3450
+ }
3451
+
3452
+ .mui-icon-compose:before {
3453
+ content: "\e400";
3454
+ }
3455
+
3456
+ .mui-icon-trash:before {
3457
+ content: "\e401";
3458
+ }
3459
+
3460
+ .mui-icon-upload:before {
3461
+ content: "\e402";
3462
+ }
3463
+
3464
+ .mui-icon-download:before {
3465
+ content: "\e403";
3466
+ }
3467
+
3468
+ .mui-icon-close:before {
3469
+ content: "\e404";
3470
+ }
3471
+
3472
+ .mui-icon-redo:before {
3473
+ content: "\e405";
3474
+ }
3475
+
3476
+ .mui-icon-undo:before {
3477
+ content: "\e406";
3478
+ }
3479
+
3480
+ .mui-icon-refresh:before {
3481
+ content: "\e407";
3482
+ }
3483
+
3484
+ .mui-icon-star:before {
3485
+ content: "\e408";
3486
+ }
3487
+
3488
+ .mui-icon-plus:before {
3489
+ content: "\e409";
3490
+ }
3491
+
3492
+ .mui-icon-minus:before {
3493
+ content: "\e410";
3494
+ }
3495
+
3496
+ .mui-icon-circle:before, .mui-icon-checkbox:before {
3497
+ content: "\e411";
3498
+ }
3499
+
3500
+ .mui-icon-close-filled:before, .mui-icon-clear:before {
3501
+ content: "\e434";
3502
+ }
3503
+
3504
+ .mui-icon-refresh-filled:before {
3505
+ content: "\e437";
3506
+ }
3507
+
3508
+ .mui-icon-star-filled:before {
3509
+ content: "\e438";
3510
+ }
3511
+
3512
+ .mui-icon-plus-filled:before {
3513
+ content: "\e439";
3514
+ }
3515
+
3516
+ .mui-icon-minus-filled:before {
3517
+ content: "\e440";
3518
+ }
3519
+
3520
+ .mui-icon-circle-filled:before {
3521
+ content: "\e441";
3522
+ }
3523
+
3524
+ .mui-icon-checkbox-filled:before {
3525
+ content: "\e442";
3526
+ }
3527
+
3528
+ .mui-icon-closeempty:before {
3529
+ content: "\e460";
3530
+ }
3531
+
3532
+ .mui-icon-refreshempty:before {
3533
+ content: "\e461";
3534
+ }
3535
+
3536
+ .mui-icon-reload:before {
3537
+ content: "\e462";
3538
+ }
3539
+
3540
+ .mui-icon-starhalf:before {
3541
+ content: "\e463";
3542
+ }
3543
+
3544
+ .mui-icon-spinner:before {
3545
+ content: "\e464";
3546
+ }
3547
+
3548
+ .mui-icon-spinner-cycle:before {
3549
+ content: "\e465";
3550
+ }
3551
+
3552
+ .mui-icon-search:before {
3553
+ content: "\e466";
3554
+ }
3555
+
3556
+ .mui-icon-plusempty:before {
3557
+ content: "\e468";
3558
+ }
3559
+
3560
+ .mui-icon-forward:before {
3561
+ content: "\e470";
3562
+ }
3563
+
3564
+ .mui-icon-back:before, .mui-icon-left-nav:before {
3565
+ content: "\e471";
3566
+ }
3567
+
3568
+ .mui-icon-checkmarkempty:before {
3569
+ content: "\e472";
3570
+ }
3571
+
3572
+ .mui-icon-home:before {
3573
+ content: "\e500";
3574
+ }
3575
+
3576
+ .mui-icon-navigate:before {
3577
+ content: "\e501";
3578
+ }
3579
+
3580
+ .mui-icon-gear:before {
3581
+ content: "\e502";
3582
+ }
3583
+
3584
+ .mui-icon-paperplane:before {
3585
+ content: "\e503";
3586
+ }
3587
+
3588
+ .mui-icon-info:before {
3589
+ content: "\e504";
3590
+ }
3591
+
3592
+ .mui-icon-help:before {
3593
+ content: "\e505";
3594
+ }
3595
+
3596
+ .mui-icon-locked:before {
3597
+ content: "\e506";
3598
+ }
3599
+
3600
+ .mui-icon-more:before {
3601
+ content: "\e507";
3602
+ }
3603
+
3604
+ .mui-icon-flag:before {
3605
+ content: "\e508";
3606
+ }
3607
+
3608
+ .mui-icon-home-filled:before {
3609
+ content: "\e530";
3610
+ }
3611
+
3612
+ .mui-icon-gear-filled:before {
3613
+ content: "\e532";
3614
+ }
3615
+
3616
+ .mui-icon-info-filled:before {
3617
+ content: "\e534";
3618
+ }
3619
+
3620
+ .mui-icon-help-filled:before {
3621
+ content: "\e535";
3622
+ }
3623
+
3624
+ .mui-icon-more-filled:before {
3625
+ content: "\e537";
3626
+ }
3627
+
3628
+ .mui-icon-settings:before {
3629
+ content: "\e560";
3630
+ }
3631
+
3632
+ .mui-icon-list:before {
3633
+ content: "\e562";
3634
+ }
3635
+
3636
+ .mui-icon-bars:before {
3637
+ content: "\e563";
3638
+ }
3639
+
3640
+ .mui-icon-loop:before {
3641
+ content: "\e565";
3642
+ }
3643
+
3644
+ .mui-icon-paperclip:before {
3645
+ content: "\e567";
3646
+ }
3647
+
3648
+ .mui-icon-arrowup:before {
3649
+ content: "\e580";
3650
+ }
3651
+
3652
+ .mui-icon-arrowdown:before {
3653
+ content: "\e581";
3654
+ }
3655
+
3656
+ .mui-icon-arrowleft:before {
3657
+ content: "\e582";
3658
+ }
3659
+
3660
+ .mui-icon-arrowright:before {
3661
+ content: "\e583";
3662
+ }
3663
+
3664
+ .mui-icon-arrowthinup:before {
3665
+ content: "\e584";
3666
+ }
3667
+
3668
+ .mui-icon-arrowthindown:before {
3669
+ content: "\e585";
3670
+ }
3671
+
3672
+ .mui-icon-arrowthinleft:before {
3673
+ content: "\e586";
3674
+ }
3675
+
3676
+ .mui-icon-arrowthinright:before {
3677
+ content: "\e587";
3678
+ }
3679
+
3680
+ .mui-icon-pulldown:before {
3681
+ content: "\e588";
3682
+ }
3683
+
3684
+ .mui-fullscreen {
3685
+ position: absolute;
3686
+ top: 0;
3687
+ right: 0;
3688
+ bottom: 0;
3689
+ left: 0;
3690
+ width: 100%;
3691
+ height: 100%;
3692
+ }
3693
+ .mui-fullscreen .mui-slider-group {
3694
+ height: 100%;
3695
+ }
3696
+ .mui-fullscreen .mui-segmented-control ~ .mui-slider-group {
3697
+ position: absolute;
3698
+ top: 40px;
3699
+ bottom: 0;
3700
+ width: 100%;
3701
+ height: auto;
3702
+ }
3703
+ .mui-fullscreen .mui-slider-item > a {
3704
+ top: 50%;
3705
+ -webkit-transform: translateY(-50%);
3706
+ transform: translateY(-50%);
3707
+ }
3708
+ .mui-fullscreen .mui-off-canvas-wrap .mui-slider-item > a {
3709
+ top: auto;
3710
+ -webkit-transform: none;
3711
+ transform: none;
3712
+ }
3713
+
3714
+ .mui-bar-tab ~ .mui-content .mui-slider.mui-fullscreen .mui-segmented-control ~ .mui-slider-group {
3715
+ bottom: 50px;
3716
+ }
3717
+
3718
+ .mui-android.mui-android-4-0 input:focus,
3719
+ .mui-android.mui-android-4-0 textarea:focus {
3720
+ -webkit-user-modify: inherit;
3721
+ }
3722
+
3723
+ .mui-ios .mui-table-view-cell {
3724
+ -webkit-transform-style: preserve-3d;
3725
+ transform-style: preserve-3d;
3726
+ }
3727
+
3728
+ .mui-plus-visible, .mui-wechat-visible {
3729
+ display: none !important;
3730
+ }
3731
+
3732
+ .mui-plus-hidden, .mui-wechat-hidden {
3733
+ display: block !important;
3734
+ }
3735
+
3736
+ .mui-plus .mui-plus-visible, .mui-wechat .mui-wechat-visible {
3737
+ display: block !important;
3738
+ }
3739
+
3740
+ .mui-plus .mui-plus-hidden, .mui-wechat .mui-wechat-hidden {
3741
+ display: none !important;
3742
+ }