Project

General

Profile

1
/*
2
*  Altair Admin
3
*  author: tzd
4
*
5
*  Content:
6
*    1. variables/mixins
7
*    2. UIkit custom styles
8
*    3. Kendo UI custom styles
9
*    4. custom components
10
*    5. material design styles
11
*    6. plugins
12
*    7. partials (header,sidebars,top bar)
13
*    8. pages
14
*    9. altair admin styles
15
*    10. print styles
16
*
17
*/
18
/* 1. altair variables/mixins ======================== */
19
/* 2. UIkit custom styles ============================ */
20
/* animations */
21
[class*="uk-animation-"] {
22
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24
  -webkit-animation-duration: 560ms;
25
  animation-duration: 560ms;
26
}
27
/* alerts */
28
.uk-alert {
29
  border: none;
30
  background: #1976d2;
31
  color: #fff;
32
  text-shadow: none;
33
  padding-right: 32px;
34
  position: relative;
35
  display: block;
36
}
37
.uk-alert-success {
38
  background: #8bc34a !important;
39
}
40
.uk-alert-danger {
41
  background: #e53935 !important;
42
}
43
.uk-alert-warning {
44
  background: #ffa000 !important;
45
}
46
.uk-alert-info {
47
  background: #0097a7 !important;
48
}
49
.uk-alert-large {
50
  padding: 24px 32px 24px 24px;
51
}
52
.uk-alert-close {
53
  position: absolute;
54
  top: 10px;
55
  right: 8px;
56
  float: none !important;
57
  margin: 0 !important;
58
}
59
.uk-alert-close:after {
60
  color: #fff !important;
61
}
62
/* badges */
63
.uk-badge {
64
  background: #0097a7;
65
  padding: 2px 6px;
66
  border: none;
67
  border-radius: 2px;
68
  text-shadow: none;
69
  font-size: 11px;
70
  line-height: 15px;
71
  font-weight: 400;
72
  white-space: nowrap;
73
}
74
.uk-badge a {
75
  color: #fff !important;
76
}
77
.uk-badge-default {
78
  background: #9e9e9e;
79
  color: #fff;
80
}
81
.uk-badge-primary {
82
  background: #2196f3;
83
}
84
.uk-badge-danger {
85
  background: #e53935;
86
}
87
.uk-badge-warning {
88
  background: #ffa000;
89
}
90
.uk-badge-success {
91
  background: #7cb342;
92
}
93
.uk-badge-muted {
94
  background: #bdbdbd;
95
}
96
.uk-badge-notification {
97
  border-radius: 20px;
98
}
99
.uk-badge-large {
100
  font-size: 13px;
101
  line-height: 16px;
102
  padding: 4px 8px;
103
}
104
.uk-badge.inline-label {
105
  vertical-align: 1px;
106
  margin-left: 4px;
107
}
108
.uk-badge-outline {
109
  border: 1px solid rgba(0, 0, 0, 0.12);
110
  background: #fff;
111
  color: #212121;
112
  padding-bottom: 0;
113
  line-height: 16px;
114
}
115
.uk-badge-inline {
116
  vertical-align: 2px;
117
}
118
.uk-badge-group {
119
  overflow: hidden;
120
}
121
.uk-badge-group .uk-badge {
122
  float: left;
123
  display: block;
124
  margin: 0 4px 4px 0;
125
}
126
/* buttons */
127
.uk-button {
128
  font-weight: 400;
129
  border-radius: 2px;
130
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
131
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
132
}
133
/* comments */
134
.uk-comment-list > li + li {
135
  border-top: 1px dashed rgba(0, 0, 0, 0.12);
136
  margin-top: 16px !important;
137
}
138
.uk-comment-list .uk-comment + ul {
139
  margin: 8px 0 0 0;
140
}
141
@media only screen and (min-width: 768px) {
142
  .uk-comment-list .uk-comment + ul {
143
    padding-left: 48px;
144
  }
145
}
146
.uk-comment-header {
147
  padding: 16px 8px 8px;
148
  border: none;
149
  background: none;
150
  margin-bottom: 0;
151
}
152
.uk-comment-title {
153
  margin: 0;
154
  font-size: 14px;
155
  line-height: 20px;
156
}
157
/* dialog modals */
158
.uk-modal {
159
  z-index: 1304;
160
  background: rgba(0, 0, 0, 0.5);
161
  -webkit-transition: opacity 250ms ease-out;
162
  transition: opacity 250ms ease-out;
163
  overflow: auto !important;
164
}
165
.uk-modal.uk-modal-no-backdrop {
166
  background: transparent;
167
}
168
.uk-modal-dialog {
169
  border-radius: 2px;
170
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
171
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
172
  padding: 24px;
173
  display: block !important;
174
  -webkit-animation: none !important;
175
  animation: none !important;
176
  -webkit-transition: opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
177
  transition: opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
178
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 280ms ease-in;
179
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
180
  -webkit-transform: scale(0);
181
  transform: scale(0);
182
}
183
.uk-modal-dialog-blank {
184
  padding: 0;
185
  background: none;
186
  -webkit-box-shadow: none;
187
  box-shadow: none;
188
}
189
.uk-open .uk-modal-dialog {
190
  -webkit-transform: scale(1);
191
  transform: scale(1);
192
}
193
.uk-modal-dialog .uk-modal-header {
194
  background: none;
195
  border-bottom: none;
196
  margin: 0 -24px 24px;
197
  padding: 0 32px 0 24px;
198
  overflow: hidden;
199
}
200
.uk-modal-dialog .uk-modal-header .uk-modal-title {
201
  margin: 0;
202
  font: 500 18px / 28px "Roboto", sans-serif;
203
}
204
.uk-modal-dialog .uk-modal-header .uk-modal-title span {
205
  font-size: 16px;
206
  display: block;
207
  color: #727272;
208
}
209
.uk-modal-dialog .uk-modal-header .material-icons {
210
  font-size: 24px;
211
  vertical-align: -4px;
212
  cursor: default;
213
}
214
.uk-modal-dialog .uk-modal-footer {
215
  margin: 16px -16px -16px;
216
  padding: 16px;
217
  background: #fff;
218
  border-top: none;
219
}
220
.uk-modal-dialog .uk-modal-footer:before,
221
.uk-modal-dialog .uk-modal-footer:after {
222
  content: " ";
223
  display: table;
224
}
225
.uk-modal-dialog .uk-modal-footer:after {
226
  clear: both;
227
}
228
.uk-modal-dialog .uk-modal-footer:before,
229
.uk-modal-dialog .uk-modal-footer:after {
230
  content: " ";
231
  display: table;
232
}
233
.uk-modal-dialog .uk-modal-footer:after {
234
  clear: both;
235
}
236
.uk-modal-dialog .uk-modal-footer .md-icon-btn {
237
  margin-top: 2px;
238
}
239
.uk-modal-dialog .uk-modal-caption {
240
  bottom: 16px;
241
  margin: 0 32px;
242
}
243
.uk-modal-dialog > .uk-close:first-child {
244
  top: 8px;
245
  right: 8px;
246
  position: absolute;
247
  float: none;
248
  margin: 0;
249
}
250
.uk-modal-dialog-lightbox {
251
  padding: 0;
252
}
253
.uk-modal-dialog-lightbox > .uk-close:first-child {
254
  top: -11px;
255
  right: -11px;
256
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
257
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
258
  border: none;
259
  z-index: 10;
260
}
261
.uk-modal-dialog .uk-overflow-container {
262
  margin: 16px 0;
263
}
264
.uk-modal-card-fullscreen {
265
  overflow: hidden !important;
266
}
267
.uk-modal-card-fullscreen .uk-modal-close {
268
  float: left;
269
  margin: 8px 8px 0 0;
270
  display: block;
271
}
272
.uk-modal-card-fullscreen > .uk-modal-dialog > .md-card > .md-card-toolbar {
273
  position: fixed;
274
  top: 0;
275
  left: 0;
276
  right: 0;
277
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
278
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
279
  z-index: 10;
280
}
281
.uk-modal-card-fullscreen > .uk-modal-dialog > .md-card > .md-card-content {
282
  position: absolute;
283
  top: 48px;
284
  bottom: 0;
285
  left: 0;
286
  right: 0;
287
  overflow-y: auto;
288
}
289
.uk-modal .uk-margin.uk-modal-content {
290
  margin-bottom: 0;
291
}
292
.uk-modal.uk-modal-dialog-replace .uk-modal-content {
293
  font-size: 18px;
294
}
295
.uk-modal-spinner {
296
  -webkit-animation: uk-rotate 2s infinite linear;
297
  animation: uk-rotate 2s infinite linear;
298
  margin-left: -12px;
299
  margin-top: -17px;
300
  left: 50%;
301
  right: auto;
302
}
303
.uk-modal .uk-modal-aside {
304
  padding: 16px 32px 32px;
305
}
306
/* dropdowns */
307
.uk-dropdown {
308
  -webkit-transform: scale(0.25, 0);
309
  transform: scale(0.25, 0);
310
  opacity: 0;
311
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
312
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
313
  -webkit-animation: none !important;
314
  animation: none !important;
315
  -webkit-transform-origin: 50% 0 !important;
316
  transform-origin: 50% 0 !important;
317
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
318
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
319
  border: none;
320
  border-radius: 2px;
321
}
322
.uk-dropdown.uk-dropdown-xlarge {
323
  width: 360px;
324
}
325
@media only screen and (max-width: 479px) {
326
  .uk-dropdown.uk-dropdown-xlarge {
327
    width: 260px;
328
  }
329
}
330
.uk-dropdown.uk-dropdown-large {
331
  width: 260px;
332
}
333
.uk-dropdown.uk-dropdown-small {
334
  width: 160px;
335
}
336
.uk-dropdown > ul > li > a {
337
  font-size: 14px;
338
  color: #212121;
339
}
340
.uk-dropdown > ul > li > a:hover {
341
  background: rgba(0, 0, 0, 0.085);
342
}
343
.uk-dropdown > ul > li.uk-active > a {
344
  background: rgba(0, 0, 0, 0.085);
345
}
346
.uk-dropdown > ul > li.padding_sm {
347
  padding: 2px 4px;
348
}
349
.uk-dropdown > ul > li.padding_md {
350
  padding: 4px 8px;
351
}
352
.uk-dropdown.dropdown-modal {
353
  z-index: 1310;
354
}
355
.uk-dropdown.dropdown-fs {
356
  z-index: 9999;
357
}
358
.uk-dropdown.uk-dropdown-scrollable {
359
  -webkit-overflow-scrolling: touch;
360
}
361
[data-uk-dropdown*="top-"] .uk-dropdown {
362
  -webkit-transform-origin: 50% 100% !important;
363
  transform-origin: 50% 100% !important;
364
}
365
[data-uk-dropdown*="left-"] .uk-dropdown {
366
  -webkit-transform-origin: 100% 50% !important;
367
  transform-origin: 100% 50% !important;
368
}
369
[data-uk-dropdown*="right-"] .uk-dropdown {
370
  -webkit-transform-origin: 0 50% !important;
371
  transform-origin: 0 50% !important;
372
}
373
[data-uk-dropdown*='justify'] {
374
  position: static !important;
375
}
376
[data-uk-dropdown*='justify'] [class*="uk-dropdown-width"] {
377
  left: 0 !important;
378
  width: 100% !important;
379
  min-width: inherit !important;
380
  margin-left: 0 !important;
381
}
382
.uk-dropdown-active {
383
  display: block !important;
384
}
385
.uk-dropdown-shown {
386
  -webkit-transform: scale(1, 1);
387
  transform: scale(1, 1);
388
  opacity: 1;
389
}
390
.uk-nav-dropdown > li > a:focus,
391
.uk-nav-dropdown > li > a:hover {
392
  text-shadow: none;
393
  -webkit-box-shadow: none;
394
  box-shadow: none;
395
  color: #212121;
396
  background: rgba(153, 153, 153, 0.2);
397
}
398
/* forms */
399
fieldset {
400
  border: none;
401
  margin: 0;
402
}
403
fieldset + * {
404
  margin-top: 15px;
405
}
406
.uk-form input:not([type]),
407
.uk-form input[type=color],
408
.uk-form input[type=date],
409
.uk-form input[type=datetime-local],
410
.uk-form input[type=email],
411
.uk-form input[type=month],
412
.uk-form input[type=number],
413
.uk-form input[type=password],
414
.uk-form input[type=search],
415
.uk-form input[type=tel],
416
.uk-form input[type=text],
417
.uk-form input[type=time],
418
.uk-form input[type=url],
419
.uk-form input[type=week],
420
.uk-form select,
421
.uk-form textarea {
422
  -webkit-box-sizing: border-box;
423
  box-sizing: border-box;
424
  padding: 8px;
425
  border: 1px solid rgba(0, 0, 0, 0.12);
426
  -webkit-transition: border 200ms ease-in;
427
  transition: border 200ms ease-in;
428
  resize: none;
429
}
430
.uk-form input:not([type]):focus,
431
.uk-form input[type=color]:focus,
432
.uk-form input[type=date]:focus,
433
.uk-form input[type=datetime-local]:focus,
434
.uk-form input[type=email]:focus,
435
.uk-form input[type=month]:focus,
436
.uk-form input[type=number]:focus,
437
.uk-form input[type=password]:focus,
438
.uk-form input[type=search]:focus,
439
.uk-form input[type=tel]:focus,
440
.uk-form input[type=text]:focus,
441
.uk-form input[type=time]:focus,
442
.uk-form input[type=url]:focus,
443
.uk-form input[type=week]:focus,
444
.uk-form select:focus,
445
.uk-form textarea:focus {
446
  background: none;
447
  border-color: #2196f3;
448
}
449
.uk-form textarea {
450
  -webkit-transition: border-color 200ms ease-in, height 280ms ease-in;
451
  transition: border-color 200ms ease-in, height 280ms ease-in;
452
}
453
.uk-form-row {
454
  -webkit-transition: all 200ms ease-out;
455
  transition: all 200ms ease-out;
456
}
457
.uk-form-row + .uk-form-row {
458
  margin-top: 24px;
459
}
460
.uk-form-stacked .uk-form-label {
461
  font-weight: 500;
462
  font-size: 13px;
463
  display: block;
464
  padding-bottom: 8px;
465
}
466
.uk-form-stacked .uk-form-label + p {
467
  margin-top: 0;
468
}
469
.uk-form-help-block {
470
  display: block;
471
  font-size: 12px;
472
  color: #727272;
473
  padding: 4px 0 0 0;
474
  font-style: italic;
475
}
476
.uk-form-width-large,
477
.uk-form-width-medium,
478
.uk-form-width-small,
479
.uk-form-width-mini {
480
  max-width: 100%;
481
}
482
/* grid */
483
.uk-grid + .uk-grid,
484
.uk-grid-margin,
485
.uk-grid > * > .uk-panel + .uk-panel {
486
  margin-top: 24px;
487
}
488
.uk-grid.uk-grid-small + .uk-grid-small,
489
.uk-grid.uk-grid-small > * > .uk-panel + .uk-panel,
490
.uk-grid.uk-grid-small > .uk-grid-margin {
491
  margin-top: 10px;
492
}
493
.uk-height-viewport {
494
  min-height: 200px;
495
}
496
/* icons */
497
[class*="uk-icon-"] {
498
  color: #727272;
499
}
500
/* input groups */
501
.uk-input-group {
502
  position: relative;
503
  display: table;
504
  border-collapse: separate;
505
  /*&-icon {
506
        font-size: 20px !important;
507
        vertical-align: -3px;
508
    }*/
509
}
510
.uk-input-group > input[type=text] {
511
  position: relative;
512
  z-index: 2;
513
  float: left;
514
  width: 100%;
515
  margin-bottom: 0;
516
}
517
.uk-input-group-addon,
518
.uk-input-group > input[type=text] {
519
  display: table-cell;
520
}
521
.uk-input-group-addon {
522
  width: 1%;
523
  white-space: nowrap;
524
  vertical-align: middle;
525
  line-height: 1;
526
  text-align: center;
527
  padding: 0 16px;
528
  font-size: 16px;
529
  min-width: 22px;
530
}
531
.uk-input-group > .md-input-wrapper {
532
  display: inline-block;
533
}
534
.uk-input-group.uk-input-group-danger .uk-input-group-addon i {
535
  color: #e53935 !important;
536
}
537
.uk-input-group.uk-input-group-danger + .parsley-errors-list {
538
  margin-left: 58px;
539
}
540
.uk-input-group.uk-input-group-success .uk-input-group-addon i {
541
  color: #7cb342 !important;
542
}
543
/* list */
544
.uk-list-hover li:hover {
545
  background: rgba(0, 0, 0, 0.1);
546
}
547
/* nav */
548
.uk-nav-header {
549
  color: #727272;
550
  font-weight: normal;
551
}
552
.uk-nav-divider {
553
  -webkit-box-shadow: none;
554
  box-shadow: none;
555
  border-top-color: rgba(0, 0, 0, 0.12);
556
}
557
.uk-nav-divider + .uk-nav-header {
558
  margin-top: 0;
559
}
560
.uk-nav-label {
561
  width: 12px;
562
  height: 12px;
563
  display: inline-block;
564
  vertical-align: -1px;
565
  margin-right: 8px;
566
}
567
.uk-nav-side > li > a {
568
  font-weight: 500;
569
  line-height: 22px;
570
}
571
.uk-nav-side > li > a > i {
572
  font-size: 24px;
573
  margin-right: 10px;
574
  vertical-align: -7px;
575
}
576
.uk-nav-side > li > a:hover,
577
.uk-nav-side > li > a:focus {
578
  background: transparent;
579
  -webkit-box-shadow: none;
580
  box-shadow: none;
581
}
582
.uk-nav-side > li.uk-active > a {
583
  background: transparent;
584
  -webkit-box-shadow: none;
585
  box-shadow: none;
586
}
587
.uk-nav-side > li.uk-active > a,
588
.uk-nav-side > li.uk-active > a > i {
589
  color: #7cb342;
590
}
591
.uk-nav-side > li li a {
592
  text-shadow: none;
593
  color: #212121;
594
}
595
.uk-nav-side ul.uk-nav-sub {
596
  padding-top: 0;
597
  padding-left: 24px;
598
}
599
/* pagination */
600
.uk-pagination {
601
  margin: 0;
602
}
603
.uk-pagination > li {
604
  outline: none !important;
605
}
606
.uk-pagination > li > a,
607
.uk-pagination > li > span {
608
  border: none;
609
  padding: 4px 8px;
610
  min-width: 32px;
611
  line-height: 24px;
612
  height: 32px;
613
  -webkit-box-sizing: border-box;
614
  box-sizing: border-box;
615
  text-shadow: none;
616
  color: #212121;
617
  border-radius: 4px;
618
}
619
.uk-pagination > li > a [class*="uk-icon-"],
620
.uk-pagination > li > span [class*="uk-icon-"] {
621
  font-size: 16px;
622
}
623
.uk-pagination > li > a {
624
  background: transparent;
625
}
626
.uk-pagination > li > a:hover {
627
  background: #e1efd2;
628
}
629
.uk-pagination > li.uk-active > a,
630
.uk-pagination > li.uk-active > span {
631
  background: #7cb342;
632
}
633
.uk-pagination > li.uk-active > a,
634
.uk-pagination > li.uk-active > span,
635
.uk-pagination > li.uk-active > a:hover,
636
.uk-pagination > li.uk-active > span:hover {
637
  color: #fff;
638
}
639
.uk-pagination > li.uk-disabled > a,
640
.uk-pagination > li.uk-disabled > span {
641
  border: none;
642
  text-shadow: none;
643
  background: transparent !important;
644
  color: #aaa;
645
  cursor: default;
646
}
647
/* panels */
648
.uk-panel-box {
649
  border-radius: 2px;
650
  background: #fff;
651
  border-color: rgba(0, 0, 0, 0.12);
652
}
653
.uk-panel-box .uk-panel-teaser {
654
  border-radius: 2px 2px 0 0;
655
}
656
/* tables */
657
.uk-table td {
658
  border-bottom-color: rgba(0, 0, 0, 0.12);
659
}
660
.uk-table th {
661
  border-bottom: 1px #444;
662
}
663
.uk-table-nowrap td,
664
.uk-table-nowrap th {
665
  white-space: nowrap;
666
}
667
.uk-table-align-vertical td,
668
.uk-table-align-vertical th {
669
  vertical-align: middle;
670
}
671
.uk-table tr th.small_col,
672
.uk-table tr td.small_col {
673
  width: 1%;
674
}
675
.uk-table tr.row_checked td {
676
  background: #e3f2fd;
677
}
678
.uk-table .uk-table {
679
  margin-bottom: 0;
680
}
681
.uk-table .uk-table tr:last-child td {
682
  border-bottom: none;
683
}
684
.uk-table-no-border td {
685
  border-bottom-color: transparent;
686
}
687
/* sticky */
688
.uk-sticky-placeholder .uk-active {
689
  z-index: 1094;
690
}
691
/* subnav */
692
.uk-subnav-pill > * > * {
693
  color: #212121;
694
}
695
.uk-subnav-pill > .uk-active > * {
696
  background: #7cb342;
697
}
698
/* tables */
699
.uk-table thead th {
700
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
701
}
702
.uk-table thead th,
703
.uk-table tfoot td,
704
.uk-table tfoot th {
705
  font-style: normal;
706
  font-weight: 400;
707
  color: #727272;
708
  font-size: 14px;
709
}
710
.uk-table td {
711
  border-bottom-color: #e0e0e0;
712
}
713
.uk-table tfoot td,
714
.uk-table tfoot th {
715
  border-top: 2px solid rgba(0, 0, 0, 0.12);
716
  border-bottom: none;
717
}
718
.uk-table-striped tbody tr:nth-of-type(odd) {
719
  background: rgba(0, 0, 0, 0.085);
720
}
721
.uk-table-hover tbody tr:hover {
722
  background: #e3f2fd;
723
}
724
/* thumbnails */
725
.uk-thumbnail {
726
  border-radius: 0;
727
  border-color: rgba(0, 0, 0, 0.12);
728
}
729
.uk-thumbnail-caption {
730
  padding: 4px 4px 0;
731
  line-height: 20px;
732
  color: #727272;
733
  font-size: 12px;
734
}
735
/* utilities */
736
.uk-text-small {
737
  font-size: 12px;
738
}
739
.uk-text-muted {
740
  color: #757575 !important;
741
}
742
.uk-text-primary {
743
  color: #2196f3 !important;
744
}
745
.uk-text-danger {
746
  color: #e53935 !important;
747
}
748
.uk-text-success {
749
  color: #7cb342 !important;
750
}
751
.uk-text-warning {
752
  color: #ffa000 !important;
753
}
754
.uk-margin-bottom {
755
  margin-bottom: 16px !important;
756
}
757
.uk-margin-small-bottom {
758
  margin-bottom: 8px !important;
759
}
760
.uk-margin-medium-bottom {
761
  margin-bottom: 32px !important;
762
}
763
.uk-margin-large-bottom {
764
  margin-bottom: 48px !important;
765
}
766
.uk-margin-medium-top {
767
  margin-top: 32px !important;
768
}
769
.uk-margin-large-top {
770
  margin-top: 48px !important;
771
}
772
.uk-close {
773
  font-size: 18px;
774
  opacity: 1;
775
}
776
.uk-close:hover,
777
.uk-close:focus {
778
  opacity: 1;
779
}
780
.uk-close:after {
781
  opacity: 1 !important;
782
  color: #727272;
783
  content: '\e5cd';
784
  font-family: "Material Icons";
785
}
786
.uk-float-none {
787
  float: none !important;
788
}
789
/* ------------ Components ------------ */
790
/* accordion */
791
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
792
/* ========================================================================
793
   Component: Accordion
794
 ========================================================================== */
795
/* Sub-object: `uk-accordion-title`
796
 ========================================================================== */
797
.uk-accordion-title {
798
  margin-top: 0;
799
  margin-bottom: 15px;
800
  padding: 5px 15px;
801
  background: #f5f5f5;
802
  font-size: 18px;
803
  line-height: 24px;
804
  cursor: pointer;
805
  border: 1px solid #ddd;
806
  border-radius: 4px;
807
}
808
/* Sub-object: `uk-accordion-content`
809
 ========================================================================== */
810
.uk-accordion-content {
811
  padding: 0 15px 15px 15px;
812
}
813
/*
814
 * Micro clearfix to make panels more robust
815
 */
816
.uk-accordion-content:before,
817
.uk-accordion-content:after {
818
  content: "";
819
  display: table;
820
}
821
.uk-accordion-content:after {
822
  clear: both;
823
}
824
/*
825
 * Remove margin from the last-child
826
 */
827
.uk-accordion-content > :last-child {
828
  margin-bottom: 0;
829
}
830
.uk-accordion-title {
831
  background: rgba(153, 153, 153, 0.2);
832
  border-radius: 0;
833
  border: none;
834
  margin: 0 0 4px;
835
  font-size: 15px;
836
  font-weight: 400;
837
  padding: 8px 24px 8px 16px;
838
  position: relative;
839
}
840
.uk-accordion-title:after {
841
  content: '\e313';
842
  font-family: "Material Icons";
843
  font-size: 18px;
844
  position: absolute;
845
  top: 8px;
846
  right: 8px;
847
  display: block;
848
  color: #727272;
849
  -webkit-transition: -webkit-transform 280ms;
850
  transition: -webkit-transform 280ms;
851
  transition: transform 280ms;
852
  transition: transform 280ms, -webkit-transform 280ms;
853
}
854
.uk-accordion-title.uk-active:after {
855
  -webkit-transform: rotate(-180deg);
856
  transform: rotate(-180deg);
857
}
858
.uk-accordion-title-primary {
859
  background: #2196f3;
860
  color: #fff;
861
}
862
.uk-accordion-title-primary:after {
863
  color: #fff;
864
}
865
.uk-accordion-title-danger {
866
  background: #e53935;
867
  color: #fff;
868
}
869
.uk-accordion-title-danger:after {
870
  color: #fff;
871
}
872
.uk-accordion-title-success {
873
  background: #7cb342;
874
  color: #fff;
875
}
876
.uk-accordion-title-success:after {
877
  color: #fff;
878
}
879
.uk-accordion-title-warning {
880
  background: #ffa000;
881
  color: #fff;
882
}
883
.uk-accordion-title-warning:after {
884
  color: #fff;
885
}
886
.uk-accordion-content {
887
  padding: 16px;
888
}
889
.uk-accordion-alt .uk-accordion-title {
890
  background: #fff;
891
  margin: 0;
892
  padding: 16px 24px 16px 48px;
893
  border-top: 1px solid rgba(0, 0, 0, 0.12);
894
}
895
.uk-accordion-alt .uk-accordion-title:first-child {
896
  border-top: none;
897
}
898
.uk-accordion-alt .uk-accordion-title:after {
899
  color: #2196f3;
900
  content: '\e145';
901
  right: auto;
902
  left: 16px;
903
  top: 16px;
904
}
905
.uk-accordion-alt .uk-accordion-title.uk-active:after {
906
  -webkit-transform: rotate(-180deg);
907
  transform: rotate(-180deg);
908
  content: '\e15b';
909
}
910
.uk-accordion-alt .uk-accordion-content {
911
  padding: 24px;
912
}
913
/* dotnav */
914
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
915
/* ========================================================================
916
   Component: Dotnav
917
 ========================================================================== */
918
/*
919
 * 1. Gutter
920
 * 2. Remove default list style
921
 */
922
.uk-dotnav {
923
  display: -ms-flexbox;
924
  display: -webkit-box;
925
  display: flex;
926
  -ms-flex-wrap: wrap;
927
  flex-wrap: wrap;
928
  /* 1 */
929
  margin-left: -15px;
930
  margin-top: -15px;
931
  /* 2 */
932
  padding: 0;
933
  list-style: none;
934
}
935
/*
936
 * 1. Space is allocated solely based on content dimensions
937
 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
938
 */
939
.uk-dotnav > * {
940
  /* 1 */
941
  -ms-flex: none;
942
  -webkit-box-flex: 0;
943
  flex: none;
944
  /* 2 */
945
  padding-left: 15px;
946
  margin-top: 15px;
947
}
948
/*
949
 * DEPRECATED IE9 Support
950
 */
951
.uk-dotnav:before,
952
.uk-dotnav:after {
953
  content: "";
954
  display: block;
955
  overflow: hidden;
956
}
957
.uk-dotnav:after {
958
  clear: both;
959
}
960
.uk-dotnav > * {
961
  float: left;
962
}
963
/* Items
964
 ========================================================================== */
965
/*
966
 * Items
967
 * 1. Hide text if present
968
 */
969
.uk-dotnav > * > * {
970
  display: block;
971
  -webkit-box-sizing: content-box;
972
  box-sizing: content-box;
973
  width: 20px;
974
  height: 20px;
975
  border-radius: 50%;
976
  background: rgba(50, 50, 50, 0.1);
977
  /* 1 */
978
  text-indent: 100%;
979
  overflow: hidden;
980
  white-space: nowrap;
981
  -webkit-transition: all 0.2s ease-in-out;
982
  transition: all 0.2s ease-in-out;
983
}
984
/*
985
 * Hover
986
 * 1. Apply hover style also to focus state
987
 * 2. Remove default focus style
988
 */
989
.uk-dotnav > * > :hover,
990
.uk-dotnav > * > :focus {
991
  background: rgba(50, 50, 50, 0.4);
992
  /* 2 */
993
  outline: none;
994
}
995
/* OnClick */
996
.uk-dotnav > * > :active {
997
  background: rgba(50, 50, 50, 0.6);
998
}
999
/* Active */
1000
.uk-dotnav > .uk-active > * {
1001
  background: rgba(50, 50, 50, 0.4);
1002
  -webkit-transform: scale(1.3);
1003
  transform: scale(1.3);
1004
}
1005
/* Modifier: `uk-dotnav-contrast`
1006
 ========================================================================== */
1007
.uk-dotnav-contrast > * > * {
1008
  background: rgba(255, 255, 255, 0.4);
1009
}
1010
/*
1011
 * Hover
1012
 * 1. Apply hover style also to focus state
1013
 */
1014
.uk-dotnav-contrast > * > :hover,
1015
.uk-dotnav-contrast > * > :focus {
1016
  background: rgba(255, 255, 255, 0.7);
1017
}
1018
/* OnClick */
1019
.uk-dotnav-contrast > * > :active {
1020
  background: rgba(255, 255, 255, 0.9);
1021
}
1022
/* Active */
1023
.uk-dotnav-contrast > .uk-active > * {
1024
  background: rgba(255, 255, 255, 0.9);
1025
}
1026
/* Modifier: 'uk-dotnav-vertical'
1027
 ========================================================================== */
1028
/*
1029
 * DEPRECATED
1030
 */
1031
.uk-dotnav-vertical {
1032
  -ms-flex-direction: column;
1033
  -webkit-box-orient: vertical;
1034
  -webkit-box-direction: normal;
1035
  flex-direction: column;
1036
}
1037
/*
1038
 * DEPRECATED IE9 Support
1039
 */
1040
.uk-dotnav-vertical > * {
1041
  float: none;
1042
}
1043
/* progress */
1044
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
1045
/* ========================================================================
1046
   Component: Progress
1047
 ========================================================================== */
1048
/*
1049
 * 1. Clearing
1050
 * 2. Vertical alignment if text is used
1051
 */
1052
.uk-progress {
1053
  -webkit-box-sizing: border-box;
1054
  box-sizing: border-box;
1055
  height: 20px;
1056
  margin-bottom: 15px;
1057
  background: #f5f5f5;
1058
  /* 1 */
1059
  overflow: hidden;
1060
  /* 2 */
1061
  line-height: 20px;
1062
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
1063
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
1064
  border-radius: 4px;
1065
}
1066
/*
1067
 * Add margin if adjacent element
1068
 */
1069
* + .uk-progress {
1070
  margin-top: 15px;
1071
}
1072
/* Sub-object: `uk-progress-bar`
1073
 ========================================================================== */
1074
/*
1075
 * 1. Transition
1076
 * 2. Needed for text
1077
 */
1078
.uk-progress-bar {
1079
  width: 0;
1080
  height: 100%;
1081
  background: #00a8e6;
1082
  float: left;
1083
  /* 1 */
1084
  -webkit-transition: width 0.6s ease;
1085
  transition: width 0.6s ease;
1086
  /* 2 */
1087
  font-size: 12px;
1088
  color: #fff;
1089
  text-align: center;
1090
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
1091
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
1092
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
1093
}
1094
/* Size modifiers
1095
 ========================================================================== */
1096
/* Mini */
1097
.uk-progress-mini {
1098
  height: 6px;
1099
}
1100
/* Small */
1101
.uk-progress-small {
1102
  height: 12px;
1103
}
1104
/* Color modifiers
1105
 ========================================================================== */
1106
.uk-progress-success .uk-progress-bar {
1107
  background-color: #8cc14c;
1108
}
1109
.uk-progress-warning .uk-progress-bar {
1110
  background-color: #faa732;
1111
}
1112
.uk-progress-danger .uk-progress-bar {
1113
  background-color: #da314b;
1114
}
1115
/* Modifier: `uk-progress-striped`
1116
 ========================================================================== */
1117
.uk-progress-striped .uk-progress-bar {
1118
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1119
  background-size: 30px 30px;
1120
}
1121
/*
1122
 * Animation
1123
 */
1124
.uk-progress-striped.uk-active .uk-progress-bar {
1125
  -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
1126
  animation: uk-progress-bar-stripes 2s linear infinite;
1127
}
1128
@-webkit-keyframes uk-progress-bar-stripes {
1129
  0% {
1130
    background-position: 0 0;
1131
  }
1132
  100% {
1133
    background-position: 30px 0;
1134
  }
1135
}
1136
@keyframes uk-progress-bar-stripes {
1137
  0% {
1138
    background-position: 0 0;
1139
  }
1140
  100% {
1141
    background-position: 30px 0;
1142
  }
1143
}
1144
/* Size modifiers
1145
     ========================================================================== */
1146
.uk-progress-mini,
1147
.uk-progress-small {
1148
  border-radius: 500px;
1149
}
1150
.uk-progress {
1151
  -webkit-box-shadow: none;
1152
  box-shadow: none;
1153
  border-radius: 2px;
1154
}
1155
.uk-progress-bar {
1156
  background: #009688;
1157
}
1158
.uk-progress-success .uk-progress-bar {
1159
  background-color: #7cb342;
1160
}
1161
.uk-progress-danger .uk-progress-bar {
1162
  background-color: #e53935;
1163
}
1164
.uk-progress-warning .uk-progress-bar {
1165
  background-color: #ffa000;
1166
}
1167
/* htmleditor */
1168
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
1169
/* ========================================================================
1170
   Component: HTML editor
1171
 ========================================================================== */
1172
/* Sub-object `uk-htmleditor-navbar`
1173
 ========================================================================== */
1174
.uk-htmleditor-navbar {
1175
  background: #f5f5f5;
1176
  border: 1px solid rgba(0, 0, 0, 0.06);
1177
  border-top-left-radius: 4px;
1178
  border-top-right-radius: 4px;
1179
}
1180
/*
1181
 * Micro clearfix
1182
 */
1183
.uk-htmleditor-navbar:before,
1184
.uk-htmleditor-navbar:after {
1185
  content: "";
1186
  display: table;
1187
}
1188
.uk-htmleditor-navbar:after {
1189
  clear: both;
1190
}
1191
/* Sub-object `uk-htmleditor-navbar-nav`
1192
 ========================================================================== */
1193
.uk-htmleditor-navbar-nav {
1194
  margin: 0;
1195
  padding: 0;
1196
  list-style: none;
1197
  float: left;
1198
}
1199
.uk-htmleditor-navbar-nav > li {
1200
  float: left;
1201
}
1202
/*
1203
 * 1. Dimensions
1204
 * 2. Style
1205
 */
1206
.uk-htmleditor-navbar-nav > li > a {
1207
  display: block;
1208
  -webkit-box-sizing: border-box;
1209
  box-sizing: border-box;
1210
  text-decoration: none;
1211
  /* 1 */
1212
  height: 41px;
1213
  padding: 0 15px;
1214
  line-height: 40px;
1215
  /* 2 */
1216
  color: #444;
1217
  font-size: 11px;
1218
  cursor: pointer;
1219
  margin-top: -1px;
1220
  margin-left: -1px;
1221
  border: 1px solid transparent;
1222
  border-bottom-width: 0;
1223
  text-shadow: 0 1px 0 #fff;
1224
}
1225
/*
1226
 * Hover
1227
 * 1. Apply hover style also to focus state
1228
 * 2. Remove default focus style
1229
 */
1230
.uk-htmleditor-navbar-nav > li:hover > a,
1231
.uk-htmleditor-navbar-nav > li > a:focus {
1232
  background-color: #fafafa;
1233
  color: #444;
1234
  outline: none;
1235
  /* 2 */
1236
  position: relative;
1237
  z-index: 1;
1238
  border-left-color: rgba(0, 0, 0, 0.1);
1239
  border-right-color: rgba(0, 0, 0, 0.1);
1240
  border-top-color: rgba(0, 0, 0, 0.1);
1241
}
1242
/* OnClick */
1243
.uk-htmleditor-navbar-nav > li > a:active {
1244
  background-color: #eee;
1245
  color: #444;
1246
  border-left-color: rgba(0, 0, 0, 0.1);
1247
  border-right-color: rgba(0, 0, 0, 0.1);
1248
  border-top-color: rgba(0, 0, 0, 0.2);
1249
}
1250
/* Active */
1251
.uk-htmleditor-navbar-nav > li.uk-active > a {
1252
  background-color: #fafafa;
1253
  color: #444;
1254
  border-left-color: rgba(0, 0, 0, 0.1);
1255
  border-right-color: rgba(0, 0, 0, 0.1);
1256
  border-top-color: rgba(0, 0, 0, 0.1);
1257
}
1258
/* Sub-object: `uk-htmleditor-navbar-flip`
1259
 ========================================================================== */
1260
.uk-htmleditor-navbar-flip {
1261
  float: right;
1262
}
1263
/* Sub-object for special buttons
1264
 ========================================================================== */
1265
[data-mode='split'] .uk-htmleditor-button-code,
1266
[data-mode='split'] .uk-htmleditor-button-preview {
1267
  display: none;
1268
}
1269
/* Sub-object `uk-htmleditor-content`
1270
 ========================================================================== */
1271
.uk-htmleditor-content {
1272
  border-left: 1px solid #ddd;
1273
  border-right: 1px solid #ddd;
1274
  border-bottom: 1px solid #ddd;
1275
  background: #fff;
1276
  border-bottom-left-radius: 4px;
1277
  border-bottom-right-radius: 4px;
1278
}
1279
/*
1280
 * Micro clearfix
1281
 */
1282
.uk-htmleditor-content:before,
1283
.uk-htmleditor-content:after {
1284
  content: "";
1285
  display: table;
1286
}
1287
.uk-htmleditor-content:after {
1288
  clear: both;
1289
}
1290
/* Modifier `uk-htmleditor-fullscreen`
1291
 ========================================================================== */
1292
.uk-htmleditor-fullscreen {
1293
  position: fixed;
1294
  top: 0;
1295
  left: 0;
1296
  right: 0;
1297
  bottom: 0;
1298
  z-index: 990;
1299
}
1300
.uk-htmleditor-fullscreen .uk-htmleditor-content {
1301
  position: absolute;
1302
  top: 41px;
1303
  left: 0;
1304
  right: 0;
1305
  bottom: 0;
1306
}
1307
.uk-htmleditor-fullscreen .uk-icon-expand:before {
1308
  content: "\f066";
1309
}
1310
/* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview`
1311
 ========================================================================== */
1312
.uk-htmleditor-code,
1313
.uk-htmleditor-preview {
1314
  -webkit-box-sizing: border-box;
1315
  box-sizing: border-box;
1316
}
1317
.uk-htmleditor-preview {
1318
  padding: 20px;
1319
  overflow-y: scroll;
1320
  position: relative;
1321
}
1322
/*
1323
 * Tab view
1324
 */
1325
[data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview,
1326
[data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code {
1327
  display: none;
1328
}
1329
/*
1330
 * Split view
1331
 */
1332
[data-mode='split'] .uk-htmleditor-code,
1333
[data-mode='split'] .uk-htmleditor-preview {
1334
  float: left;
1335
  width: 50%;
1336
}
1337
[data-mode='split'] .uk-htmleditor-code {
1338
  border-right: 1px solid #eee;
1339
}
1340
/* Sub-object `uk-htmleditor-iframe`
1341
 ========================================================================== */
1342
.uk-htmleditor-iframe {
1343
  position: absolute;
1344
  top: 0;
1345
  left: 0;
1346
  width: 100%;
1347
  height: 100%;
1348
}
1349
/* CodeMirror modifications
1350
 ========================================================================== */
1351
.uk-htmleditor .CodeMirror {
1352
  padding: 10px;
1353
  -webkit-box-sizing: border-box;
1354
  box-sizing: border-box;
1355
}
1356
/*
1357
     * Apply same `border-radius` as `uk-htmleditor-navbar`
1358
     */
1359
.uk-htmleditor-navbar-nav:first-child > li:first-child > a {
1360
  border-top-left-radius: 4px;
1361
}
1362
/*
1363
     * Sub-modifier `uk-htmleditor-navbar-flip`
1364
     */
1365
/* Collapse border */
1366
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a {
1367
  margin-left: 0;
1368
  margin-right: -1px;
1369
}
1370
/* Apply same `border-radius` as `uk-htmleditor-navbar` */
1371
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a {
1372
  border-top-left-radius: 0;
1373
}
1374
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a {
1375
  border-top-right-radius: 4px;
1376
}
1377
/*
1378
     * Sub-modifier `uk-htmleditor-fullscreen`
1379
     */
1380
.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
1381
  border-top: none;
1382
  border-left: none;
1383
  border-right: none;
1384
  border-radius: 0;
1385
}
1386
.uk-htmleditor-fullscreen .uk-htmleditor-content {
1387
  border: none;
1388
  border-radius: 0;
1389
}
1390
.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a {
1391
  border-radius: 0 !important;
1392
}
1393
.uk-htmleditor-navbar {
1394
  border-radius: 0;
1395
  background: #f9f9f9;
1396
  border-width: 1px 1px 0;
1397
  border-style: solid;
1398
  border-color: rgba(0, 0, 0, 0.12);
1399
  overflow: hidden;
1400
}
1401
.uk-htmleditor-navbar-nav > li > a {
1402
  border: none;
1403
  border-radius: 0 !important;
1404
  height: 38px;
1405
}
1406
.uk-htmleditor-navbar-nav > li.uk-active > a {
1407
  background: #ebebeb;
1408
}
1409
.uk-htmleditor-navbar-nav > li:hover > a,
1410
.uk-htmleditor-navbar-nav > li > a:focus {
1411
  background: #ebebeb;
1412
}
1413
.uk-htmleditor-content {
1414
  border-radius: 0;
1415
  border: 1px solid rgba(0, 0, 0, 0.12);
1416
}
1417
.uk-htmleditor-fullscreen {
1418
  z-index: 1154;
1419
}
1420
.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
1421
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1422
}
1423
.uk-htmleditor-fullscreen .uk-htmleditor-content {
1424
  top: 38px;
1425
}
1426
/* upload */
1427
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
1428
/* ========================================================================
1429
   Component: Form file
1430
 ========================================================================== */
1431
/*
1432
 * 1. Behave like form elements
1433
 * 2. Create position context for dropdowns
1434
 * 3. Clip content
1435
 */
1436
.uk-form-file {
1437
  /* 1 */
1438
  display: inline-block;
1439
  vertical-align: middle;
1440
  /* 2 */
1441
  position: relative;
1442
  /* 3 */
1443
  overflow: hidden;
1444
}
1445
/*
1446
 * 1. Required for Firefox
1447
 * 2. Expand height and required for the cursor
1448
 */
1449
.uk-form-file input[type="file"] {
1450
  position: absolute;
1451
  top: 0;
1452
  z-index: 1;
1453
  width: 100%;
1454
  opacity: 0;
1455
  cursor: pointer;
1456
  /* 1 */
1457
  left: 0;
1458
  /* 2 */
1459
  font-size: 500px;
1460
}
1461
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
1462
/* ========================================================================
1463
   Component: Upload
1464
 ========================================================================== */
1465
/*
1466
 * Create a box-shadow when dragging a file over the upload area
1467
 */
1468
.uk-dragover {
1469
  -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
1470
  box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
1471
}
1472
.uk-file-upload {
1473
  width: 100%;
1474
  padding: 32px 16px;
1475
  -webkit-box-sizing: border-box;
1476
  box-sizing: border-box;
1477
  background: #f5f5f5;
1478
  text-align: center;
1479
  -webkit-transition: all 200ms ease-in;
1480
  transition: all 200ms ease-in;
1481
}
1482
.uk-file-upload p {
1483
  margin: 0;
1484
}
1485
.uk-file-upload.uk-dragover {
1486
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
1487
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
1488
}
1489
div.uk-form-file {
1490
  padding: 3px 2px;
1491
}
1492
div.uk-form-file.md-btn {
1493
  padding: 2px 12px;
1494
}
1495
.uk-form-file input[type="file"] {
1496
  position: absolute;
1497
  top: 0;
1498
  z-index: 1;
1499
  width: 100%;
1500
  opacity: 0;
1501
  cursor: pointer;
1502
  left: 0;
1503
  font-size: 500px;
1504
}
1505
.uk-form-file input[type="file"]::-webkit-file-upload-button {
1506
  cursor: pointer;
1507
}
1508
/* form select */
1509
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
1510
/* ========================================================================
1511
   Component: Form select
1512
 ========================================================================== */
1513
/*
1514
 * 1. Behave like form elements
1515
 * 2. Create position context for dropdowns
1516
 * 3. Clip content
1517
 */
1518
.uk-form-select {
1519
  /* 1 */
1520
  display: inline-block;
1521
  vertical-align: middle;
1522
  /* 2 */
1523
  position: relative;
1524
  /* 3 */
1525
  overflow: hidden;
1526
}
1527
/*
1528
 * 1. Required for Firefox
1529
 * 1. Required for Webkit to make `height` work
1530
 */
1531
.uk-form-select select {
1532
  position: absolute;
1533
  top: 0;
1534
  z-index: 1;
1535
  width: 100%;
1536
  height: 100%;
1537
  opacity: 0;
1538
  cursor: pointer;
1539
  /* 1 */
1540
  left: 0;
1541
  /* 2 */
1542
  -webkit-appearance: none;
1543
}
1544
/* datepicker */
1545
.uk-datepicker {
1546
  z-index: 1094;
1547
  width: auto;
1548
  padding: 0;
1549
}
1550
.uk-datepicker-nav {
1551
  margin-bottom: 15px;
1552
  text-align: center;
1553
  line-height: 20px;
1554
  background: #009688;
1555
  padding: 10px 0;
1556
}
1557
.uk-datepicker-nav a,
1558
.uk-datepicker-nav a:hover {
1559
  text-decoration: none;
1560
  color: #fff;
1561
}
1562
.uk-datepicker-nav .uk-form-select {
1563
  font: 400 16px / 22px "Roboto", sans-serif;
1564
  color: #fff;
1565
  text-transform: uppercase;
1566
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
1567
  padding: 0 4px;
1568
}
1569
.uk-datepicker-nav .uk-form-select + .uk-form-select {
1570
  margin-left: 2px;
1571
}
1572
.uk-datepicker-previous {
1573
  float: left;
1574
  margin-left: 8px;
1575
}
1576
.uk-datepicker-previous:after {
1577
  content: "\f053";
1578
}
1579
.uk-datepicker-next {
1580
  float: right;
1581
  margin-right: 8px;
1582
}
1583
.uk-datepicker-next:after {
1584
  content: "\f054";
1585
}
1586
.uk-datepicker-previous:after,
1587
.uk-datepicker-next:after {
1588
  width: 20px;
1589
  font-family: FontAwesome;
1590
}
1591
.uk-datepicker.dp-top {
1592
  -webkit-transform-origin: 50% 100% !important;
1593
  transform-origin: 50% 100% !important;
1594
}
1595
.uk-datepicker-table {
1596
  width: 100%;
1597
}
1598
.uk-datepicker-table th,
1599
.uk-datepicker-table td {
1600
  padding: 2px;
1601
  font: 400 13px / 15px "Roboto", sans-serif;
1602
}
1603
.uk-datepicker-table th {
1604
  color: #727272;
1605
  font-size: 12px;
1606
  text-transform: uppercase;
1607
}
1608
.uk-datepicker-table a {
1609
  display: block;
1610
  width: 30px;
1611
  line-height: 30px;
1612
  height: 30px;
1613
  text-align: center;
1614
  text-decoration: none;
1615
  border-radius: 50%;
1616
  color: #212121;
1617
}
1618
.uk-datepicker-table a:hover {
1619
  background-color: rgba(0, 0, 0, 0.085);
1620
  color: #212121;
1621
  outline: none;
1622
}
1623
.uk-datepicker-table a.uk-active {
1624
  background-color: #009688;
1625
  color: #fff;
1626
}
1627
a.uk-datepicker-table-muted {
1628
  color: #999;
1629
}
1630
/* autocomplete, timepicker */
1631
.uk-autocomplete .uk-dropdown {
1632
  display: block;
1633
  max-height: 0;
1634
  padding: 0;
1635
  overflow-x: hidden;
1636
  overflow-y: auto;
1637
  border-radius: 0;
1638
  border: none;
1639
  -webkit-transform: scale(0.25, 0);
1640
  transform: scale(0.25, 0);
1641
  opacity: 0;
1642
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
1643
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
1644
  -webkit-animation: none !important;
1645
  animation: none !important;
1646
  -webkit-transform-origin: 0 0;
1647
  transform-origin: 0 0;
1648
}
1649
.uk-autocomplete.uk-open .uk-dropdown {
1650
  -webkit-transform: scale(1);
1651
  transform: scale(1);
1652
  opacity: 1;
1653
  max-height: 210px;
1654
}
1655
[data-uk-autocomplete] .uk-dropdown {
1656
  width: 100%;
1657
  -webkit-box-sizing: border-box;
1658
  box-sizing: border-box;
1659
}
1660
[data-uk-autocomplete] .uk-dropdown .uk-nav {
1661
  margin: 0;
1662
}
1663
/* password toggle */
1664
.uk-form-password-toggle {
1665
  position: absolute;
1666
  right: 8px;
1667
  top: 16px;
1668
  color: #727272;
1669
}
1670
.uk-form-password-toggle:hover {
1671
  color: #727272;
1672
}
1673
/* nestable */
1674
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
1675
/* ========================================================================
1676
   Component: Nestable
1677
 ========================================================================== */
1678
.uk-nestable {
1679
  padding: 0;
1680
  list-style: none;
1681
}
1682
/*
1683
 * Disables the default callout shown when you touch and hold a touch target
1684
 * Currently only works in Webkit
1685
 */
1686
.uk-nestable a,
1687
.uk-nestable img {
1688
  -webkit-touch-callout: none;
1689
}
1690
/* Sub-object `uk-nestable-list`
1691
 ========================================================================== */
1692
.uk-nestable-list {
1693
  margin: 0;
1694
  padding-left: 40px;
1695
  list-style: none;
1696
}
1697
/* Sub-modifier `uk-nestable-item`
1698
 ========================================================================== */
1699
/*
1700
 * 1. Deactivate browser touch actions in IE11
1701
 */
1702
.uk-nestable-item {
1703
  /* 1 */
1704
  -ms-touch-action: none;
1705
  touch-action: none;
1706
}
1707
.uk-nestable-item + .uk-nestable-item {
1708
  margin-top: 10px;
1709
}
1710
.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child {
1711
  margin-top: 10px;
1712
}
1713
/* Sub-modifier `uk-nestable-dragged`
1714
 ========================================================================== */
1715
/*
1716
 * 1. Reset style
1717
 */
1718
.uk-nestable-dragged {
1719
  position: absolute;
1720
  z-index: 1050;
1721
  pointer-events: none;
1722
  /* 1 */
1723
  padding-left: 0;
1724
}
1725
/* Sub-modifier `uk-nestable-placeholder`
1726
 ========================================================================== */
1727
.uk-nestable-placeholder {
1728
  position: relative;
1729
}
1730
.uk-nestable-placeholder > * {
1731
  opacity: 0;
1732
}
1733
.uk-nestable-placeholder:after {
1734
  content: '';
1735
  position: absolute;
1736
  top: 0;
1737
  bottom: 0;
1738
  left: 0;
1739
  right: 0;
1740
  border: 1px dashed #ddd;
1741
  opacity: 1;
1742
}
1743
/* Empty List
1744
 ========================================================================== */
1745
.uk-nestable-empty {
1746
  min-height: 30px;
1747
}
1748
/* Sub-object `uk-nestable-handle`
1749
 ========================================================================== */
1750
/*
1751
 * Deactivate browser touch actions in IE11
1752
 */
1753
.uk-nestable-handle {
1754
  -ms-touch-action: none;
1755
  touch-action: none;
1756
}
1757
/* Hover */
1758
.uk-nestable-handle:hover {
1759
  cursor: move;
1760
}
1761
/* Sub-object `uk-nestable-moving`
1762
 ========================================================================== */
1763
.uk-nestable-moving,
1764
.uk-nestable-moving * {
1765
  cursor: move;
1766
}
1767
/* Fixes dragging items over iframes */
1768
.uk-nestable-moving iframe {
1769
  pointer-events: none;
1770
}
1771
/* [data-nestable-action='toggle']
1772
 ========================================================================== */
1773
/*
1774
 * 1. Makes text unselectable. Happens if double clicked by mistake
1775
 */
1776
[data-nestable-action='toggle'] {
1777
  cursor: pointer;
1778
  /* 1 */
1779
  -moz-user-select: none;
1780
  -webkit-user-select: none;
1781
  -ms-user-select: none;
1782
  user-select: none;
1783
}
1784
/* Sub-object `.uk-nestable-toggle`
1785
 ========================================================================== */
1786
.uk-nestable-toggle {
1787
  display: inline-block;
1788
  visibility: hidden;
1789
}
1790
.uk-nestable-toggle:after {
1791
  content: "\f147";
1792
  font-family: FontAwesome;
1793
}
1794
.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle {
1795
  visibility: visible;
1796
}
1797
/*
1798
 * Collapsed
1799
 */
1800
.uk-collapsed .uk-nestable-list {
1801
  display: none;
1802
}
1803
.uk-collapsed .uk-nestable-toggle:after {
1804
  content: "\f196";
1805
}
1806
/* Sub-object `uk-nestable-panel`
1807
 ========================================================================== */
1808
.uk-nestable-panel {
1809
  padding: 5px;
1810
  background: #f5f5f5;
1811
  border-radius: 4px;
1812
  border: 1px solid rgba(0, 0, 0, 0.06);
1813
  text-shadow: 0 1px 0 #fff;
1814
}
1815
.uk-nestable-handle {
1816
  margin-right: 16px;
1817
}
1818
.uk-nestable-panel {
1819
  padding: 8px 16px;
1820
  background: #fff;
1821
  border-radius: 4px;
1822
  border: none;
1823
  text-shadow: none;
1824
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1825
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1826
}
1827
.uk-nestable-placeholder:after {
1828
  content: '';
1829
  position: absolute;
1830
  top: 0;
1831
  bottom: 0;
1832
  left: 0;
1833
  right: 0;
1834
  border: none;
1835
  background: rgba(0, 0, 0, 0.085);
1836
  opacity: 1;
1837
}
1838
.uk-nestable-toggle {
1839
  font-size: 18px;
1840
  height: 18px;
1841
  width: 18px;
1842
  line-height: 18px;
1843
  overflow: hidden;
1844
  vertical-align: middle;
1845
  margin-right: 8px;
1846
  display: none;
1847
}
1848
.uk-nestable-toggle:after {
1849
  vertical-align: top;
1850
  content: '\e316';
1851
  font-family: "Material Icons";
1852
}
1853
.uk-parent > .uk-nestable-panel .uk-nestable-toggle {
1854
  display: inline-block;
1855
}
1856
.uk-collapsed .uk-nestable-toggle:after {
1857
  content: "\e313";
1858
}
1859
/* notify */
1860
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
1861
/* ========================================================================
1862
   Component: Notify
1863
 ========================================================================== */
1864
/*
1865
 * Message container for positioning
1866
 */
1867
.uk-notify {
1868
  position: fixed;
1869
  top: 10px;
1870
  left: 10px;
1871
  z-index: 1040;
1872
  -webkit-box-sizing: border-box;
1873
  box-sizing: border-box;
1874
  width: 350px;
1875
}
1876
/* Position modifiers
1877
========================================================================== */
1878
.uk-notify-top-right,
1879
.uk-notify-bottom-right {
1880
  left: auto;
1881
  right: 10px;
1882
}
1883
.uk-notify-top-center,
1884
.uk-notify-bottom-center {
1885
  left: 50%;
1886
  margin-left: -175px;
1887
}
1888
.uk-notify-bottom-left,
1889
.uk-notify-bottom-right,
1890
.uk-notify-bottom-center {
1891
  top: auto;
1892
  bottom: 10px;
1893
}
1894
/* Responsiveness
1895
========================================================================== */
1896
/* Phones portrait and smaller */
1897
@media (max-width: 479px) {
1898
  /*
1899
     * Fit in small screen
1900
     */
1901
  .uk-notify {
1902
    left: 10px;
1903
    right: 10px;
1904
    width: auto;
1905
    margin: 0;
1906
  }
1907
}
1908
/* Sub-object: `uk-notify-message`
1909
========================================================================== */
1910
.uk-notify-message {
1911
  position: relative;
1912
  margin-bottom: 10px;
1913
  padding: 15px;
1914
  background: #444;
1915
  color: #fff;
1916
  font-size: 16px;
1917
  line-height: 22px;
1918
  cursor: pointer;
1919
  border: 1px solid #444;
1920
  border-radius: 4px;
1921
}
1922
/* Close in notify
1923
 ========================================================================== */
1924
.uk-notify-message > .uk-close {
1925
  visibility: hidden;
1926
  float: right;
1927
}
1928
.uk-notify-message:hover > .uk-close {
1929
  visibility: visible;
1930
}
1931
/* Modifier: `uk-notify-message-primary`
1932
 ========================================================================== */
1933
.uk-notify-message-primary {
1934
  background: #ebf7fd;
1935
  color: #2d7091;
1936
  border-color: rgba(45, 112, 145, 0.3);
1937
}
1938
/* Modifier: `uk-notify-message-success`
1939
 ========================================================================== */
1940
.uk-notify-message-success {
1941
  background: #f2fae3;
1942
  color: #659f13;
1943
  border-color: rgba(101, 159, 19, 0.3);
1944
}
1945
/* Modifier: `uk-notify-message-warning`
1946
 ========================================================================== */
1947
.uk-notify-message-warning {
1948
  background: #fffceb;
1949
  color: #e28327;
1950
  border-color: rgba(226, 131, 39, 0.3);
1951
}
1952
/* Modifier: `uk-notify-message-danger`
1953
 ========================================================================== */
1954
.uk-notify-message-danger {
1955
  background: #fff1f0;
1956
  color: #d85030;
1957
  border-color: rgba(216, 80, 48, 0.3);
1958
}
1959
.uk-notify {
1960
  z-index: 1114;
1961
  width: 400px;
1962
  top: 56px;
1963
  max-width: 100%;
1964
}
1965
.uk-notify-top-center,
1966
.uk-notify-bottom-center {
1967
  margin-left: -200px;
1968
}
1969
.uk-notify-top-left {
1970
  left: 24px;
1971
}
1972
.uk-notify-top-right {
1973
  right: 24px;
1974
}
1975
.uk-notify-bottom-left {
1976
  left: 24px;
1977
}
1978
.uk-notify-bottom-right {
1979
  right: 24px;
1980
}
1981
.uk-notify-bottom-center,
1982
.uk-notify-bottom-left,
1983
.uk-notify-bottom-right {
1984
  top: auto;
1985
  bottom: 8px;
1986
}
1987
.uk-notify-message {
1988
  background: #323232;
1989
  border-radius: 4px;
1990
  padding: 12px 16px;
1991
  font-size: 14px;
1992
  line-height: 18px;
1993
  border: none;
1994
}
1995
.uk-notify .uk-close {
1996
  display: none;
1997
}
1998
.uk-notify .notify-action {
1999
  float: right;
2000
  text-transform: uppercase;
2001
  color: #8bc34a;
2002
  margin-left: 16px;
2003
}
2004
.uk-notify .notify-action:hover {
2005
  color: #689f38;
2006
}
2007
.uk-notify .notify-content {
2008
  overflow: hidden;
2009
}
2010
.uk-notify-message-info {
2011
  background: #1976d2;
2012
  color: #fff;
2013
}
2014
.uk-notify-message-success {
2015
  background: #7cb342;
2016
}
2017
.uk-notify-message-warning {
2018
  background: #ffa000;
2019
}
2020
.uk-notify-message-danger {
2021
  background: #e53935;
2022
}
2023
.uk-notify-message-info,
2024
.uk-notify-message-success,
2025
.uk-notify-message-warning,
2026
.uk-notify-message-danger {
2027
  color: #fff;
2028
}
2029
.uk-notify-message-info .notify-action,
2030
.uk-notify-message-success .notify-action,
2031
.uk-notify-message-warning .notify-action,
2032
.uk-notify-message-danger .notify-action {
2033
  color: #fff;
2034
}
2035
.uk-notify-message-info .notify-action:hover,
2036
.uk-notify-message-success .notify-action:hover,
2037
.uk-notify-message-warning .notify-action:hover,
2038
.uk-notify-message-danger .notify-action:hover {
2039
  color: #fff;
2040
  text-decoration: underline;
2041
}
2042
@media only screen and (max-width: 767px) {
2043
  .uk-notify-top-center,
2044
  .uk-notify-top-left,
2045
  .uk-notify-top-right,
2046
  .uk-notify-bottom-center,
2047
  .uk-notify-bottom-left,
2048
  .uk-notify-bottom-right {
2049
    width: 100%;
2050
    margin: 0;
2051
    left: 0;
2052
    right: 0;
2053
  }
2054
  .uk-notify-top-center > .uk-notify-message,
2055
  .uk-notify-top-left > .uk-notify-message,
2056
  .uk-notify-top-right > .uk-notify-message,
2057
  .uk-notify-bottom-center > .uk-notify-message,
2058
  .uk-notify-bottom-left > .uk-notify-message,
2059
  .uk-notify-bottom-right > .uk-notify-message {
2060
    border-radius: 0;
2061
    padding: 16px 32px;
2062
  }
2063
  .uk-notify-top-center,
2064
  .uk-notify-top-left,
2065
  .uk-notify-top-right {
2066
    top: 0;
2067
    bottom: auto;
2068
  }
2069
  .uk-notify-bottom-center,
2070
  .uk-notify-bottom-left,
2071
  .uk-notify-bottom-right {
2072
    top: auto;
2073
    bottom: -10px;
2074
  }
2075
}
2076
@media only screen and (min-width: 960px) {
2077
  .sidebar_main_active .uk-notify-top-left,
2078
  .sidebar_main_open .uk-notify-top-left {
2079
    left: 256px;
2080
  }
2081
  .sidebar_main_active .uk-notify-top-center,
2082
  .sidebar_main_open .uk-notify-top-center {
2083
    margin-left: -80px;
2084
  }
2085
  .sidebar_main_active .uk-notify-bottom-left,
2086
  .sidebar_main_open .uk-notify-bottom-left {
2087
    left: 256px;
2088
  }
2089
  .sidebar_main_active .uk-notify-bottom-center,
2090
  .sidebar_main_open .uk-notify-bottom-center {
2091
    margin-left: -80px;
2092
  }
2093
}
2094
/* slideshow */
2095
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2096
/* ========================================================================
2097
   Component: Slideshow
2098
 ========================================================================== */
2099
/*
2100
 * 1. Create position context
2101
 * 2. Create stacking context to prevent z-index issues with other components
2102
 * 3. Set width because child elements are positioned absolute. Height is set via JS
2103
 * 4. Reset list style
2104
 * 5. Clip child elements
2105
 * 6. Deactivate browser history navigation in IE11
2106
 */
2107
.uk-slideshow {
2108
  /* 1 */
2109
  position: relative;
2110
  /* 2 */
2111
  z-index: 0;
2112
  /* 3 */
2113
  width: 100%;
2114
  /* 4 */
2115
  margin: 0;
2116
  padding: 0;
2117
  list-style: none;
2118
  /* 5 */
2119
  overflow: hidden;
2120
  /* 6 */
2121
  -ms-touch-action: pan-y;
2122
  touch-action: pan-y;
2123
}
2124
/*
2125
 * Sub-object item
2126
 * 1. Position items above each other
2127
 * 2. Expand to parent container width
2128
 * 3. Hide by default
2129
 */
2130
.uk-slideshow > li {
2131
  /* 1 */
2132
  position: absolute;
2133
  top: 0;
2134
  left: 0;
2135
  /* 2 */
2136
  width: 100%;
2137
  /* 3 */
2138
  opacity: 0;
2139
}
2140
/*
2141
 * Active
2142
 * 1. Stack at first
2143
 * 2. Show slide
2144
 */
2145
.uk-slideshow > .uk-active {
2146
  /* 1 */
2147
  z-index: 10;
2148
  /* 2 */
2149
  opacity: 1;
2150
}
2151
/*
2152
 * Hide default images which is only relevant to keep existing proportions
2153
 */
2154
.uk-slideshow > li > img {
2155
  visibility: hidden;
2156
}
2157
/*
2158
 * Pointer for controls
2159
 */
2160
[data-uk-slideshow-slide] {
2161
  cursor: pointer;
2162
}
2163
/* Modifier: `uk-slideshow-fullscreen`
2164
 ========================================================================== */
2165
.uk-slideshow-fullscreen,
2166
.uk-slideshow-fullscreen > li {
2167
  height: 100vh;
2168
}
2169
/* Animations
2170
 ========================================================================== */
2171
/*
2172
 * Fade
2173
 */
2174
.uk-slideshow-fade-in {
2175
  -webkit-animation: uk-fade 0.5s linear;
2176
  animation: uk-fade 0.5s linear;
2177
}
2178
.uk-slideshow-fade-out {
2179
  -webkit-animation: uk-fade 0.5s linear reverse;
2180
  animation: uk-fade 0.5s linear reverse;
2181
}
2182
/*
2183
 * Scroll
2184
 */
2185
.uk-slideshow-scroll-forward-in {
2186
  -webkit-animation: uk-slide-right 0.5s ease-in-out;
2187
  animation: uk-slide-right 0.5s ease-in-out;
2188
}
2189
.uk-slideshow-scroll-forward-out {
2190
  -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
2191
  animation: uk-slide-left 0.5s ease-in-out reverse;
2192
}
2193
.uk-slideshow-scroll-backward-in {
2194
  -webkit-animation: uk-slide-left 0.5s ease-in-out;
2195
  animation: uk-slide-left 0.5s ease-in-out;
2196
}
2197
.uk-slideshow-scroll-backward-out {
2198
  -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
2199
  animation: uk-slide-right 0.5s ease-in-out reverse;
2200
}
2201
/*
2202
 * Scale
2203
 */
2204
.uk-slideshow-scale-out {
2205
  -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;
2206
  animation: uk-fade-scale-15 0.5s ease-in-out reverse;
2207
}
2208
/*
2209
 * Swipe
2210
 */
2211
.uk-slideshow-swipe-forward-in {
2212
  -webkit-animation: uk-slide-left-33 0.5s ease-in-out;
2213
  animation: uk-slide-left-33 0.5s ease-in-out;
2214
}
2215
.uk-slideshow-swipe-forward-out {
2216
  -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
2217
  animation: uk-slide-left 0.5s ease-in-out reverse;
2218
}
2219
.uk-slideshow-swipe-backward-in {
2220
  -webkit-animation: uk-slide-right-33 0.5s ease-in-out;
2221
  animation: uk-slide-right-33 0.5s ease-in-out;
2222
}
2223
.uk-slideshow-swipe-backward-out {
2224
  -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
2225
  animation: uk-slide-right 0.5s ease-in-out reverse;
2226
}
2227
.uk-slideshow-swipe-forward-in:before,
2228
.uk-slideshow-swipe-backward-in:before {
2229
  content: '';
2230
  position: absolute;
2231
  top: 0;
2232
  bottom: 0;
2233
  left: 0;
2234
  right: 0;
2235
  z-index: 1;
2236
  background: rgba(0, 0, 0, 0.6);
2237
  -webkit-animation: uk-fade 0.5s ease-in-out reverse;
2238
  animation: uk-fade 0.5s ease-in-out reverse;
2239
}
2240
/* slider */
2241
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2242
/* ========================================================================
2243
   Component: Slider
2244
 ========================================================================== */
2245
/*
2246
 * RTL Compatibility
2247
 */
2248
[data-uk-slider] {
2249
  direction: ltr;
2250
}
2251
html[dir="rtl"] .uk-slider > * {
2252
  direction: rtl;
2253
}
2254
/*
2255
 * 1. Create position context
2256
 * 2. Create stacking context to prevent z-index issues with other components
2257
 * 3. Deactivate browser history navigation in IE11
2258
 */
2259
.uk-slider {
2260
  /* 1 */
2261
  position: relative;
2262
  /* 2 */
2263
  z-index: 0;
2264
  /* 3 */
2265
  -ms-touch-action: pan-y;
2266
  touch-action: pan-y;
2267
}
2268
/*
2269
 * 1. Reset list style without interfering with grid
2270
 */
2271
.uk-slider:not(.uk-grid) {
2272
  /* 1 */
2273
  margin: 0;
2274
  padding: 0;
2275
  list-style: none;
2276
}
2277
/*
2278
 * Sub-object item
2279
 * 1. Position items above each other
2280
 */
2281
.uk-slider > * {
2282
  /* 1 */
2283
  position: absolute;
2284
  top: 0;
2285
  left: 0;
2286
}
2287
/*
2288
 * Clip child elements
2289
 */
2290
.uk-slider-container {
2291
  overflow: hidden;
2292
}
2293
/*
2294
 * Dragged
2295
 */
2296
.uk-slider:not(.uk-drag) {
2297
  -webkit-transition: -webkit-transform 200ms linear;
2298
  transition: -webkit-transform 200ms linear;
2299
  transition: transform 200ms linear;
2300
  transition: transform 200ms linear, -webkit-transform 200ms linear;
2301
}
2302
/*
2303
 * 1. Makes text unselectable
2304
 */
2305
.uk-slider.uk-drag {
2306
  cursor: col-resize;
2307
  /* 1 */
2308
  -moz-user-select: none;
2309
  -webkit-user-select: none;
2310
  -ms-user-select: none;
2311
  user-select: none;
2312
}
2313
/*
2314
 * 1. Prevents images and links from being dragged (default browser behavior)
2315
 * 2. Disables the default callout shown when you touch and hold a touch target
2316
 * Currently only works in Webkit
2317
 */
2318
.uk-slider a,
2319
.uk-slider img {
2320
  /* 1 */
2321
  -webkit-user-drag: none;
2322
  user-drag: none;
2323
  /* 2 */
2324
  -webkit-touch-callout: none;
2325
}
2326
/*
2327
 * 1. Prevents images and links from being dragged in Firefox
2328
 */
2329
.uk-slider img {
2330
  pointer-events: none;
2331
}
2332
/* Modifier: `uk-slider-fullscreen`
2333
 ========================================================================== */
2334
.uk-slider-fullscreen,
2335
.uk-slider-fullscreen > li {
2336
  height: 100vh;
2337
}
2338
.uk-slider .uk-active .md-card {
2339
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
2340
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
2341
}
2342
.uk-slider-center li {
2343
  opacity: 0.4;
2344
}
2345
.uk-slider-center li.uk-active {
2346
  opacity: 1;
2347
}
2348
/* slidenav */
2349
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2350
/* ========================================================================
2351
   Component: Slidenav
2352
 ========================================================================== */
2353
/*
2354
 * 1. Required for `a` elements
2355
 * 2. Dimension
2356
 * 3. Style
2357
 */
2358
.uk-slidenav {
2359
  /* 1 */
2360
  display: inline-block;
2361
  /* 2 */
2362
  -webkit-box-sizing: border-box;
2363
  box-sizing: border-box;
2364
  width: 60px;
2365
  height: 60px;
2366
  /* 3 */
2367
  line-height: 60px;
2368
  color: rgba(50, 50, 50, 0.4);
2369
  font-size: 60px;
2370
  text-align: center;
2371
}
2372
/*
2373
 * Hover
2374
 * 1. Apply hover style also to focus state
2375
 * 2. Remove default focus style
2376
 * 3. Required for `a` elements
2377
 * 4. Style
2378
 */
2379
.uk-slidenav:hover,
2380
.uk-slidenav:focus {
2381
  /* 2 */
2382
  outline: none;
2383
  /* 3 */
2384
  text-decoration: none;
2385
  /* 4 */
2386
  color: rgba(50, 50, 50, 0.7);
2387
  cursor: pointer;
2388
}
2389
/* Active */
2390
.uk-slidenav:active {
2391
  color: rgba(50, 50, 50, 0.9);
2392
}
2393
/*
2394
 * Icons
2395
 */
2396
.uk-slidenav-previous:before {
2397
  content: "\f104";
2398
  font-family: FontAwesome;
2399
}
2400
.uk-slidenav-next:before {
2401
  content: "\f105";
2402
  font-family: FontAwesome;
2403
}
2404
/* Sub-object: `uk-slidenav-position`
2405
 ========================================================================== */
2406
/*
2407
 * Create position context
2408
 */
2409
.uk-slidenav-position {
2410
  position: relative;
2411
}
2412
/*
2413
 * Center vertically
2414
 */
2415
.uk-slidenav-position .uk-slidenav {
2416
  display: none;
2417
  position: absolute;
2418
  top: 50%;
2419
  z-index: 1;
2420
  margin-top: -30px;
2421
}
2422
.uk-slidenav-position:hover .uk-slidenav {
2423
  display: block;
2424
}
2425
.uk-slidenav-position .uk-slidenav-previous {
2426
  left: 20px;
2427
}
2428
.uk-slidenav-position .uk-slidenav-next {
2429
  right: 20px;
2430
}
2431
/* Modifier: `uk-slidenav-contrast`
2432
 ========================================================================== */
2433
.uk-slidenav-contrast {
2434
  color: rgba(255, 255, 255, 0.5);
2435
}
2436
/*
2437
 * Hover
2438
 * 1. Apply hover style also to focus state
2439
 */
2440
.uk-slidenav-contrast:hover,
2441
.uk-slidenav-contrast:focus {
2442
  color: rgba(255, 255, 255, 0.7);
2443
}
2444
/* Active */
2445
.uk-slidenav-contrast:active {
2446
  color: rgba(255, 255, 255, 0.9);
2447
}
2448
/* tooltips */
2449
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2450
/* ========================================================================
2451
   Component: Tooltip
2452
 ========================================================================== */
2453
/*
2454
 * 1. Hide by default
2455
 * 2. Set fixed position
2456
 * 3. Set dimensions
2457
 * 4. Set style
2458
 */
2459
.uk-tooltip {
2460
  /* 1 */
2461
  display: none;
2462
  /* 2 */
2463
  position: absolute;
2464
  z-index: 1030;
2465
  /* 3 */
2466
  -webkit-box-sizing: border-box;
2467
  box-sizing: border-box;
2468
  max-width: 200px;
2469
  padding: 5px 8px;
2470
  /* 4 */
2471
  background: #333;
2472
  color: rgba(255, 255, 255, 0.7);
2473
  font-size: 12px;
2474
  line-height: 18px;
2475
  border-radius: 3px;
2476
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
2477
}
2478
/* Triangle
2479
 ========================================================================== */
2480
/*
2481
 * 1. Dashed is less antialised than solid
2482
 */
2483
.uk-tooltip:after {
2484
  content: "";
2485
  display: block;
2486
  position: absolute;
2487
  width: 0;
2488
  height: 0;
2489
  /* 1 */
2490
  border: 5px dashed #333;
2491
}
2492
/* Direction modifiers
2493
 ========================================================================== */
2494
/*
2495
 * Top
2496
 */
2497
.uk-tooltip-top:after,
2498
.uk-tooltip-top-left:after,
2499
.uk-tooltip-top-right:after {
2500
  bottom: -5px;
2501
  border-top-style: solid;
2502
  border-bottom: none;
2503
  border-left-color: transparent;
2504
  border-right-color: transparent;
2505
  border-top-color: #333;
2506
}
2507
/*
2508
 * Bottom
2509
 */
2510
.uk-tooltip-bottom:after,
2511
.uk-tooltip-bottom-left:after,
2512
.uk-tooltip-bottom-right:after {
2513
  top: -5px;
2514
  border-bottom-style: solid;
2515
  border-top: none;
2516
  border-left-color: transparent;
2517
  border-right-color: transparent;
2518
  border-bottom-color: #333;
2519
}
2520
/*
2521
 * Top/Bottom center
2522
 */
2523
.uk-tooltip-top:after,
2524
.uk-tooltip-bottom:after {
2525
  left: 50%;
2526
  margin-left: -5px;
2527
}
2528
/*
2529
 * Top/Bottom left
2530
 */
2531
.uk-tooltip-top-left:after,
2532
.uk-tooltip-bottom-left:after {
2533
  left: 10px;
2534
}
2535
/*
2536
 * Top/Bottom right
2537
 */
2538
.uk-tooltip-top-right:after,
2539
.uk-tooltip-bottom-right:after {
2540
  right: 10px;
2541
}
2542
/*
2543
 * Left
2544
 */
2545
.uk-tooltip-left:after {
2546
  right: -5px;
2547
  top: 50%;
2548
  margin-top: -5px;
2549
  border-left-style: solid;
2550
  border-right: none;
2551
  border-top-color: transparent;
2552
  border-bottom-color: transparent;
2553
  border-left-color: #333;
2554
}
2555
/*
2556
 * Right
2557
 */
2558
.uk-tooltip-right:after {
2559
  left: -5px;
2560
  top: 50%;
2561
  margin-top: -5px;
2562
  border-right-style: solid;
2563
  border-left: none;
2564
  border-top-color: transparent;
2565
  border-bottom-color: transparent;
2566
  border-right-color: #333;
2567
}
2568
.uk-tooltip {
2569
  background: #424242;
2570
  color: #fff;
2571
  font-size: 13px;
2572
  padding: 3px 16px;
2573
  line-height: 22px;
2574
  text-shadow: none;
2575
  min-width: 80px;
2576
  text-align: center;
2577
  z-index: 1304;
2578
  opacity: 0;
2579
}
2580
.uk-tooltip .uk-tooltip-inner {
2581
  text-overflow: ellipsis;
2582
  display: inline-block;
2583
  vertical-align: top;
2584
  white-space: nowrap;
2585
  overflow: hidden;
2586
  width: 100%;
2587
}
2588
.uk-tooltip:after {
2589
  display: none !important;
2590
}
2591
.uk-tooltip.long-text {
2592
  text-align: left;
2593
}
2594
.uk-tooltip.long-text .uk-tooltip-inner {
2595
  white-space: normal;
2596
  overflow: visible;
2597
  line-height: 18px;
2598
  padding: 4px 0;
2599
}
2600
.uk-tooltip-small {
2601
  -webkit-transform: scale(0.85);
2602
  transform: scale(0.85);
2603
}
2604
.uk-tooltip-top {
2605
  z-index: 9999;
2606
}
2607
.touch .uk-tooltip {
2608
  opacity: 1;
2609
}
2610
/* tabs */
2611
.uk-tab {
2612
  border-bottom-color: rgba(0, 0, 0, 0.12);
2613
}
2614
.uk-sticky-placeholder .uk-tab {
2615
  background: #fff;
2616
  padding-top: 8px;
2617
}
2618
.uk-tab > li {
2619
  margin-bottom: 0;
2620
  margin-top: 0 ;
2621
  z-index: 1;
2622
}
2623
.uk-tab > li > a {
2624
  font-size: 13px;
2625
  text-transform: uppercase;
2626
  color: #212121;
2627
  border: none;
2628
  border-bottom: 2px solid transparent;
2629
  border-radius: 0 !important;
2630
  font-weight: 500;
2631
  min-width: 100px;
2632
  max-width: 100%;
2633
  text-align: center;
2634
  -webkit-transition: all 220ms cubic-bezier(0.4, 0, 0.2, 1);
2635
  transition: all 220ms cubic-bezier(0.4, 0, 0.2, 1);
2636
  padding: 8px !important;
2637
  margin: 0 !important;
2638
  -webkit-box-sizing: border-box;
2639
  box-sizing: border-box;
2640
  position: relative;
2641
  top: 1px;
2642
  text-shadow: none;
2643
}
2644
.uk-tab > li > a:hover,
2645
.uk-tab > li > a:focus {
2646
  background: none;
2647
  color: #212121;
2648
  border-bottom-color: #b2dbfb;
2649
}
2650
.uk-tab > li.uk-active > a {
2651
  background: transparent !important;
2652
  border-bottom-color: #2196f3;
2653
}
2654
.uk-tab > li.uk-disabled > a,
2655
.uk-tab > li.uk-disabled > a:hover,
2656
.uk-tab > li.uk-disabled > a:focus {
2657
  color: #aaa;
2658
}
2659
.uk-tab-bottom li {
2660
  margin-top: 0;
2661
}
2662
.uk-tab-bottom li > a {
2663
  border-top: 2px solid transparent;
2664
  border-bottom: none;
2665
  top: auto;
2666
  bottom: 1px;
2667
}
2668
.uk-tab-bottom li > a:hover,
2669
.uk-tab-bottom li > a:focus {
2670
  border-top-color: #b2dbfb;
2671
}
2672
.uk-tab-bottom li.uk-active > a {
2673
  border-top-color: #2196f3;
2674
}
2675
.uk-tab-left {
2676
  border-bottom: none;
2677
}
2678
.uk-tab-left li > a {
2679
  border-right: 2px solid transparent;
2680
  border-bottom: none;
2681
  text-align: right;
2682
  top: auto;
2683
  bottom: auto;
2684
}
2685
.uk-tab-left li > a:hover,
2686
.uk-tab-left li > a:focus {
2687
  border-right-color: #b2dbfb;
2688
}
2689
.uk-tab-left li.uk-active > a {
2690
  border-right-color: #2196f3;
2691
}
2692
.uk-tab-right {
2693
  border-bottom: none;
2694
}
2695
.uk-tab-right li > a {
2696
  border-left: 2px solid transparent;
2697
  border-bottom: none;
2698
  text-align: left;
2699
  top: auto;
2700
  bottom: auto;
2701
}
2702
.uk-tab-right li > a:hover,
2703
.uk-tab-right li > a:focus {
2704
  border-left-color: #b2dbfb;
2705
}
2706
.uk-tab-right li.uk-active > a {
2707
  border-left-color: #2196f3;
2708
}
2709
.uk-tab-responsive li a {
2710
  border: none !important;
2711
}
2712
.uk-tab-responsive > a:before {
2713
  content: '\e5d2';
2714
  font-family: "Material Icons";
2715
  color: #727272;
2716
  margin-right: 8px;
2717
  vertical-align: -4px;
2718
  font-size: 18px;
2719
}
2720
.uk-tab-icons > li > a {
2721
  min-width: 64px;
2722
}
2723
.uk-tab-icons > li > a > .material-icons {
2724
  font-size: 24px;
2725
}
2726
.uk-tab-double-header {
2727
  margin: 10px 24px 0 !important;
2728
}
2729
.uk-tab-double-header > li > a {
2730
  color: #fff;
2731
  border-bottom: 4px solid transparent;
2732
}
2733
.uk-tab-double-header > li > a:hover,
2734
.uk-tab-double-header > li > a:focus {
2735
  color: #fff;
2736
  border-bottom-color: #39a1f4;
2737
}
2738
.uk-tab-double-header > li.uk-active > a {
2739
  color: #fff;
2740
  border-bottom-color: #7cb342;
2741
}
2742
.uk-tab-double-header > li.uk-tab-responsive > a {
2743
  border-bottom: none;
2744
  padding-bottom: 5px !important;
2745
}
2746
.uk-tab-double-header > li.uk-tab-responsive > a:before {
2747
  color: #fff;
2748
}
2749
/* text truncate */
2750
.uk-text-truncate {
2751
  display: block;
2752
}
2753
/* sortable */
2754
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2755
/* ========================================================================
2756
   Component: Sortable
2757
 ========================================================================== */
2758
.uk-sortable {
2759
  position: relative;
2760
}
2761
/*
2762
 * Deactivate browser touch actions in IE11
2763
 */
2764
.uk-sortable > * {
2765
  -ms-touch-action: none;
2766
  touch-action: none;
2767
}
2768
/*
2769
 * Disables the default callout shown when you touch and hold a touch target
2770
 * Currently only works in Webkit
2771
 */
2772
.uk-sortable a,
2773
.uk-sortable img {
2774
  -webkit-touch-callout: none;
2775
}
2776
/*
2777
 * Remove margin from the last-child
2778
 */
2779
.uk-sortable > :last-child {
2780
  margin-bottom: 0;
2781
}
2782
/* Sub-modifier `uk-sortable-dragged`
2783
 ========================================================================== */
2784
.uk-sortable-dragged {
2785
  position: absolute;
2786
  z-index: 1050;
2787
  pointer-events: none;
2788
}
2789
/* Sub-modifier `uk-sortable-placeholder`
2790
 ========================================================================== */
2791
.uk-sortable-placeholder {
2792
  opacity: 0;
2793
}
2794
/* Empty List
2795
 ========================================================================== */
2796
.uk-sortable-empty {
2797
  min-height: 30px;
2798
}
2799
/* Sub-object `uk-sortable-handle`
2800
 ========================================================================== */
2801
/*
2802
 * Deactivate browser touch actions in IE11
2803
 */
2804
.uk-sortable-handle {
2805
  -ms-touch-action: none;
2806
  touch-action: none;
2807
}
2808
/* Hover */
2809
.uk-sortable-handle:hover {
2810
  cursor: move;
2811
}
2812
/* Sub-object `uk-sortable-moving`
2813
 ========================================================================== */
2814
.uk-sortable-moving,
2815
.uk-sortable-moving * {
2816
  cursor: move;
2817
}
2818
/* Fixes dragging items over iframes */
2819
.uk-sortable-moving iframe {
2820
  pointer-events: none;
2821
}
2822
.uk-sortable > * {
2823
  -ms-touch-action: auto;
2824
  touch-action: auto;
2825
}
2826
.uk-sortable.sortable-handler > * {
2827
  cursor: move;
2828
}
2829
.uk-sortable .sortable-handler {
2830
  cursor: move;
2831
}
2832
.uk-sortable-single {
2833
  min-height: 0;
2834
}
2835
.uk-switcher {
2836
  overflow: hidden;
2837
}
2838
/*
2839
* add extra Uikit grid sizes
2840
*
2841
* usage:
2842
* set custom breakpoint (1480px) and name ("xlarge-x")
2843
* @media (min-width: 1480px) {
2844
*  .add-grid-sizes(xlarge-x);
2845
* }
2846
*/
2847
@media (min-width: 1480px) {
2848
  /* Whole */
2849
  .uk-width-xLarge-1-1,
2850
  .uk-grid-width-xLarge-1-1 > * {
2851
    width: 100%;
2852
  }
2853
  /* Halves */
2854
  .uk-width-xLarge-1-2,
2855
  .uk-width-xLarge-2-4,
2856
  .uk-width-xLarge-3-6,
2857
  .uk-width-xLarge-5-10,
2858
  .uk-grid-width-xLarge-1-2 > *,
2859
  .uk-grid-width-xLarge-2-4 > *,
2860
  .uk-grid-width-xLarge-3-6 > *,
2861
  .uk-grid-width-xLarge-5-10 > * {
2862
    width: 50%;
2863
  }
2864
  /* Thirds */
2865
  .uk-width-xLarge-1-3,
2866
  .uk-width-xLarge-2-6,
2867
  .uk-grid-width-xLarge-1-3 > *,
2868
  .uk-grid-width-xLarge-2-6 > * {
2869
    width: 33.333%;
2870
  }
2871
  .uk-width-xLarge-2-3,
2872
  .uk-width-xLarge-4-6,
2873
  .uk-grid-width-xLarge-2-3 > *,
2874
  .uk-grid-width-xLarge-4-6 > * {
2875
    width: 66.666%;
2876
  }
2877
  /* Quarters */
2878
  .uk-width-xLarge-1-4,
2879
  .uk-grid-width-xLarge-1-4 > * {
2880
    width: 25%;
2881
  }
2882
  .uk-width-xLarge-3-4,
2883
  .uk-grid-width-xLarge-3-4 > * {
2884
    width: 75%;
2885
  }
2886
  /* Fifths */
2887
  .uk-width-xLarge-1-5,
2888
  .uk-width-xLarge-2-10,
2889
  .uk-grid-width-xLarge-1-5 > *,
2890
  .uk-grid-width-xLarge-2-10 > * {
2891
    width: 20%;
2892
  }
2893
  .uk-width-xLarge-2-5,
2894
  .uk-width-xLarge-4-10,
2895
  .uk-grid-width-xLarge-2-5 > *,
2896
  .uk-grid-width-xLarge-4-10 > * {
2897
    width: 40%;
2898
  }
2899
  .uk-width-xLarge-3-5,
2900
  .uk-width-xLarge-6-10,
2901
  .uk-grid-width-xLarge-3-5 > *,
2902
  .uk-grid-width-xLarge-6-10 > * {
2903
    width: 60%;
2904
  }
2905
  .uk-width-xLarge-4-5,
2906
  .uk-width-xLarge-8-10,
2907
  .uk-grid-width-xLarge-4-5 > *,
2908
  .uk-grid-width-xLarge-8-10 > * {
2909
    width: 80%;
2910
  }
2911
  /* Sixths */
2912
  .uk-width-xLarge-1-6,
2913
  .uk-grid-width-xLarge-1-6 > * {
2914
    width: 16.666%;
2915
  }
2916
  .uk-width-xLarge-5-6,
2917
  .uk-grid-width-xLarge-5-6 > * {
2918
    width: 83.333%;
2919
  }
2920
  /* Tenths */
2921
  .uk-width-xLarge-1-10,
2922
  .uk-grid-width-xLarge-1-10 > * {
2923
    width: 10%;
2924
  }
2925
  .uk-width-xLarge-3-10,
2926
  .uk-grid-width-xLarge-3-10 > * {
2927
    width: 30%;
2928
  }
2929
  .uk-width-xLarge-7-10,
2930
  .uk-grid-width-xLarge-7-10 > * {
2931
    width: 70%;
2932
  }
2933
  .uk-width-xLarge-9-10,
2934
  .uk-grid-width-xLarge-9-10 > * {
2935
    width: 90%;
2936
  }
2937
}
2938
/* ie9 fixes */
2939
.lte-ie9 *[class*="uk-animation-"] {
2940
  opacity: 1 !important;
2941
}
2942
/* 3. Kendo UI custom styles ========================= */
2943
.k-button,
2944
.k-header {
2945
  font-weight: 400;
2946
}
2947
.k-list-wrapper {
2948
  padding: 8px 0;
2949
}
2950
.k-list-wrapper-addon {
2951
  margin-right: 16px;
2952
  float: left;
2953
}
2954
.k-list-wrapper-addon > img {
2955
  width: 34px;
2956
  border-radius: 50%;
2957
}
2958
.k-list-wrapper-addon > img-large {
2959
  width: 82px;
2960
  border-radius: 50%;
2961
}
2962
.k-list-wrapper-content {
2963
  overflow: hidden;
2964
  display: block;
2965
}
2966
.k-list-wrapper-content > p {
2967
  margin: 0;
2968
  font-weight: 500;
2969
  line-height: 18px;
2970
}
2971
.k-list-wrapper-content > span {
2972
  display: block;
2973
}
2974
.k-tag-image {
2975
  width: auto;
2976
  height: 17px;
2977
  margin: 4px 5px 0 0;
2978
  vertical-align: top;
2979
  border-radius: 50%;
2980
}
2981
.k-multiselect .k-delete,
2982
.k-multiselect .k-button:not(.k-state-disabled):hover .k-delete {
2983
  background-position: -162px -80px;
2984
}
2985
.k-multiselect .k-delete {
2986
  opacity: 0.5;
2987
}
2988
.k-multiselect .k-button:not(.k-state-disabled):hover .k-delete {
2989
  opacity: 1;
2990
}
2991
.k-window-title {
2992
  font-size: 14px;
2993
}
2994
.k-panelbar li.k-item {
2995
  background: #fff;
2996
}
2997
.k-panelbar li.k-state-default > .k-link.k-state-selected {
2998
  -webkit-box-shadow: none;
2999
  box-shadow: none;
3000
}
3001
/* 4. custom components ============================== */
3002
/**
3003
 * Google Material Design Preloader
3004
 *
3005
 * CSS animated SVG implementation of the Google Material Design preloader
3006
 *
3007
 * Reference: http://goo.gl/ZfulRH
3008
 * License: MIT
3009
 * Author: Rudi Theunissen (rudolf.theunissen@gmail.com)
3010
 * Version: 1.1.1
3011
 */
3012
.md-preloader {
3013
  font-size: 0;
3014
  display: inline-block;
3015
  -webkit-animation: outer 6000ms linear infinite;
3016
  animation: outer 6000ms linear infinite;
3017
}
3018
.md-preloader svg {
3019
  -webkit-animation: inner 1200ms linear infinite;
3020
  animation: inner 1200ms linear infinite;
3021
}
3022
.md-preloader svg circle {
3023
  fill: none;
3024
  stroke: #448aff;
3025
  stroke-linecap: round;
3026
  -webkit-animation: arc 1200ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
3027
  animation: arc 1200ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
3028
}
3029
@-webkit-keyframes outer {
3030
  0% {
3031
    -webkit-transform: rotate(0deg);
3032
    transform: rotate(0deg);
3033
  }
3034
  100% {
3035
    -webkit-transform: rotate(360deg);
3036
    transform: rotate(360deg);
3037
  }
3038
}
3039
@keyframes outer {
3040
  0% {
3041
    -webkit-transform: rotate(0deg);
3042
    transform: rotate(0deg);
3043
  }
3044
  100% {
3045
    -webkit-transform: rotate(360deg);
3046
    transform: rotate(360deg);
3047
  }
3048
}
3049
@-webkit-keyframes inner {
3050
  0% {
3051
    -webkit-transform: rotate(-64.8deg);
3052
    transform: rotate(-64.8deg);
3053
  }
3054
  100% {
3055
    -webkit-transform: rotate(0deg);
3056
    transform: rotate(0deg);
3057
  }
3058
}
3059
@keyframes inner {
3060
  0% {
3061
    -webkit-transform: rotate(-64.8deg);
3062
    transform: rotate(-64.8deg);
3063
  }
3064
  100% {
3065
    -webkit-transform: rotate(0deg);
3066
    transform: rotate(0deg);
3067
  }
3068
}
3069
@-webkit-keyframes arc {
3070
  0% {
3071
    stroke-dasharray: 1 210.48670779px;
3072
    stroke-dashoffset: 0;
3073
  }
3074
  40% {
3075
    stroke-dasharray: 172.59910039px, 210.48670779px;
3076
    stroke-dashoffset: 0;
3077
  }
3078
  100% {
3079
    stroke-dasharray: 1 210.48670779px;
3080
    stroke-dashoffset: -172.59910039px;
3081
  }
3082
}
3083
@keyframes arc {
3084
  0% {
3085
    stroke-dasharray: 1 210.48670779px;
3086
    stroke-dashoffset: 0;
3087
  }
3088
  40% {
3089
    stroke-dasharray: 172.59910039px, 210.48670779px;
3090
    stroke-dashoffset: 0;
3091
  }
3092
  100% {
3093
    stroke-dasharray: 1 210.48670779px;
3094
    stroke-dashoffset: -172.59910039px;
3095
  }
3096
}
3097
.md-preloader-success svg circle {
3098
  stroke: #7cb342;
3099
}
3100
.md-preloader-danger svg circle {
3101
  stroke: #e53935;
3102
}
3103
.md-preloader-warning svg circle {
3104
  stroke: #ffa000;
3105
}
3106
/* content preloader */
3107
.content-preloader {
3108
  width: 48px;
3109
  height: 48px;
3110
  border-radius: 50%;
3111
  background: #fff;
3112
  left: 50%;
3113
  overflow: hidden;
3114
  margin-left: -24px;
3115
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
3116
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
3117
  padding: 8px;
3118
  -webkit-box-sizing: border-box;
3119
  box-sizing: border-box;
3120
  -webkit-transform: scale(0);
3121
  transform: scale(0);
3122
  -webkit-transition: top 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
3123
  transition: top 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
3124
  transition: top 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
3125
  transition: top 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, transform 400ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
3126
}
3127
.content-preloader .regular-preloader {
3128
  position: relative;
3129
  width: 30px;
3130
  height: 30px;
3131
}
3132
.content-preloader .regular-preloader > div {
3133
  width: 26px;
3134
  height: 26px;
3135
}
3136
.content-preloader.preloader-active {
3137
  -webkit-transform: scale(1);
3138
  transform: scale(1);
3139
  -webkit-transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
3140
  transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
3141
  transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
3142
  transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
3143
}
3144
.content-preloader-success svg circle {
3145
  stroke: #7cb342;
3146
}
3147
.content-preloader-danger svg circle {
3148
  stroke: #e53935;
3149
}
3150
.content-preloader-warning svg circle {
3151
  stroke: #ffa000;
3152
}
3153
.sidebar_main_active > .content-preloader,
3154
.sidebar_main_open > .content-preloader {
3155
  margin-left: 96px !important;
3156
}
3157
body > .content-preloader {
3158
  position: fixed;
3159
  z-index: 1099;
3160
  top: -48px;
3161
}
3162
body > .content-preloader.preloader-active {
3163
  top: 56px;
3164
}
3165
.sidebar_main_active body > .content-preloader,
3166
.sidebar_main_open body > .content-preloader {
3167
  margin-left: 96px;
3168
}
3169
.md-card > .content-preloader {
3170
  position: absolute;
3171
  z-index: 10;
3172
  top: 0;
3173
}
3174
.md-card > .content-preloader.preloader-active {
3175
  top: 64px;
3176
}
3177
/* timeline */
3178
.timeline {
3179
  position: relative;
3180
  min-height: 40px;
3181
  padding: 8px 0 8px 62px;
3182
}
3183
.timeline,
3184
.timeline:before,
3185
.timeline:after,
3186
.timeline *,
3187
.timeline *:before,
3188
.timeline *:after {
3189
  -webkit-box-sizing: border-box;
3190
  box-sizing: border-box;
3191
}
3192
.timeline:before {
3193
  position: absolute;
3194
  left: 29px;
3195
  top: 0;
3196
  bottom: 0;
3197
  width: 3px;
3198
  background: rgba(0, 0, 0, 0.085);
3199
  content: '';
3200
  display: block;
3201
}
3202
.timeline_item {
3203
  position: relative;
3204
  min-height: 64px;
3205
  padding: 16px 0;
3206
}
3207
.timeline_icon {
3208
  position: absolute;
3209
  left: -54px;
3210
  top: 16px;
3211
  height: 44px;
3212
  width: 44px;
3213
  border-radius: 50%;
3214
  background: #9e9e9e;
3215
  text-align: center;
3216
  border: 4px solid #fff;
3217
}
3218
.timeline_icon .material-icons {
3219
  color: #fff;
3220
  font-size: 18px;
3221
  line-height: 36px;
3222
}
3223
.timeline_icon_danger {
3224
  background: #e53935;
3225
}
3226
.timeline_icon_success {
3227
  background: #7cb342;
3228
}
3229
.timeline_icon_warning {
3230
  background: #ffa000;
3231
}
3232
.timeline_icon_primary {
3233
  background: #2196f3;
3234
}
3235
.timeline_date {
3236
  float: left;
3237
  min-width: 60px;
3238
  color: #aaa;
3239
  text-align: center;
3240
  line-height: 18px;
3241
  font-size: 16px;
3242
  margin-right: 8px;
3243
  padding-top: 6px;
3244
}
3245
.timeline_date span {
3246
  font-size: 11px;
3247
  display: block;
3248
  text-transform: uppercase;
3249
}
3250
.timeline_content {
3251
  padding: 5px 4px 8px;
3252
  overflow: hidden;
3253
}
3254
.timeline_content_addon {
3255
  background: #fff;
3256
  margin-top: 8px;
3257
  max-width: 340px;
3258
  padding: 8px;
3259
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
3260
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
3261
  border-radius: 4px;
3262
}
3263
.timeline_content_addon > img {
3264
  max-width: 100%;
3265
  height: auto;
3266
  display: block;
3267
  margin: 0 auto;
3268
}
3269
.timeline_content_addon blockquote {
3270
  margin: 8px 0 8px 8px;
3271
  font-size: 15px;
3272
}
3273
.timeline.timeline_small {
3274
  padding: 4px 0 4px 48px;
3275
}
3276
.timeline.timeline_small:before {
3277
  left: 16px;
3278
}
3279
.timeline.timeline_small .timeline_item {
3280
  min-height: 32px;
3281
}
3282
.timeline.timeline_small .timeline_icon {
3283
  left: -50px;
3284
  height: 40px;
3285
  width: 40px;
3286
}
3287
.timeline.timeline_small .timeline_icon .material-icons {
3288
  color: #fff;
3289
  font-size: 18px;
3290
  line-height: 32px;
3291
}
3292
.timeline.timeline_small .timeline_date {
3293
  float: none;
3294
  text-align: left;
3295
  font-size: 11px;
3296
  padding-left: 4px;
3297
}
3298
.timeline.timeline_small .timeline_date span {
3299
  display: inline;
3300
}
3301
.timeline.timeline_small .timeline_content {
3302
  font-size: 13px;
3303
}
3304
.timeline.timeline_small .timeline_content .md-list li {
3305
  margin-left: 0;
3306
  text-align: center;
3307
}
3308
.timeline.timeline_small .timeline_content .md-list .md-list-addon-element {
3309
  width: auto;
3310
  position: relative;
3311
  top: 0;
3312
  left: 0;
3313
  padding-top: 0;
3314
}
3315
.timeline.timeline_small .timeline_content blockquote {
3316
  font-size: 13px;
3317
}
3318
@media only screen and (min-width: 768px) {
3319
  .timeline.timeline-center {
3320
    padding: 8px 0;
3321
  }
3322
  .timeline.timeline-center:before {
3323
    left: 50%;
3324
    margin-left: -2px;
3325
  }
3326
  .timeline.timeline-center .timeline_item {
3327
    padding: 24px 0;
3328
    width: 50%;
3329
  }
3330
  .timeline.timeline-center .timeline_item .timeline_date {
3331
    position: absolute;
3332
    float: none;
3333
    white-space: nowrap;
3334
    padding-top: 6px;
3335
    margin-right: 0;
3336
  }
3337
  .timeline.timeline-center .timeline_item .timeline_date span {
3338
    display: inline;
3339
  }
3340
  .timeline.timeline-center .timeline_item .timeline_content {
3341
    padding: 16px 24px;
3342
    background: #fff;
3343
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
3344
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
3345
    border-radius: 4px;
3346
    position: relative;
3347
    overflow: visible;
3348
  }
3349
  .timeline.timeline-center .timeline_item .timeline_content_addon {
3350
    background: transparent;
3351
    -webkit-box-shadow: none;
3352
    box-shadow: none;
3353
    padding: 0;
3354
    max-width: 100%;
3355
    margin-top: 0;
3356
  }
3357
  .timeline.timeline-center .timeline_item .timeline_content_info {
3358
    display: block;
3359
    font-size: 13px;
3360
    color: #727272;
3361
    padding-bottom: 10px;
3362
  }
3363
  .timeline.timeline-center .timeline_item .timeline_content:before,
3364
  .timeline.timeline-center .timeline_item .timeline_content:after {
3365
    position: absolute;
3366
    content: '';
3367
    display: block;
3368
    border: 8px solid transparent;
3369
    top: 6px;
3370
  }
3371
  .timeline.timeline-center .timeline_item:nth-child(even) {
3372
    margin-left: 50%;
3373
  }
3374
  .timeline.timeline-center .timeline_item:nth-child(even) .timeline_icon {
3375
    left: -22px;
3376
  }
3377
  .timeline.timeline-center .timeline_item:nth-child(even) .timeline_content {
3378
    margin-left: 40px;
3379
  }
3380
  .timeline.timeline-center .timeline_item:nth-child(even) .timeline_content:before {
3381
    left: -16px;
3382
    border-right-color: rgba(0, 0, 0, 0.1);
3383
  }
3384
  .timeline.timeline-center .timeline_item:nth-child(even) .timeline_content:after {
3385
    left: -15px;
3386
    border-right-color: #fff;
3387
  }
3388
  .timeline.timeline-center .timeline_item:nth-child(even) .timeline_date {
3389
    right: 100%;
3390
    padding-right: 40px;
3391
  }
3392
  .timeline.timeline-center .timeline_item:nth-child(odd) .timeline_icon {
3393
    left: auto;
3394
    right: -22px;
3395
  }
3396
  .timeline.timeline-center .timeline_item:nth-child(odd) .timeline_date {
3397
    left: 100%;
3398
    padding-left: 40px;
3399
  }
3400
  .timeline.timeline-center .timeline_item:nth-child(odd) .timeline_content {
3401
    margin-right: 40px;
3402
  }
3403
  .timeline.timeline-center .timeline_item:nth-child(odd) .timeline_content:before {
3404
    right: -16px;
3405
    border-left-color: rgba(0, 0, 0, 0.1);
3406
  }
3407
  .timeline.timeline-center .timeline_item:nth-child(odd) .timeline_content:after {
3408
    right: -15px;
3409
    border-left-color: #fff;
3410
  }
3411
  .timeline.timeline-center .timeline_item:nth-child(odd) .timeline_content_addon {
3412
    display: inline-block;
3413
  }
3414
}
3415
.list_view > *,
3416
.grid_view > * {
3417
  -webkit-transition: all 120ms cubic-bezier(0.4, 0, 0.2, 1);
3418
  transition: all 120ms cubic-bezier(0.4, 0, 0.2, 1);
3419
}
3420
.grid_view.uk-grid-medium {
3421
  margin-top: -32px;
3422
}
3423
.grid_view.uk-grid-small {
3424
  margin-top: -5px;
3425
}
3426
.list_view {
3427
  margin-left: 0 !important;
3428
}
3429
.list_view > div,
3430
.list_view > li {
3431
  width: 100% !important;
3432
  margin: 0 !important;
3433
  padding: 0 !important;
3434
}
3435
.list_view > div .md-card,
3436
.list_view > li .md-card {
3437
  overflow: hidden;
3438
}
3439
.list_view > div .md-card-head,
3440
.list_view > li .md-card-head {
3441
  float: left;
3442
  border: none;
3443
  width: 200px;
3444
}
3445
.list_view > div .md-card-content,
3446
.list_view > li .md-card-content {
3447
  overflow: hidden;
3448
}
3449
.list_view > div + div,
3450
.list_view > li + li {
3451
  border-top: 1px solid #ededed;
3452
  margin: 0 !important;
3453
}
3454
/* 5. material design styles ========================= */
3455
/* bg colors */
3456
.md-bg-cyan {
3457
  background-color: #00acc1 !important;
3458
  color: #fff;
3459
}
3460
.md-bg-light-green {
3461
  background-color: #7cb342 !important;
3462
  color: #fff;
3463
}
3464
.md-bg-grey {
3465
  background-color: #616161 !important;
3466
  color: #fff;
3467
}
3468
.md-bg-red {
3469
  background-color: #d32f2f !important;
3470
  color: #fff;
3471
}
3472
.md-bg-light-blue {
3473
  background-color: #0288d1 !important;
3474
  color: #fff;
3475
}
3476
.md-bg-teal {
3477
  background-color: #00897b !important;
3478
  color: #fff;
3479
}
3480
.md-bg-purple {
3481
  background-color: #8e24aa !important;
3482
  color: #fff;
3483
}
3484
/* buttons */
3485
.md-btn {
3486
  background: #fff;
3487
  border: none;
3488
  border-radius: 2px;
3489
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3490
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3491
  min-height: 31px;
3492
  min-width: 70px;
3493
  padding: 2px 16px;
3494
  text-align: center;
3495
  text-shadow: none;
3496
  text-transform: uppercase;
3497
  -webkit-transition: all 280ms ease;
3498
  transition: all 280ms ease;
3499
  color: #212121;
3500
  -webkit-box-sizing: border-box;
3501
  box-sizing: border-box;
3502
  cursor: pointer;
3503
  -webkit-appearance: none;
3504
  display: inline-block;
3505
  vertical-align: middle;
3506
  font: 500 14px / 31px "Roboto", sans-serif !important;
3507
}
3508
.md-btn:hover,
3509
.md-btn:focus,
3510
.md-btn:active,
3511
.uk-button-dropdown.uk-open > .md-btn {
3512
  background: #fff;
3513
  outline: none;
3514
  text-decoration: none;
3515
  color: #212121;
3516
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
3517
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
3518
}
3519
.md-btn:active,
3520
.md-btn.uk-active,
3521
.uk-button-dropdown.uk-open > .md-btn {
3522
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
3523
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
3524
}
3525
.md-btn.uk-active {
3526
  position: relative;
3527
}
3528
.md-btn.uk-active:after {
3529
  position: absolute;
3530
  top: 0;
3531
  left: 0;
3532
  right: 0;
3533
  bottom: 0;
3534
  display: block;
3535
  content: '';
3536
  border: 2px solid rgba(0, 0, 0, 0.4);
3537
  border-radius: 2px;
3538
}
3539
.md-btn-flat {
3540
  -webkit-box-shadow: none !important;
3541
  box-shadow: none !important;
3542
  background: none;
3543
}
3544
.md-btn-flat:hover,
3545
.md-btn-flat:focus {
3546
  background: rgba(153, 153, 153, 0.2);
3547
}
3548
.md-btn-flat:active,
3549
.md-btn-flat.uk-active {
3550
  background: rgba(153, 153, 153, 0.4);
3551
}
3552
.md-btn-flat-danger,
3553
.md-btn-flat-danger:hover,
3554
.md-btn-flat-danger:focus,
3555
.md-btn-flat-danger:active,
3556
.md-btn-flat-danger .uk-active {
3557
  color: #e53935;
3558
}
3559
.md-btn-flat-danger:hover,
3560
.md-btn-flat-danger:focus,
3561
.md-btn-flat-danger:active {
3562
  background: #fceaea;
3563
}
3564
.md-btn-flat-danger.uk-active {
3565
  color: #cd1e1a;
3566
  background: #f6bebd;
3567
}
3568
.md-btn-flat-primary,
3569
.md-btn-flat-primary:hover,
3570
.md-btn-flat-primary:focus,
3571
.md-btn-flat-primary:active,
3572
.md-btn-flat-primary.uk-active {
3573
  color: #1976d2;
3574
}
3575
.md-btn-flat-primary:hover,
3576
.md-btn-flat-primary:focus,
3577
.md-btn-flat-primary:active {
3578
  background: #e3f2fd;
3579
}
3580
.md-btn-flat-primary.uk-active {
3581
  color: #0c7cd5;
3582
  background: #b2dbfb;
3583
}
3584
.md-btn-flat-success,
3585
.md-btn-flat-success:hover,
3586
.md-btn-flat-success:focus,
3587
.md-btn-flat-success:active,
3588
.md-btn-flat-success.uk-active {
3589
  color: #7cb342;
3590
}
3591
.md-btn-flat-success:hover,
3592
.md-btn-flat-success:focus,
3593
.md-btn-flat-success:active {
3594
  background: #e1efd2;
3595
}
3596
.md-btn-flat-success.uk-active {
3597
  color: #628e34;
3598
  background: #c8e1ad;
3599
}
3600
.md-btn-flat-warning,
3601
.md-btn-flat-warning:hover,
3602
.md-btn-flat-warning:focus,
3603
.md-btn-flat-warning:active,
3604
.md-btn-flat-warning.uk-active {
3605
  color: #ffa000;
3606
}
3607
.md-btn-flat-warning:hover,
3608
.md-btn-flat-warning:focus,
3609
.md-btn-flat-warning:active {
3610
  background: #ffeccc;
3611
}
3612
.md-btn-flat-warning.uk-active {
3613
  color: #cc8000;
3614
  background: #ffd999;
3615
}
3616
.md-btn-flat.disabled {
3617
  background: none !important;
3618
}
3619
.md-btn-danger,
3620
.md-btn-danger:hover,
3621
.md-btn-danger:focus,
3622
.md-btn-danger:active,
3623
.md-btn-danger.uk-active {
3624
  background: #e53935;
3625
}
3626
.md-btn-primary,
3627
.md-btn-primary:hover,
3628
.md-btn-primary:focus,
3629
.md-btn-primary:active,
3630
.md-btn-primary.uk-active {
3631
  background: #2196f3;
3632
}
3633
.md-btn-success,
3634
.md-btn-success:hover,
3635
.md-btn-success:focus,
3636
.md-btn-success:active,
3637
.md-btn-success.uk-active {
3638
  background: #7cb342;
3639
}
3640
.md-btn-warning,
3641
.md-btn-warning:hover,
3642
.md-btn-warning:focus,
3643
.md-btn-warning:active,
3644
.md-btn-warning.uk-active {
3645
  background: #ffa000;
3646
}
3647
.md-btn-danger,
3648
.md-btn-primary,
3649
.md-btn-success,
3650
.md-btn-warning,
3651
.md-btn-danger:hover,
3652
.md-btn-primary:hover,
3653
.md-btn-success:hover,
3654
.md-btn-warning:hover,
3655
.md-btn-danger:focus,
3656
.md-btn-primary:focus,
3657
.md-btn-success:focus,
3658
.md-btn-warning:focus,
3659
.md-btn-danger:active,
3660
.md-btn-primary:active,
3661
.md-btn-success:active,
3662
.md-btn-warning:active,
3663
.md-btn-danger.uk-active,
3664
.md-btn-primary.uk-active,
3665
.md-btn-success.uk-active,
3666
.md-btn-warning.uk-active,
3667
.md-btn-danger > i,
3668
.md-btn-primary > i,
3669
.md-btn-success > i,
3670
.md-btn-warning > i {
3671
  color: #fff;
3672
}
3673
.md-btn.disabled,
3674
.md-btn.disabled:hover,
3675
.md-btn.disabled:focus,
3676
.md-btn.disabled:active,
3677
.md-btn.disabled.uk-active {
3678
  color: #a8a8a8;
3679
  background: #eaeaea;
3680
  -webkit-box-shadow: none !important;
3681
  box-shadow: none !important;
3682
  cursor: default;
3683
  pointer-events: none;
3684
}
3685
.md-btn > i.material-icons {
3686
  margin-top: 5px;
3687
  font-size: 18px;
3688
}
3689
.md-btn-mini {
3690
  line-height: 21px !important;
3691
  min-width: 12px;
3692
  font-size: 10px !important;
3693
  min-height: 24px;
3694
}
3695
.md-btn-small {
3696
  line-height: 27px !important;
3697
  min-width: 14px;
3698
  font-size: 11px !important;
3699
}
3700
.md-btn-large {
3701
  line-height: 42px !important;
3702
  font-size: 16px !important;
3703
}
3704
.md-btn::-moz-focus-inner {
3705
  border: 0;
3706
  padding: 0;
3707
}
3708
.md-btn + .md-btn {
3709
  margin-left: 8px;
3710
}
3711
.md-btn-block {
3712
  width: 100%;
3713
}
3714
.md-btn-block + .md-btn-block {
3715
  margin-left: 0;
3716
  margin-top: 12px;
3717
}
3718
.md-btn + .md-btn-group {
3719
  margin-left: 16px;
3720
}
3721
.md-btn-facebook {
3722
  background: #3b5998 !important;
3723
}
3724
.md-btn-twitter {
3725
  background: #00aced !important;
3726
}
3727
.md-btn-gplus {
3728
  background: #dd4b39 !important;
3729
}
3730
.md-btn-facebook,
3731
.md-btn-twitter,
3732
.md-btn-gplus,
3733
.md-btn-facebook > i,
3734
.md-btn-twitter > i,
3735
.md-btn-gplus > i {
3736
  color: #fff !important;
3737
}
3738
.md-btn-icon > i.no_margin {
3739
  margin-right: 0 !important;
3740
  margin-left: 0 !important;
3741
}
3742
.md-btn-icon-large,
3743
.md-btn-icon.md-btn-large {
3744
  min-width: 72px;
3745
}
3746
.md-btn-icon-large > i,
3747
.md-btn-icon.md-btn-large > i {
3748
  font-size: 24px;
3749
  margin-right: 12px;
3750
  vertical-align: -3px;
3751
}
3752
.md-btn-icon-default,
3753
.md-btn-icon {
3754
  min-width: 64px;
3755
}
3756
.md-btn-icon-default > i,
3757
.md-btn-icon > i {
3758
  font-size: 18px;
3759
  margin-right: 8px;
3760
  vertical-align: -2px;
3761
}
3762
.md-btn-icon-small,
3763
.md-btn-icon.md-btn-small {
3764
  min-width: 48px;
3765
}
3766
.md-btn-icon-small > i,
3767
.md-btn-icon.md-btn-small > i {
3768
  font-size: 16px;
3769
  margin-right: 6px;
3770
  vertical-align: -2px;
3771
}
3772
.md-btn-icon-mini,
3773
.md-btn-icon.md-btn-mini {
3774
  min-width: 36px;
3775
}
3776
.md-btn-icon-mini > i,
3777
.md-btn-icon.md-btn-mini > i {
3778
  font-size: 16px;
3779
  margin-right: 4px;
3780
  vertical-align: -2px;
3781
}
3782
.md-fab {
3783
  -webkit-box-sizing: border-box;
3784
  box-sizing: border-box;
3785
  width: 64px;
3786
  height: 64px;
3787
  border-radius: 50%;
3788
  background: #fff;
3789
  color: #727272;
3790
  display: block;
3791
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3792
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3793
  -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
3794
  transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
3795
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
3796
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
3797
  border: none;
3798
  position: relative;
3799
  text-align: center;
3800
  cursor: pointer;
3801
}
3802
.md-fab:hover,
3803
.md-fab:focus,
3804
.md-fab:active {
3805
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
3806
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
3807
}
3808
.md-fab > i {
3809
  font-size: 36px;
3810
  line-height: 64px;
3811
  height: inherit;
3812
  width: inherit;
3813
  position: absolute;
3814
  left: 0;
3815
  top: 0;
3816
  color: #727272;
3817
}
3818
.md-fab.md-fab-accent {
3819
  background: #7cb342;
3820
}
3821
.md-fab.md-fab-accent > i {
3822
  color: #fff;
3823
}
3824
.md-fab.md-fab-success {
3825
  background: #7cb342;
3826
}
3827
.md-fab.md-fab-success > i {
3828
  color: #fff;
3829
}
3830
.md-fab.md-fab-danger {
3831
  background: #e53935;
3832
}
3833
.md-fab.md-fab-danger > i {
3834
  color: #fff;
3835
}
3836
.md-fab.md-fab-primary {
3837
  background: #2196f3;
3838
}
3839
.md-fab.md-fab-primary > i {
3840
  color: #fff;
3841
}
3842
.md-fab.md-fab-warning {
3843
  background: #ffa000;
3844
}
3845
.md-fab.md-fab-warning > i {
3846
  color: #fff;
3847
}
3848
.md-fab.md-fab-small {
3849
  width: 48px;
3850
  height: 48px;
3851
  border-radius: 50%;
3852
}
3853
.md-fab.md-fab-small > i {
3854
  line-height: 48px;
3855
  height: inherit;
3856
  width: inherit;
3857
  font-size: 24px;
3858
}
3859
.md-fab-speed-dial .md-fab-action-close {
3860
  display: none;
3861
}
3862
.md-fab-wrapper {
3863
  position: fixed;
3864
  bottom: 24px;
3865
  right: 24px;
3866
  z-index: 1004;
3867
  -webkit-transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
3868
  transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
3869
}
3870
@media only screen and (max-width: 767px) {
3871
  .md-fab-wrapper {
3872
    bottom: 20px;
3873
    right: 20px;
3874
  }
3875
}
3876
.md-fab-wrapper > .md-fab + .md-fab {
3877
  margin-top: 16px;
3878
}
3879
.md-fab-wrapper.md-fab-in-card {
3880
  position: absolute;
3881
}
3882
.md-fab-speed-dial .md-fab-wrapper-small {
3883
  position: absolute;
3884
  bottom: 80px;
3885
  right: 8px;
3886
  min-height: 48px;
3887
  width: 48px;
3888
  z-index: -1;
3889
}
3890
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small {
3891
  -webkit-transform: scale(0);
3892
  transform: scale(0);
3893
  opacity: 0;
3894
  position: absolute;
3895
  right: 0;
3896
}
3897
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(1) {
3898
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
3899
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
3900
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
3901
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
3902
}
3903
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(2) {
3904
  bottom: 64px;
3905
}
3906
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(2) {
3907
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
3908
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
3909
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
3910
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
3911
}
3912
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(3) {
3913
  bottom: 128px;
3914
}
3915
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(3) {
3916
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
3917
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
3918
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
3919
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
3920
}
3921
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(4) {
3922
  bottom: 192px;
3923
}
3924
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(4) {
3925
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
3926
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
3927
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
3928
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
3929
}
3930
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(5) {
3931
  bottom: 256px;
3932
}
3933
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(5) {
3934
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
3935
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
3936
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
3937
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
3938
}
3939
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(6) {
3940
  bottom: 320px;
3941
}
3942
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(6) {
3943
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
3944
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
3945
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
3946
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
3947
}
3948
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(7) {
3949
  bottom: 384px;
3950
}
3951
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(7) {
3952
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
3953
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
3954
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
3955
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
3956
}
3957
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(8) {
3958
  bottom: 448px;
3959
}
3960
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(8) {
3961
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
3962
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
3963
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
3964
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
3965
}
3966
.md-fab-speed-dial.md-fab-active .md-fab-small {
3967
  -webkit-transform: scale(1);
3968
  transform: scale(1);
3969
  opacity: 1;
3970
  z-index: 10;
3971
}
3972
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(1) {
3973
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
3974
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
3975
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
3976
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
3977
}
3978
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(2) {
3979
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
3980
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
3981
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
3982
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
3983
}
3984
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(3) {
3985
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
3986
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
3987
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
3988
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
3989
}
3990
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(4) {
3991
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
3992
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
3993
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
3994
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
3995
}
3996
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(5) {
3997
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
3998
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
3999
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
4000
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
4001
}
4002
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(6) {
4003
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
4004
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
4005
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
4006
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
4007
}
4008
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(7) {
4009
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
4010
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
4011
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
4012
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
4013
}
4014
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(8) {
4015
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
4016
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
4017
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
4018
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
4019
}
4020
.md-fab-speed-dial-horizontal .md-fab-wrapper-small {
4021
  position: absolute;
4022
  right: 80px;
4023
  bottom: 8px;
4024
  min-height: 48px;
4025
  width: 48px;
4026
  z-index: -1;
4027
}
4028
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small {
4029
  -webkit-transform: scale(0);
4030
  transform: scale(0);
4031
  opacity: 0;
4032
  position: absolute;
4033
  right: 0;
4034
}
4035
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(1) {
4036
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
4037
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
4038
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
4039
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
4040
}
4041
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(2) {
4042
  right: 64px;
4043
}
4044
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(2) {
4045
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
4046
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
4047
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
4048
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
4049
}
4050
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(3) {
4051
  right: 128px;
4052
}
4053
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(3) {
4054
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
4055
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
4056
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
4057
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
4058
}
4059
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(4) {
4060
  right: 192px;
4061
}
4062
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(4) {
4063
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
4064
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
4065
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
4066
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
4067
}
4068
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(5) {
4069
  right: 256px;
4070
}
4071
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(5) {
4072
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
4073
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
4074
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
4075
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
4076
}
4077
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(6) {
4078
  right: 320px;
4079
}
4080
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(6) {
4081
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
4082
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
4083
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
4084
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
4085
}
4086
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(7) {
4087
  right: 384px;
4088
}
4089
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(7) {
4090
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
4091
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
4092
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
4093
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
4094
}
4095
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(8) {
4096
  right: 448px;
4097
}
4098
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(8) {
4099
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
4100
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
4101
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
4102
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
4103
}
4104
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small {
4105
  -webkit-transform: scale(1);
4106
  transform: scale(1);
4107
  opacity: 1;
4108
  z-index: 10;
4109
}
4110
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(1) {
4111
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
4112
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
4113
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
4114
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
4115
}
4116
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(2) {
4117
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
4118
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
4119
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
4120
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
4121
}
4122
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(3) {
4123
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
4124
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
4125
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
4126
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
4127
}
4128
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(4) {
4129
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
4130
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
4131
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
4132
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
4133
}
4134
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(5) {
4135
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
4136
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
4137
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
4138
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
4139
}
4140
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(6) {
4141
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
4142
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
4143
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
4144
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
4145
}
4146
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(7) {
4147
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
4148
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
4149
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
4150
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
4151
}
4152
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(8) {
4153
  -webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
4154
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
4155
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
4156
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
4157
}
4158
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab {
4159
  display: inline-block;
4160
  vertical-align: bottom;
4161
}
4162
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small {
4163
  display: none;
4164
  min-height: 48px;
4165
  width: auto;
4166
  z-index: -1;
4167
  white-space: nowrap;
4168
  padding-bottom: 8px;
4169
  vertical-align: bottom;
4170
  position: static;
4171
  right: auto;
4172
  bottom: auto;
4173
}
4174
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small {
4175
  position: static;
4176
  right: auto;
4177
  display: inline-block;
4178
  vertical-align: bottom;
4179
}
4180
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small + .md-fab-small {
4181
  margin-left: 16px;
4182
}
4183
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small:last-child {
4184
  margin-right: 16px;
4185
}
4186
.md-fab-speed-dial-horizontal[data-fab-hover].md-fab-over .md-fab-wrapper-small {
4187
  display: inline-block;
4188
}
4189
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small {
4190
  margin-left: 8px;
4191
  position: static;
4192
  display: none;
4193
  bottom: auto;
4194
  right: auto;
4195
}
4196
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small {
4197
  position: static;
4198
  bottom: auto;
4199
}
4200
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small + .md-fab-small {
4201
  margin-top: 16px;
4202
}
4203
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small:last-child {
4204
  margin-bottom: 16px;
4205
}
4206
.md-fab-speed-dial[data-fab-hover].md-fab-over .md-fab-wrapper-small {
4207
  display: block;
4208
}
4209
.md-fab-toolbar {
4210
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
4211
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
4212
  cursor: default;
4213
}
4214
.md-fab-toolbar > i {
4215
  cursor: pointer;
4216
}
4217
.md-fab-toolbar-actions {
4218
  visibility: hidden;
4219
  white-space: nowrap;
4220
  padding: 0 16px;
4221
  overflow: hidden;
4222
  -webkit-box-sizing: border-box;
4223
  box-sizing: border-box;
4224
}
4225
.md-fab-toolbar-actions > a,
4226
.md-fab-toolbar-actions > button {
4227
  display: block;
4228
  float: left;
4229
  opacity: 0;
4230
  margin: 0 0 0 16px;
4231
  height: 64px;
4232
  width: 48px;
4233
  -webkit-box-sizing: border-box;
4234
  box-sizing: border-box;
4235
  -webkit-transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
4236
  transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
4237
  background: none;
4238
  border: none;
4239
  outline: none;
4240
  cursor: pointer;
4241
}
4242
.md-fab-toolbar-actions > a:first-child,
4243
.md-fab-toolbar-actions > button:first-child {
4244
  margin-left: 0;
4245
}
4246
.md-fab-toolbar-actions .material-icons {
4247
  font-size: 36px;
4248
  line-height: 64px;
4249
}
4250
.md-fab-toolbar.md-fab-animated {
4251
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4252
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4253
  border-radius: 4px;
4254
}
4255
.md-fab-toolbar.md-fab-animated > i {
4256
  display: none;
4257
}
4258
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions {
4259
  visibility: visible;
4260
}
4261
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions > a,
4262
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions > button {
4263
  opacity: 1;
4264
}
4265
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > a,
4266
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > button {
4267
  height: 48px;
4268
  width: 36px;
4269
  padding: 0;
4270
  margin: 0 0 0 8px;
4271
}
4272
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > a:first-child,
4273
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > button:first-child {
4274
  margin-left: 0;
4275
}
4276
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions .material-icons {
4277
  font-size: 24px;
4278
  line-height: 48px;
4279
  height: inherit;
4280
}
4281
.md-fab-sheet {
4282
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
4283
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
4284
  cursor: default;
4285
}
4286
.md-fab-sheet > i {
4287
  cursor: pointer;
4288
}
4289
.md-fab-sheet-actions {
4290
  visibility: hidden;
4291
  white-space: nowrap;
4292
  overflow: hidden;
4293
  -webkit-box-sizing: border-box;
4294
  box-sizing: border-box;
4295
  padding: 4px 0;
4296
}
4297
.md-fab-sheet-actions > a {
4298
  display: block;
4299
  opacity: 0;
4300
  padding: 4px 16px;
4301
  -webkit-box-sizing: border-box;
4302
  box-sizing: border-box;
4303
  font: 400 16px / 32px "Roboto", sans-serif;
4304
  text-align: left;
4305
}
4306
.md-fab-sheet-actions > a,
4307
.md-fab-sheet-actions > a:hover {
4308
  color: #212121;
4309
}
4310
.md-fab-sheet-actions .material-icons {
4311
  font-size: 24px;
4312
  margin-right: 8px;
4313
  vertical-align: -6px;
4314
}
4315
.md-fab-sheet.md-fab-animated {
4316
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4317
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4318
  border-radius: 4px;
4319
}
4320
.md-fab-sheet.md-fab-animated > i {
4321
  display: none;
4322
}
4323
.md-fab-sheet.md-fab-active .md-fab-sheet-actions {
4324
  visibility: visible;
4325
}
4326
.md-fab-sheet.md-fab-active .md-fab-sheet-actions > a {
4327
  opacity: 1;
4328
}
4329
.sidebar_secondary_active .md-fab-wrapper {
4330
  margin-right: 264px;
4331
}
4332
@media only screen and (max-width: 767px) {
4333
  .sidebar_secondary_active .md-fab-wrapper {
4334
    margin-right: 280px;
4335
  }
4336
}
4337
.md-toggle-group .md-toggle-button {
4338
  border-width: 0 0 2px;
4339
  border-style: solid;
4340
  border-color: transparent;
4341
  background: none;
4342
  line-height: 30px;
4343
  min-width: 42px;
4344
  text-align: center;
4345
  padding: 0 8px;
4346
  vertical-align: middle;
4347
  cursor: pointer;
4348
}
4349
.md-toggle-group .md-toggle-button.md-toggle-active {
4350
  border-bottom-color: #212121;
4351
}
4352
.md-toggle-group.md-toggle-group-small .md-toggle-button {
4353
  font-size: 11px;
4354
  line-height: 24px;
4355
  min-width: 16px;
4356
  padding: 0 6px;
4357
}
4358
.md-btn-group {
4359
  display: inline-block;
4360
  vertical-align: top;
4361
  position: relative;
4362
  font-size: 0;
4363
  white-space: nowrap;
4364
}
4365
.md-btn-group .md-btn {
4366
  vertical-align: top;
4367
  margin-left: 0 !important;
4368
}
4369
.md-btn-group .md-btn:first-child {
4370
  border-top-right-radius: 0;
4371
  border-bottom-right-radius: 0;
4372
}
4373
.md-btn-group .md-btn:not(:first-child):not(:last-child) {
4374
  border-radius: 0;
4375
}
4376
.md-btn-group .md-btn:last-child {
4377
  border-top-left-radius: 0;
4378
  border-bottom-left-radius: 0;
4379
}
4380
.md-color-red-50 {
4381
  color: #ffebee !important;
4382
}
4383
.md-bg-red-50 {
4384
  background-color: #ffebee !important;
4385
}
4386
.md-color-red-100 {
4387
  color: #ffcdd2 !important;
4388
}
4389
.md-bg-red-100 {
4390
  background-color: #ffcdd2 !important;
4391
}
4392
.md-color-red-200 {
4393
  color: #ef9a9a !important;
4394
}
4395
.md-bg-red-200 {
4396
  background-color: #ef9a9a !important;
4397
}
4398
.md-color-red-300 {
4399
  color: #e57373 !important;
4400
}
4401
.md-bg-red-300 {
4402
  background-color: #e57373 !important;
4403
}
4404
.md-color-red-400 {
4405
  color: #ef5350 !important;
4406
}
4407
.md-bg-red-400 {
4408
  background-color: #ef5350 !important;
4409
}
4410
.md-color-red-500 {
4411
  color: #f44336 !important;
4412
}
4413
.md-bg-red-500 {
4414
  background-color: #f44336 !important;
4415
}
4416
.md-color-red-600 {
4417
  color: #e53935 !important;
4418
}
4419
.md-bg-red-600 {
4420
  background-color: #e53935 !important;
4421
}
4422
.md-color-red-700 {
4423
  color: #d32f2f !important;
4424
}
4425
.md-bg-red-700 {
4426
  background-color: #d32f2f !important;
4427
}
4428
.md-color-red-800 {
4429
  color: #c62828 !important;
4430
}
4431
.md-bg-red-800 {
4432
  background-color: #c62828 !important;
4433
}
4434
.md-color-red-900 {
4435
  color: #b71c1c !important;
4436
}
4437
.md-bg-red-900 {
4438
  background-color: #b71c1c !important;
4439
}
4440
.md-color-red-A100 {
4441
  color: #ff8a80 !important;
4442
}
4443
.md-bg-red-A100 {
4444
  background-color: #ff8a80 !important;
4445
}
4446
.md-color-red-A200 {
4447
  color: #ff5252 !important;
4448
}
4449
.md-bg-red-A200 {
4450
  background-color: #ff5252 !important;
4451
}
4452
.md-color-red-A400 {
4453
  color: #ff1744 !important;
4454
}
4455
.md-bg-red-A400 {
4456
  background-color: #ff1744 !important;
4457
}
4458
.md-color-red-A700 {
4459
  color: #d50000 !important;
4460
}
4461
.md-bg-red-A700 {
4462
  background-color: #d50000 !important;
4463
}
4464
.md-color-pink-50 {
4465
  color: #fce4ec !important;
4466
}
4467
.md-bg-pink-50 {
4468
  background-color: #fce4ec !important;
4469
}
4470
.md-color-pink-100 {
4471
  color: #f8bbd0 !important;
4472
}
4473
.md-bg-pink-100 {
4474
  background-color: #f8bbd0 !important;
4475
}
4476
.md-color-pink-200 {
4477
  color: #f48fb1 !important;
4478
}
4479
.md-bg-pink-200 {
4480
  background-color: #f48fb1 !important;
4481
}
4482
.md-color-pink-300 {
4483
  color: #f06292 !important;
4484
}
4485
.md-bg-pink-300 {
4486
  background-color: #f06292 !important;
4487
}
4488
.md-color-pink-400 {
4489
  color: #ec407a !important;
4490
}
4491
.md-bg-pink-400 {
4492
  background-color: #ec407a !important;
4493
}
4494
.md-color-pink-500 {
4495
  color: #e91e63 !important;
4496
}
4497
.md-bg-pink-500 {
4498
  background-color: #e91e63 !important;
4499
}
4500
.md-color-pink-600 {
4501
  color: #d81b60 !important;
4502
}
4503
.md-bg-pink-600 {
4504
  background-color: #d81b60 !important;
4505
}
4506
.md-color-pink-700 {
4507
  color: #c2185b !important;
4508
}
4509
.md-bg-pink-700 {
4510
  background-color: #c2185b !important;
4511
}
4512
.md-color-pink-800 {
4513
  color: #ad1457 !important;
4514
}
4515
.md-bg-pink-800 {
4516
  background-color: #ad1457 !important;
4517
}
4518
.md-color-pink-900 {
4519
  color: #880e4f !important;
4520
}
4521
.md-bg-pink-900 {
4522
  background-color: #880e4f !important;
4523
}
4524
.md-color-pink-A100 {
4525
  color: #ff80ab !important;
4526
}
4527
.md-bg-pink-A100 {
4528
  background-color: #ff80ab !important;
4529
}
4530
.md-color-pink-A200 {
4531
  color: #ff4081 !important;
4532
}
4533
.md-bg-pink-A200 {
4534
  background-color: #ff4081 !important;
4535
}
4536
.md-color-pink-A400 {
4537
  color: #f50057 !important;
4538
}
4539
.md-bg-pink-A400 {
4540
  background-color: #f50057 !important;
4541
}
4542
.md-color-pink-A700 {
4543
  color: #c51162 !important;
4544
}
4545
.md-bg-pink-A700 {
4546
  background-color: #c51162 !important;
4547
}
4548
.md-color-purple-50 {
4549
  color: #f3e5f5 !important;
4550
}
4551
.md-bg-purple-50 {
4552
  background-color: #f3e5f5 !important;
4553
}
4554
.md-color-purple-100 {
4555
  color: #e1bee7 !important;
4556
}
4557
.md-bg-purple-100 {
4558
  background-color: #e1bee7 !important;
4559
}
4560
.md-color-purple-200 {
4561
  color: #ce93d8 !important;
4562
}
4563
.md-bg-purple-200 {
4564
  background-color: #ce93d8 !important;
4565
}
4566
.md-color-purple-300 {
4567
  color: #ba68c8 !important;
4568
}
4569
.md-bg-purple-300 {
4570
  background-color: #ba68c8 !important;
4571
}
4572
.md-color-purple-400 {
4573
  color: #ab47bc !important;
4574
}
4575
.md-bg-purple-400 {
4576
  background-color: #ab47bc !important;
4577
}
4578
.md-color-purple-500 {
4579
  color: #9c27b0 !important;
4580
}
4581
.md-bg-purple-500 {
4582
  background-color: #9c27b0 !important;
4583
}
4584
.md-color-purple-600 {
4585
  color: #8e24aa !important;
4586
}
4587
.md-bg-purple-600 {
4588
  background-color: #8e24aa !important;
4589
}
4590
.md-color-purple-700 {
4591
  color: #7b1fa2 !important;
4592
}
4593
.md-bg-purple-700 {
4594
  background-color: #7b1fa2 !important;
4595
}
4596
.md-color-purple-800 {
4597
  color: #6a1b9a !important;
4598
}
4599
.md-bg-purple-800 {
4600
  background-color: #6a1b9a !important;
4601
}
4602
.md-color-purple-900 {
4603
  color: #4a148c !important;
4604
}
4605
.md-bg-purple-900 {
4606
  background-color: #4a148c !important;
4607
}
4608
.md-color-purple-A100 {
4609
  color: #ea80fc !important;
4610
}
4611
.md-bg-purple-A100 {
4612
  background-color: #ea80fc !important;
4613
}
4614
.md-color-purple-A200 {
4615
  color: #e040fb !important;
4616
}
4617
.md-bg-purple-A200 {
4618
  background-color: #e040fb !important;
4619
}
4620
.md-color-purple-A400 {
4621
  color: #d500f9 !important;
4622
}
4623
.md-bg-purple-A400 {
4624
  background-color: #d500f9 !important;
4625
}
4626
.md-color-purple-A700 {
4627
  color: #aa00ff !important;
4628
}
4629
.md-bg-purple-A700 {
4630
  background-color: #aa00ff !important;
4631
}
4632
.md-color-deep-purple-50 {
4633
  color: #ede7f6 !important;
4634
}
4635
.md-bg-deep-purple-50 {
4636
  background-color: #ede7f6 !important;
4637
}
4638
.md-color-deep-purple-100 {
4639
  color: #d1c4e9 !important;
4640
}
4641
.md-bg-deep-purple-100 {
4642
  background-color: #d1c4e9 !important;
4643
}
4644
.md-color-deep-purple-200 {
4645
  color: #b39ddb !important;
4646
}
4647
.md-bg-deep-purple-200 {
4648
  background-color: #b39ddb !important;
4649
}
4650
.md-color-deep-purple-300 {
4651
  color: #9575cd !important;
4652
}
4653
.md-bg-deep-purple-300 {
4654
  background-color: #9575cd !important;
4655
}
4656
.md-color-deep-purple-400 {
4657
  color: #7e57c2 !important;
4658
}
4659
.md-bg-deep-purple-400 {
4660
  background-color: #7e57c2 !important;
4661
}
4662
.md-color-deep-purple-500 {
4663
  color: #673ab7 !important;
4664
}
4665
.md-bg-deep-purple-500 {
4666
  background-color: #673ab7 !important;
4667
}
4668
.md-color-deep-purple-600 {
4669
  color: #5e35b1 !important;
4670
}
4671
.md-bg-deep-purple-600 {
4672
  background-color: #5e35b1 !important;
4673
}
4674
.md-color-deep-purple-700 {
4675
  color: #512da8 !important;
4676
}
4677
.md-bg-deep-purple-700 {
4678
  background-color: #512da8 !important;
4679
}
4680
.md-color-deep-purple-800 {
4681
  color: #4527a0 !important;
4682
}
4683
.md-bg-deep-purple-800 {
4684
  background-color: #4527a0 !important;
4685
}
4686
.md-color-deep-purple-900 {
4687
  color: #311b92 !important;
4688
}
4689
.md-bg-deep-purple-900 {
4690
  background-color: #311b92 !important;
4691
}
4692
.md-color-deep-purple-A100 {
4693
  color: #b388ff !important;
4694
}
4695
.md-bg-deep-purple-A100 {
4696
  background-color: #b388ff !important;
4697
}
4698
.md-color-deep-purple-A200 {
4699
  color: #7c4dff !important;
4700
}
4701
.md-bg-deep-purple-A200 {
4702
  background-color: #7c4dff !important;
4703
}
4704
.md-color-deep-purple-A400 {
4705
  color: #651fff !important;
4706
}
4707
.md-bg-deep-purple-A400 {
4708
  background-color: #651fff !important;
4709
}
4710
.md-color-deep-purple-A700 {
4711
  color: #6200ea !important;
4712
}
4713
.md-bg-deep-purple-A700 {
4714
  background-color: #6200ea !important;
4715
}
4716
.md-color-indigo-50 {
4717
  color: #e8eaf6 !important;
4718
}
4719
.md-bg-indigo-50 {
4720
  background-color: #e8eaf6 !important;
4721
}
4722
.md-color-indigo-100 {
4723
  color: #c5cae9 !important;
4724
}
4725
.md-bg-indigo-100 {
4726
  background-color: #c5cae9 !important;
4727
}
4728
.md-color-indigo-200 {
4729
  color: #9fa8da !important;
4730
}
4731
.md-bg-indigo-200 {
4732
  background-color: #9fa8da !important;
4733
}
4734
.md-color-indigo-300 {
4735
  color: #7986cb !important;
4736
}
4737
.md-bg-indigo-300 {
4738
  background-color: #7986cb !important;
4739
}
4740
.md-color-indigo-400 {
4741
  color: #5c6bc0 !important;
4742
}
4743
.md-bg-indigo-400 {
4744
  background-color: #5c6bc0 !important;
4745
}
4746
.md-color-indigo-500 {
4747
  color: #3f51b5 !important;
4748
}
4749
.md-bg-indigo-500 {
4750
  background-color: #3f51b5 !important;
4751
}
4752
.md-color-indigo-600 {
4753
  color: #3949ab !important;
4754
}
4755
.md-bg-indigo-600 {
4756
  background-color: #3949ab !important;
4757
}
4758
.md-color-indigo-700 {
4759
  color: #303f9f !important;
4760
}
4761
.md-bg-indigo-700 {
4762
  background-color: #303f9f !important;
4763
}
4764
.md-color-indigo-800 {
4765
  color: #283593 !important;
4766
}
4767
.md-bg-indigo-800 {
4768
  background-color: #283593 !important;
4769
}
4770
.md-color-indigo-900 {
4771
  color: #1a237e !important;
4772
}
4773
.md-bg-indigo-900 {
4774
  background-color: #1a237e !important;
4775
}
4776
.md-color-indigo-A100 {
4777
  color: #8c9eff !important;
4778
}
4779
.md-bg-indigo-A100 {
4780
  background-color: #8c9eff !important;
4781
}
4782
.md-color-indigo-A200 {
4783
  color: #536dfe !important;
4784
}
4785
.md-bg-indigo-A200 {
4786
  background-color: #536dfe !important;
4787
}
4788
.md-color-indigo-A400 {
4789
  color: #3d5afe !important;
4790
}
4791
.md-bg-indigo-A400 {
4792
  background-color: #3d5afe !important;
4793
}
4794
.md-color-indigo-A700 {
4795
  color: #304ffe !important;
4796
}
4797
.md-bg-indigo-A700 {
4798
  background-color: #304ffe !important;
4799
}
4800
.md-color-blue-50 {
4801
  color: #e3f2fd !important;
4802
}
4803
.md-bg-blue-50 {
4804
  background-color: #e3f2fd !important;
4805
}
4806
.md-color-blue-100 {
4807
  color: #bbdefb !important;
4808
}
4809
.md-bg-blue-100 {
4810
  background-color: #bbdefb !important;
4811
}
4812
.md-color-blue-200 {
4813
  color: #90caf9 !important;
4814
}
4815
.md-bg-blue-200 {
4816
  background-color: #90caf9 !important;
4817
}
4818
.md-color-blue-300 {
4819
  color: #64b5f6 !important;
4820
}
4821
.md-bg-blue-300 {
4822
  background-color: #64b5f6 !important;
4823
}
4824
.md-color-blue-400 {
4825
  color: #42a5f5 !important;
4826
}
4827
.md-bg-blue-400 {
4828
  background-color: #42a5f5 !important;
4829
}
4830
.md-color-blue-500 {
4831
  color: #2196f3 !important;
4832
}
4833
.md-bg-blue-500 {
4834
  background-color: #2196f3 !important;
4835
}
4836
.md-color-blue-600 {
4837
  color: #1e88e5 !important;
4838
}
4839
.md-bg-blue-600 {
4840
  background-color: #1e88e5 !important;
4841
}
4842
.md-color-blue-700 {
4843
  color: #1976d2 !important;
4844
}
4845
.md-bg-blue-700 {
4846
  background-color: #1976d2 !important;
4847
}
4848
.md-color-blue-800 {
4849
  color: #1565c0 !important;
4850
}
4851
.md-bg-blue-800 {
4852
  background-color: #1565c0 !important;
4853
}
4854
.md-color-blue-900 {
4855
  color: #0d47a1 !important;
4856
}
4857
.md-bg-blue-900 {
4858
  background-color: #0d47a1 !important;
4859
}
4860
.md-color-blue-A100 {
4861
  color: #82b1ff !important;
4862
}
4863
.md-bg-blue-A100 {
4864
  background-color: #82b1ff !important;
4865
}
4866
.md-color-blue-A200 {
4867
  color: #448aff !important;
4868
}
4869
.md-bg-blue-A200 {
4870
  background-color: #448aff !important;
4871
}
4872
.md-color-blue-A400 {
4873
  color: #2979ff !important;
4874
}
4875
.md-bg-blue-A400 {
4876
  background-color: #2979ff !important;
4877
}
4878
.md-color-blue-A700 {
4879
  color: #2962ff !important;
4880
}
4881
.md-bg-blue-A700 {
4882
  background-color: #2962ff !important;
4883
}
4884
.md-color-light-blue-50 {
4885
  color: #e1f5fe !important;
4886
}
4887
.md-bg-light-blue-50 {
4888
  background-color: #e1f5fe !important;
4889
}
4890
.md-color-light-blue-100 {
4891
  color: #b3e5fc !important;
4892
}
4893
.md-bg-light-blue-100 {
4894
  background-color: #b3e5fc !important;
4895
}
4896
.md-color-light-blue-200 {
4897
  color: #81d4fa !important;
4898
}
4899
.md-bg-light-blue-200 {
4900
  background-color: #81d4fa !important;
4901
}
4902
.md-color-light-blue-300 {
4903
  color: #4fc3f7 !important;
4904
}
4905
.md-bg-light-blue-300 {
4906
  background-color: #4fc3f7 !important;
4907
}
4908
.md-color-light-blue-400 {
4909
  color: #29b6f6 !important;
4910
}
4911
.md-bg-light-blue-400 {
4912
  background-color: #29b6f6 !important;
4913
}
4914
.md-color-light-blue-500 {
4915
  color: #03a9f4 !important;
4916
}
4917
.md-bg-light-blue-500 {
4918
  background-color: #03a9f4 !important;
4919
}
4920
.md-color-light-blue-600 {
4921
  color: #039be5 !important;
4922
}
4923
.md-bg-light-blue-600 {
4924
  background-color: #039be5 !important;
4925
}
4926
.md-color-light-blue-700 {
4927
  color: #0288d1 !important;
4928
}
4929
.md-bg-light-blue-700 {
4930
  background-color: #0288d1 !important;
4931
}
4932
.md-color-light-blue-800 {
4933
  color: #0277bd !important;
4934
}
4935
.md-bg-light-blue-800 {
4936
  background-color: #0277bd !important;
4937
}
4938
.md-color-light-blue-900 {
4939
  color: #01579b !important;
4940
}
4941
.md-bg-light-blue-900 {
4942
  background-color: #01579b !important;
4943
}
4944
.md-color-light-blue-A100 {
4945
  color: #80d8ff !important;
4946
}
4947
.md-bg-light-blue-A100 {
4948
  background-color: #80d8ff !important;
4949
}
4950
.md-color-light-blue-A200 {
4951
  color: #40c4ff !important;
4952
}
4953
.md-bg-light-blue-A200 {
4954
  background-color: #40c4ff !important;
4955
}
4956
.md-color-light-blue-A400 {
4957
  color: #00b0ff !important;
4958
}
4959
.md-bg-light-blue-A400 {
4960
  background-color: #00b0ff !important;
4961
}
4962
.md-color-light-blue-A700 {
4963
  color: #0091ea !important;
4964
}
4965
.md-bg-light-blue-A700 {
4966
  background-color: #0091ea !important;
4967
}
4968
.md-color-cyan-50 {
4969
  color: #e0f7fa !important;
4970
}
4971
.md-bg-cyan-50 {
4972
  background-color: #e0f7fa !important;
4973
}
4974
.md-color-cyan-100 {
4975
  color: #b2ebf2 !important;
4976
}
4977
.md-bg-cyan-100 {
4978
  background-color: #b2ebf2 !important;
4979
}
4980
.md-color-cyan-200 {
4981
  color: #80deea !important;
4982
}
4983
.md-bg-cyan-200 {
4984
  background-color: #80deea !important;
4985
}
4986
.md-color-cyan-300 {
4987
  color: #4dd0e1 !important;
4988
}
4989
.md-bg-cyan-300 {
4990
  background-color: #4dd0e1 !important;
4991
}
4992
.md-color-cyan-400 {
4993
  color: #26c6da !important;
4994
}
4995
.md-bg-cyan-400 {
4996
  background-color: #26c6da !important;
4997
}
4998
.md-color-cyan-500 {
4999
  color: #00bcd4 !important;
5000
}
5001
.md-bg-cyan-500 {
5002
  background-color: #00bcd4 !important;
5003
}
5004
.md-color-cyan-600 {
5005
  color: #00acc1 !important;
5006
}
5007
.md-bg-cyan-600 {
5008
  background-color: #00acc1 !important;
5009
}
5010
.md-color-cyan-700 {
5011
  color: #0097a7 !important;
5012
}
5013
.md-bg-cyan-700 {
5014
  background-color: #0097a7 !important;
5015
}
5016
.md-color-cyan-800 {
5017
  color: #00838f !important;
5018
}
5019
.md-bg-cyan-800 {
5020
  background-color: #00838f !important;
5021
}
5022
.md-color-cyan-900 {
5023
  color: #006064 !important;
5024
}
5025
.md-bg-cyan-900 {
5026
  background-color: #006064 !important;
5027
}
5028
.md-color-cyan-A100 {
5029
  color: #84ffff !important;
5030
}
5031
.md-bg-cyan-A100 {
5032
  background-color: #84ffff !important;
5033
}
5034
.md-color-cyan-A200 {
5035
  color: #18ffff !important;
5036
}
5037
.md-bg-cyan-A200 {
5038
  background-color: #18ffff !important;
5039
}
5040
.md-color-cyan-A400 {
5041
  color: #00e5ff !important;
5042
}
5043
.md-bg-cyan-A400 {
5044
  background-color: #00e5ff !important;
5045
}
5046
.md-color-cyan-A700 {
5047
  color: #00b8d4 !important;
5048
}
5049
.md-bg-cyan-A700 {
5050
  background-color: #00b8d4 !important;
5051
}
5052
.md-color-teal-50 {
5053
  color: #e0f2f1 !important;
5054
}
5055
.md-bg-teal-50 {
5056
  background-color: #e0f2f1 !important;
5057
}
5058
.md-color-teal-100 {
5059
  color: #b2dfdb !important;
5060
}
5061
.md-bg-teal-100 {
5062
  background-color: #b2dfdb !important;
5063
}
5064
.md-color-teal-200 {
5065
  color: #80cbc4 !important;
5066
}
5067
.md-bg-teal-200 {
5068
  background-color: #80cbc4 !important;
5069
}
5070
.md-color-teal-300 {
5071
  color: #4db6ac !important;
5072
}
5073
.md-bg-teal-300 {
5074
  background-color: #4db6ac !important;
5075
}
5076
.md-color-teal-400 {
5077
  color: #26a69a !important;
5078
}
5079
.md-bg-teal-400 {
5080
  background-color: #26a69a !important;
5081
}
5082
.md-color-teal-500 {
5083
  color: #009688 !important;
5084
}
5085
.md-bg-teal-500 {
5086
  background-color: #009688 !important;
5087
}
5088
.md-color-teal-600 {
5089
  color: #00897b !important;
5090
}
5091
.md-bg-teal-600 {
5092
  background-color: #00897b !important;
5093
}
5094
.md-color-teal-700 {
5095
  color: #00796b !important;
5096
}
5097
.md-bg-teal-700 {
5098
  background-color: #00796b !important;
5099
}
5100
.md-color-teal-800 {
5101
  color: #00695c !important;
5102
}
5103
.md-bg-teal-800 {
5104
  background-color: #00695c !important;
5105
}
5106
.md-color-teal-900 {
5107
  color: #004d40 !important;
5108
}
5109
.md-bg-teal-900 {
5110
  background-color: #004d40 !important;
5111
}
5112
.md-color-teal-A100 {
5113
  color: #a7ffeb !important;
5114
}
5115
.md-bg-teal-A100 {
5116
  background-color: #a7ffeb !important;
5117
}
5118
.md-color-teal-A200 {
5119
  color: #64ffda !important;
5120
}
5121
.md-bg-teal-A200 {
5122
  background-color: #64ffda !important;
5123
}
5124
.md-color-teal-A400 {
5125
  color: #1de9b6 !important;
5126
}
5127
.md-bg-teal-A400 {
5128
  background-color: #1de9b6 !important;
5129
}
5130
.md-color-teal-A700 {
5131
  color: #00bfa5 !important;
5132
}
5133
.md-bg-teal-A700 {
5134
  background-color: #00bfa5 !important;
5135
}
5136
.md-color-green-50 {
5137
  color: #e8f5e9 !important;
5138
}
5139
.md-bg-green-50 {
5140
  background-color: #e8f5e9 !important;
5141
}
5142
.md-color-green-100 {
5143
  color: #c8e6c9 !important;
5144
}
5145
.md-bg-green-100 {
5146
  background-color: #c8e6c9 !important;
5147
}
5148
.md-color-green-200 {
5149
  color: #a5d6a7 !important;
5150
}
5151
.md-bg-green-200 {
5152
  background-color: #a5d6a7 !important;
5153
}
5154
.md-color-green-300 {
5155
  color: #81c784 !important;
5156
}
5157
.md-bg-green-300 {
5158
  background-color: #81c784 !important;
5159
}
5160
.md-color-green-400 {
5161
  color: #66bb6a !important;
5162
}
5163
.md-bg-green-400 {
5164
  background-color: #66bb6a !important;
5165
}
5166
.md-color-green-500 {
5167
  color: #4caf50 !important;
5168
}
5169
.md-bg-green-500 {
5170
  background-color: #4caf50 !important;
5171
}
5172
.md-color-green-600 {
5173
  color: #43a047 !important;
5174
}
5175
.md-bg-green-600 {
5176
  background-color: #43a047 !important;
5177
}
5178
.md-color-green-700 {
5179
  color: #388e3c !important;
5180
}
5181
.md-bg-green-700 {
5182
  background-color: #388e3c !important;
5183
}
5184
.md-color-green-800 {
5185
  color: #2e7d32 !important;
5186
}
5187
.md-bg-green-800 {
5188
  background-color: #2e7d32 !important;
5189
}
5190
.md-color-green-900 {
5191
  color: #1b5e20 !important;
5192
}
5193
.md-bg-green-900 {
5194
  background-color: #1b5e20 !important;
5195
}
5196
.md-color-green-A100 {
5197
  color: #b9f6ca !important;
5198
}
5199
.md-bg-green-A100 {
5200
  background-color: #b9f6ca !important;
5201
}
5202
.md-color-green-A200 {
5203
  color: #69f0ae !important;
5204
}
5205
.md-bg-green-A200 {
5206
  background-color: #69f0ae !important;
5207
}
5208
.md-color-green-A400 {
5209
  color: #00e676 !important;
5210
}
5211
.md-bg-green-A400 {
5212
  background-color: #00e676 !important;
5213
}
5214
.md-color-green-A700 {
5215
  color: #00c853 !important;
5216
}
5217
.md-bg-green-A700 {
5218
  background-color: #00c853 !important;
5219
}
5220
.md-color-light-green-50 {
5221
  color: #f1f8e9 !important;
5222
}
5223
.md-bg-light-green-50 {
5224
  background-color: #f1f8e9 !important;
5225
}
5226
.md-color-light-green-100 {
5227
  color: #dcedc8 !important;
5228
}
5229
.md-bg-light-green-100 {
5230
  background-color: #dcedc8 !important;
5231
}
5232
.md-color-light-green-200 {
5233
  color: #c5e1a5 !important;
5234
}
5235
.md-bg-light-green-200 {
5236
  background-color: #c5e1a5 !important;
5237
}
5238
.md-color-light-green-300 {
5239
  color: #aed581 !important;
5240
}
5241
.md-bg-light-green-300 {
5242
  background-color: #aed581 !important;
5243
}
5244
.md-color-light-green-400 {
5245
  color: #9ccc65 !important;
5246
}
5247
.md-bg-light-green-400 {
5248
  background-color: #9ccc65 !important;
5249
}
5250
.md-color-light-green-500 {
5251
  color: #8bc34a !important;
5252
}
5253
.md-bg-light-green-500 {
5254
  background-color: #8bc34a !important;
5255
}
5256
.md-color-light-green-600 {
5257
  color: #7cb342 !important;
5258
}
5259
.md-bg-light-green-600 {
5260
  background-color: #7cb342 !important;
5261
}
5262
.md-color-light-green-700 {
5263
  color: #689f38 !important;
5264
}
5265
.md-bg-light-green-700 {
5266
  background-color: #689f38 !important;
5267
}
5268
.md-color-light-green-800 {
5269
  color: #558b2f !important;
5270
}
5271
.md-bg-light-green-800 {
5272
  background-color: #558b2f !important;
5273
}
5274
.md-color-light-green-900 {
5275
  color: #33691e !important;
5276
}
5277
.md-bg-light-green-900 {
5278
  background-color: #33691e !important;
5279
}
5280
.md-color-light-green-A100 {
5281
  color: #ccff90 !important;
5282
}
5283
.md-bg-light-green-A100 {
5284
  background-color: #ccff90 !important;
5285
}
5286
.md-color-light-green-A200 {
5287
  color: #b2ff59 !important;
5288
}
5289
.md-bg-light-green-A200 {
5290
  background-color: #b2ff59 !important;
5291
}
5292
.md-color-light-green-A400 {
5293
  color: #76ff03 !important;
5294
}
5295
.md-bg-light-green-A400 {
5296
  background-color: #76ff03 !important;
5297
}
5298
.md-color-light-green-A700 {
5299
  color: #64dd17 !important;
5300
}
5301
.md-bg-light-green-A700 {
5302
  background-color: #64dd17 !important;
5303
}
5304
.md-color-lime-50 {
5305
  color: #f9fbe7 !important;
5306
}
5307
.md-bg-lime-50 {
5308
  background-color: #f9fbe7 !important;
5309
}
5310
.md-color-lime-100 {
5311
  color: #f0f4c3 !important;
5312
}
5313
.md-bg-lime-100 {
5314
  background-color: #f0f4c3 !important;
5315
}
5316
.md-color-lime-200 {
5317
  color: #e6ee9c !important;
5318
}
5319
.md-bg-lime-200 {
5320
  background-color: #e6ee9c !important;
5321
}
5322
.md-color-lime-300 {
5323
  color: #dce775 !important;
5324
}
5325
.md-bg-lime-300 {
5326
  background-color: #dce775 !important;
5327
}
5328
.md-color-lime-400 {
5329
  color: #d4e157 !important;
5330
}
5331
.md-bg-lime-400 {
5332
  background-color: #d4e157 !important;
5333
}
5334
.md-color-lime-500 {
5335
  color: #cddc39 !important;
5336
}
5337
.md-bg-lime-500 {
5338
  background-color: #cddc39 !important;
5339
}
5340
.md-color-lime-600 {
5341
  color: #c0ca33 !important;
5342
}
5343
.md-bg-lime-600 {
5344
  background-color: #c0ca33 !important;
5345
}
5346
.md-color-lime-700 {
5347
  color: #afb42b !important;
5348
}
5349
.md-bg-lime-700 {
5350
  background-color: #afb42b !important;
5351
}
5352
.md-color-lime-800 {
5353
  color: #9e9d24 !important;
5354
}
5355
.md-bg-lime-800 {
5356
  background-color: #9e9d24 !important;
5357
}
5358
.md-color-lime-900 {
5359
  color: #827717 !important;
5360
}
5361
.md-bg-lime-900 {
5362
  background-color: #827717 !important;
5363
}
5364
.md-color-lime-A100 {
5365
  color: #f4ff81 !important;
5366
}
5367
.md-bg-lime-A100 {
5368
  background-color: #f4ff81 !important;
5369
}
5370
.md-color-lime-A200 {
5371
  color: #eeff41 !important;
5372
}
5373
.md-bg-lime-A200 {
5374
  background-color: #eeff41 !important;
5375
}
5376
.md-color-lime-A400 {
5377
  color: #c6ff00 !important;
5378
}
5379
.md-bg-lime-A400 {
5380
  background-color: #c6ff00 !important;
5381
}
5382
.md-color-lime-A700 {
5383
  color: #aeea00 !important;
5384
}
5385
.md-bg-lime-A700 {
5386
  background-color: #aeea00 !important;
5387
}
5388
.md-color-yellow-50 {
5389
  color: #fffde7 !important;
5390
}
5391
.md-bg-yellow-50 {
5392
  background-color: #fffde7 !important;
5393
}
5394
.md-color-yellow-100 {
5395
  color: #fff9c4 !important;
5396
}
5397
.md-bg-yellow-100 {
5398
  background-color: #fff9c4 !important;
5399
}
5400
.md-color-yellow-200 {
5401
  color: #fff59d !important;
5402
}
5403
.md-bg-yellow-200 {
5404
  background-color: #fff59d !important;
5405
}
5406
.md-color-yellow-300 {
5407
  color: #fff176 !important;
5408
}
5409
.md-bg-yellow-300 {
5410
  background-color: #fff176 !important;
5411
}
5412
.md-color-yellow-400 {
5413
  color: #ffee58 !important;
5414
}
5415
.md-bg-yellow-400 {
5416
  background-color: #ffee58 !important;
5417
}
5418
.md-color-yellow-500 {
5419
  color: #ffeb3b !important;
5420
}
5421
.md-bg-yellow-500 {
5422
  background-color: #ffeb3b !important;
5423
}
5424
.md-color-yellow-600 {
5425
  color: #fdd835 !important;
5426
}
5427
.md-bg-yellow-600 {
5428
  background-color: #fdd835 !important;
5429
}
5430
.md-color-yellow-700 {
5431
  color: #fbc02d !important;
5432
}
5433
.md-bg-yellow-700 {
5434
  background-color: #fbc02d !important;
5435
}
5436
.md-color-yellow-800 {
5437
  color: #f9a825 !important;
5438
}
5439
.md-bg-yellow-800 {
5440
  background-color: #f9a825 !important;
5441
}
5442
.md-color-yellow-900 {
5443
  color: #f57f17 !important;
5444
}
5445
.md-bg-yellow-900 {
5446
  background-color: #f57f17 !important;
5447
}
5448
.md-color-yellow-A100 {
5449
  color: #ffff8d !important;
5450
}
5451
.md-bg-yellow-A100 {
5452
  background-color: #ffff8d !important;
5453
}
5454
.md-color-yellow-A200 {
5455
  color: #ffff00 !important;
5456
}
5457
.md-bg-yellow-A200 {
5458
  background-color: #ffff00 !important;
5459
}
5460
.md-color-yellow-A400 {
5461
  color: #ffea00 !important;
5462
}
5463
.md-bg-yellow-A400 {
5464
  background-color: #ffea00 !important;
5465
}
5466
.md-color-yellow-A700 {
5467
  color: #ffd600 !important;
5468
}
5469
.md-bg-yellow-A700 {
5470
  background-color: #ffd600 !important;
5471
}
5472
.md-color-amber-50 {
5473
  color: #fff8e1 !important;
5474
}
5475
.md-bg-amber-50 {
5476
  background-color: #fff8e1 !important;
5477
}
5478
.md-color-amber-100 {
5479
  color: #ffecb3 !important;
5480
}
5481
.md-bg-amber-100 {
5482
  background-color: #ffecb3 !important;
5483
}
5484
.md-color-amber-200 {
5485
  color: #ffe082 !important;
5486
}
5487
.md-bg-amber-200 {
5488
  background-color: #ffe082 !important;
5489
}
5490
.md-color-amber-300 {
5491
  color: #ffd54f !important;
5492
}
5493
.md-bg-amber-300 {
5494
  background-color: #ffd54f !important;
5495
}
5496
.md-color-amber-400 {
5497
  color: #ffca28 !important;
5498
}
5499
.md-bg-amber-400 {
5500
  background-color: #ffca28 !important;
5501
}
5502
.md-color-amber-500 {
5503
  color: #ffc107 !important;
5504
}
5505
.md-bg-amber-500 {
5506
  background-color: #ffc107 !important;
5507
}
5508
.md-color-amber-600 {
5509
  color: #ffb300 !important;
5510
}
5511
.md-bg-amber-600 {
5512
  background-color: #ffb300 !important;
5513
}
5514
.md-color-amber-700 {
5515
  color: #ffa000 !important;
5516
}
5517
.md-bg-amber-700 {
5518
  background-color: #ffa000 !important;
5519
}
5520
.md-color-amber-800 {
5521
  color: #ff8f00 !important;
5522
}
5523
.md-bg-amber-800 {
5524
  background-color: #ff8f00 !important;
5525
}
5526
.md-color-amber-900 {
5527
  color: #ff6f00 !important;
5528
}
5529
.md-bg-amber-900 {
5530
  background-color: #ff6f00 !important;
5531
}
5532
.md-color-amber-A100 {
5533
  color: #ffe57f !important;
5534
}
5535
.md-bg-amber-A100 {
5536
  background-color: #ffe57f !important;
5537
}
5538
.md-color-amber-A200 {
5539
  color: #ffd740 !important;
5540
}
5541
.md-bg-amber-A200 {
5542
  background-color: #ffd740 !important;
5543
}
5544
.md-color-amber-A400 {
5545
  color: #ffc400 !important;
5546
}
5547
.md-bg-amber-A400 {
5548
  background-color: #ffc400 !important;
5549
}
5550
.md-color-amber-A700 {
5551
  color: #ffab00 !important;
5552
}
5553
.md-bg-amber-A700 {
5554
  background-color: #ffab00 !important;
5555
}
5556
.md-color-orange-50 {
5557
  color: #fff3e0 !important;
5558
}
5559
.md-bg-orange-50 {
5560
  background-color: #fff3e0 !important;
5561
}
5562
.md-color-orange-100 {
5563
  color: #ffe0b2 !important;
5564
}
5565
.md-bg-orange-100 {
5566
  background-color: #ffe0b2 !important;
5567
}
5568
.md-color-orange-200 {
5569
  color: #ffcc80 !important;
5570
}
5571
.md-bg-orange-200 {
5572
  background-color: #ffcc80 !important;
5573
}
5574
.md-color-orange-300 {
5575
  color: #ffb74d !important;
5576
}
5577
.md-bg-orange-300 {
5578
  background-color: #ffb74d !important;
5579
}
5580
.md-color-orange-400 {
5581
  color: #ffa726 !important;
5582
}
5583
.md-bg-orange-400 {
5584
  background-color: #ffa726 !important;
5585
}
5586
.md-color-orange-500 {
5587
  color: #ff9800 !important;
5588
}
5589
.md-bg-orange-500 {
5590
  background-color: #ff9800 !important;
5591
}
5592
.md-color-orange-600 {
5593
  color: #fb8c00 !important;
5594
}
5595
.md-bg-orange-600 {
5596
  background-color: #fb8c00 !important;
5597
}
5598
.md-color-orange-700 {
5599
  color: #f57c00 !important;
5600
}
5601
.md-bg-orange-700 {
5602
  background-color: #f57c00 !important;
5603
}
5604
.md-color-orange-800 {
5605
  color: #ef6c00 !important;
5606
}
5607
.md-bg-orange-800 {
5608
  background-color: #ef6c00 !important;
5609
}
5610
.md-color-orange-900 {
5611
  color: #e65100 !important;
5612
}
5613
.md-bg-orange-900 {
5614
  background-color: #e65100 !important;
5615
}
5616
.md-color-orange-A100 {
5617
  color: #ffd180 !important;
5618
}
5619
.md-bg-orange-A100 {
5620
  background-color: #ffd180 !important;
5621
}
5622
.md-color-orange-A200 {
5623
  color: #ffab40 !important;
5624
}
5625
.md-bg-orange-A200 {
5626
  background-color: #ffab40 !important;
5627
}
5628
.md-color-orange-A400 {
5629
  color: #ff9100 !important;
5630
}
5631
.md-bg-orange-A400 {
5632
  background-color: #ff9100 !important;
5633
}
5634
.md-color-orange-A700 {
5635
  color: #ff6d00 !important;
5636
}
5637
.md-bg-orange-A700 {
5638
  background-color: #ff6d00 !important;
5639
}
5640
.md-color-deep-orange-50 {
5641
  color: #fbe9e7 !important;
5642
}
5643
.md-bg-deep-orange-50 {
5644
  background-color: #fbe9e7 !important;
5645
}
5646
.md-color-deep-orange-100 {
5647
  color: #ffccbc !important;
5648
}
5649
.md-bg-deep-orange-100 {
5650
  background-color: #ffccbc !important;
5651
}
5652
.md-color-deep-orange-200 {
5653
  color: #ffab91 !important;
5654
}
5655
.md-bg-deep-orange-200 {
5656
  background-color: #ffab91 !important;
5657
}
5658
.md-color-deep-orange-300 {
5659
  color: #ff8a65 !important;
5660
}
5661
.md-bg-deep-orange-300 {
5662
  background-color: #ff8a65 !important;
5663
}
5664
.md-color-deep-orange-400 {
5665
  color: #ff7043 !important;
5666
}
5667
.md-bg-deep-orange-400 {
5668
  background-color: #ff7043 !important;
5669
}
5670
.md-color-deep-orange-500 {
5671
  color: #ff5722 !important;
5672
}
5673
.md-bg-deep-orange-500 {
5674
  background-color: #ff5722 !important;
5675
}
5676
.md-color-deep-orange-600 {
5677
  color: #f4511e !important;
5678
}
5679
.md-bg-deep-orange-600 {
5680
  background-color: #f4511e !important;
5681
}
5682
.md-color-deep-orange-700 {
5683
  color: #e64a19 !important;
5684
}
5685
.md-bg-deep-orange-700 {
5686
  background-color: #e64a19 !important;
5687
}
5688
.md-color-deep-orange-800 {
5689
  color: #d84315 !important;
5690
}
5691
.md-bg-deep-orange-800 {
5692
  background-color: #d84315 !important;
5693
}
5694
.md-color-deep-orange-900 {
5695
  color: #bf360c !important;
5696
}
5697
.md-bg-deep-orange-900 {
5698
  background-color: #bf360c !important;
5699
}
5700
.md-color-deep-orange-A100 {
5701
  color: #ff9e80 !important;
5702
}
5703
.md-bg-deep-orange-A100 {
5704
  background-color: #ff9e80 !important;
5705
}
5706
.md-color-deep-orange-A200 {
5707
  color: #ff6e40 !important;
5708
}
5709
.md-bg-deep-orange-A200 {
5710
  background-color: #ff6e40 !important;
5711
}
5712
.md-color-deep-orange-A400 {
5713
  color: #ff3d00 !important;
5714
}
5715
.md-bg-deep-orange-A400 {
5716
  background-color: #ff3d00 !important;
5717
}
5718
.md-color-deep-orange-A700 {
5719
  color: #dd2c00 !important;
5720
}
5721
.md-bg-deep-orange-A700 {
5722
  background-color: #dd2c00 !important;
5723
}
5724
.md-color-brown-50 {
5725
  color: #efebe9 !important;
5726
}
5727
.md-bg-brown-50 {
5728
  background-color: #efebe9 !important;
5729
}
5730
.md-color-brown-100 {
5731
  color: #d7ccc8 !important;
5732
}
5733
.md-bg-brown-100 {
5734
  background-color: #d7ccc8 !important;
5735
}
5736
.md-color-brown-200 {
5737
  color: #bcaaa4 !important;
5738
}
5739
.md-bg-brown-200 {
5740
  background-color: #bcaaa4 !important;
5741
}
5742
.md-color-brown-300 {
5743
  color: #a1887f !important;
5744
}
5745
.md-bg-brown-300 {
5746
  background-color: #a1887f !important;
5747
}
5748
.md-color-brown-400 {
5749
  color: #8d6e63 !important;
5750
}
5751
.md-bg-brown-400 {
5752
  background-color: #8d6e63 !important;
5753
}
5754
.md-color-brown-500 {
5755
  color: #795548 !important;
5756
}
5757
.md-bg-brown-500 {
5758
  background-color: #795548 !important;
5759
}
5760
.md-color-brown-600 {
5761
  color: #6d4c41 !important;
5762
}
5763
.md-bg-brown-600 {
5764
  background-color: #6d4c41 !important;
5765
}
5766
.md-color-brown-700 {
5767
  color: #5d4037 !important;
5768
}
5769
.md-bg-brown-700 {
5770
  background-color: #5d4037 !important;
5771
}
5772
.md-color-brown-800 {
5773
  color: #4e342e !important;
5774
}
5775
.md-bg-brown-800 {
5776
  background-color: #4e342e !important;
5777
}
5778
.md-color-brown-900 {
5779
  color: #3e2723 !important;
5780
}
5781
.md-bg-brown-900 {
5782
  background-color: #3e2723 !important;
5783
}
5784
.md-color-grey-50 {
5785
  color: #fafafa !important;
5786
}
5787
.md-bg-grey-50 {
5788
  background-color: #fafafa !important;
5789
}
5790
.md-color-grey-100 {
5791
  color: #f5f5f5 !important;
5792
}
5793
.md-bg-grey-100 {
5794
  background-color: #f5f5f5 !important;
5795
}
5796
.md-color-grey-200 {
5797
  color: #eeeeee !important;
5798
}
5799
.md-bg-grey-200 {
5800
  background-color: #eeeeee !important;
5801
}
5802
.md-color-grey-300 {
5803
  color: #e0e0e0 !important;
5804
}
5805
.md-bg-grey-300 {
5806
  background-color: #e0e0e0 !important;
5807
}
5808
.md-color-grey-400 {
5809
  color: #bdbdbd !important;
5810
}
5811
.md-bg-grey-400 {
5812
  background-color: #bdbdbd !important;
5813
}
5814
.md-color-grey-500 {
5815
  color: #9e9e9e !important;
5816
}
5817
.md-bg-grey-500 {
5818
  background-color: #9e9e9e !important;
5819
}
5820
.md-color-grey-600 {
5821
  color: #757575 !important;
5822
}
5823
.md-bg-grey-600 {
5824
  background-color: #757575 !important;
5825
}
5826
.md-color-grey-700 {
5827
  color: #616161 !important;
5828
}
5829
.md-bg-grey-700 {
5830
  background-color: #616161 !important;
5831
}
5832
.md-color-grey-800 {
5833
  color: #424242 !important;
5834
}
5835
.md-bg-grey-800 {
5836
  background-color: #424242 !important;
5837
}
5838
.md-color-grey-900 {
5839
  color: #212121 !important;
5840
}
5841
.md-bg-grey-900 {
5842
  background-color: #212121 !important;
5843
}
5844
.md-color-blue-grey-50 {
5845
  color: #eceff1 !important;
5846
}
5847
.md-bg-blue-grey-50 {
5848
  background-color: #eceff1 !important;
5849
}
5850
.md-color-blue-grey-100 {
5851
  color: #cfd8dc !important;
5852
}
5853
.md-bg-blue-grey-100 {
5854
  background-color: #cfd8dc !important;
5855
}
5856
.md-color-blue-grey-200 {
5857
  color: #b0bec5 !important;
5858
}
5859
.md-bg-blue-grey-200 {
5860
  background-color: #b0bec5 !important;
5861
}
5862
.md-color-blue-grey-300 {
5863
  color: #90a4ae !important;
5864
}
5865
.md-bg-blue-grey-300 {
5866
  background-color: #90a4ae !important;
5867
}
5868
.md-color-blue-grey-400 {
5869
  color: #78909c !important;
5870
}
5871
.md-bg-blue-grey-400 {
5872
  background-color: #78909c !important;
5873
}
5874
.md-color-blue-grey-500 {
5875
  color: #607d8b !important;
5876
}
5877
.md-bg-blue-grey-500 {
5878
  background-color: #607d8b !important;
5879
}
5880
.md-color-blue-grey-600 {
5881
  color: #546e7a !important;
5882
}
5883
.md-bg-blue-grey-600 {
5884
  background-color: #546e7a !important;
5885
}
5886
.md-color-blue-grey-700 {
5887
  color: #455a64 !important;
5888
}
5889
.md-bg-blue-grey-700 {
5890
  background-color: #455a64 !important;
5891
}
5892
.md-color-blue-grey-800 {
5893
  color: #37474f !important;
5894
}
5895
.md-bg-blue-grey-800 {
5896
  background-color: #37474f !important;
5897
}
5898
.md-color-blue-grey-900 {
5899
  color: #263238 !important;
5900
}
5901
.md-bg-blue-grey-900 {
5902
  background-color: #263238 !important;
5903
}
5904
.md-color-white {
5905
  color: #fff !important;
5906
}
5907
.md-bg-white {
5908
  background: #fff !important;
5909
}
5910
/* cards */
5911
.md-card {
5912
  background: #fff;
5913
  position: relative;
5914
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5915
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5916
  border: none;
5917
}
5918
.md-card + .md-card,
5919
.md-card + .uk-grid,
5920
.uk-grid + .md-card {
5921
  margin-top: 25px;
5922
}
5923
.md-card .full_width_in_card {
5924
  padding: 16px 24px;
5925
  background: rgba(0, 0, 0, 0.085);
5926
}
5927
.md-card .md-card-toolbar {
5928
  height: 48px;
5929
  padding: 0 16px;
5930
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5931
  background: #fff;
5932
}
5933
.md-card .md-card-toolbar:before,
5934
.md-card .md-card-toolbar:after {
5935
  content: " ";
5936
  display: table;
5937
}
5938
.md-card .md-card-toolbar:after {
5939
  clear: both;
5940
}
5941
.md-card .md-card-toolbar:before,
5942
.md-card .md-card-toolbar:after {
5943
  content: " ";
5944
  display: table;
5945
}
5946
.md-card .md-card-toolbar:after {
5947
  clear: both;
5948
}
5949
.md-card .md-card-toolbar-heading-text {
5950
  font: 500 14px / 50px "Roboto", sans-serif;
5951
  color: #212121;
5952
  margin: 0;
5953
  float: left;
5954
  overflow: hidden;
5955
  height: 48px;
5956
}
5957
.md-card .md-card-toolbar-heading-text.large {
5958
  font-size: 18px;
5959
  font-weight: 400;
5960
}
5961
.md-card .md-card-toolbar .md-toggle-group {
5962
  float: left;
5963
  margin: 8px 0 0 16px;
5964
}
5965
.md-card .md-card-toolbar .md-toggle-group.md-toggle-group-small {
5966
  margin-top: 10px;
5967
}
5968
.md-card .md-card-toolbar .md-card-toolbar-actions {
5969
  float: right;
5970
  padding-top: 10px;
5971
}
5972
.md-card .md-card-toolbar .md-card-toolbar-actions .uk-open .md-card-toolbar-icon {
5973
  background: rgba(0, 0, 0, 0.085);
5974
  color: #212121;
5975
}
5976
.md-card .md-card-toolbar .md-card-toolbar-actions .md-card-dropdown {
5977
  display: inline-block;
5978
  position: relative;
5979
}
5980
.md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control {
5981
  min-width: 220px;
5982
  margin-top: -3px;
5983
}
5984
.md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control .selectize-input {
5985
  min-height: 30px;
5986
  padding: 4px 8px;
5987
}
5988
.md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control .selectize-dropdown {
5989
  margin-top: -34px;
5990
}
5991
.md-card .md-card-toolbar .md-icon + .md-card-dropdown {
5992
  margin-left: 4px;
5993
}
5994
.md-card .md-card-toolbar .md-card-fullscreen-deactivate {
5995
  margin: 9px 8px 0 0;
5996
}
5997
.md-card .md-card-toolbar-input {
5998
  border: none;
5999
  font: 400 18px / 24px "Roboto", sans-serif;
6000
  height: auto;
6001
  background: none !important;
6002
  padding: 12px 0;
6003
  width: 50%;
6004
  -webkit-box-sizing: border-box;
6005
  box-sizing: border-box;
6006
}
6007
.md-card .md-card-toolbar .uk-tab {
6008
  margin-top: -2px;
6009
  border-bottom: none;
6010
}
6011
.md-card .md-card-toolbar .uk-tab li > a {
6012
  padding: 10px 8px !important;
6013
}
6014
.md-card .md-card-head {
6015
  height: 160px;
6016
  position: relative;
6017
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6018
}
6019
.md-card .md-card-head-menu {
6020
  position: absolute;
6021
  right: 8px;
6022
  top: 8px;
6023
}
6024
.md-card .md-card-head-avatar {
6025
  width: 82px;
6026
  height: 82px;
6027
  border-radius: 50%;
6028
  margin-top: 16px;
6029
  border: 2px solid #fff;
6030
  display: inline-block;
6031
}
6032
.md-card .md-card-head-text {
6033
  padding: 8px 16px 16px;
6034
  font: 500 16px / 22px "Roboto", sans-serif;
6035
  color: #212121;
6036
  margin: 0;
6037
}
6038
.md-card .md-card-head-text span:not(.listNavSelector) {
6039
  display: block;
6040
  font: 400 12px / 18px "Roboto", sans-serif;
6041
  margin-top: -2px;
6042
}
6043
.md-card .md-card-head-text.text_dark {
6044
  color: #212121 !important;
6045
}
6046
.md-card .md-card-head-text-over {
6047
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
6048
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
6049
}
6050
.md-card .md-card-head-subtext {
6051
  position: absolute;
6052
  bottom: 10px;
6053
  left: 0;
6054
  right: 0;
6055
  padding: 0 16px;
6056
  text-align: right;
6057
  color: #fff;
6058
}
6059
.md-card .md-card-head-subtext span {
6060
  font-size: 26px;
6061
}
6062
.md-card .md-card-head-icon {
6063
  font-size: 48px;
6064
  color: #fff;
6065
  vertical-align: middle;
6066
}
6067
.md-card .md-card-head.head_background {
6068
  background-repeat: no-repeat;
6069
  background-position: center center;
6070
  background-size: cover;
6071
  border-bottom-color: transparent;
6072
}
6073
.md-card .md-card-head.head_background .md-card-head-text {
6074
  color: #fff;
6075
}
6076
.md-card .md-card-head.head_background_top {
6077
  background-repeat: no-repeat;
6078
  background-position: center top;
6079
}
6080
.md-card .md-card-head.head_background_bottom {
6081
  background-repeat: no-repeat;
6082
  background-position: center bottom;
6083
}
6084
.md-card .md-card-head .head_chart {
6085
  height: 100px;
6086
  width: 100%;
6087
  position: absolute !important;
6088
  left: 0;
6089
  top: 40px;
6090
}
6091
.md-card .md-card-head .fitVid_player {
6092
  width: 100%;
6093
  height: 160px;
6094
  overflow: hidden;
6095
}
6096
.md-card .md-card-head-img {
6097
  height: 100%;
6098
  width: auto;
6099
}
6100
.md-card .md-card-head iframe {
6101
  height: 160px;
6102
}
6103
.md-card .md-card-content {
6104
  padding: 16px;
6105
}
6106
.md-card .md-card-content.padding-reset {
6107
  padding: 0;
6108
}
6109
.md-card .md-card-content.large-padding {
6110
  padding: 24px 35px;
6111
}
6112
.md-card .md-card-content.small-padding {
6113
  padding: 8px;
6114
}
6115
.md-card.md-card-fullscreen-activate {
6116
  cursor: pointer;
6117
}
6118
.md-card.md-card-fullscreen {
6119
  position: fixed;
6120
  z-index: 9998;
6121
  overflow-x: hidden;
6122
  cursor: default;
6123
}
6124
.md-card.md-card-fullscreen .md-card-fullscreen-activate {
6125
  display: none;
6126
}
6127
.md-card.md-card-fullscreen .md-card-fullscreen-hide {
6128
  display: none;
6129
}
6130
.md-card .md-card-fullscreen-content {
6131
  display: none;
6132
  padding: 16px;
6133
}
6134
.md-card-fullscreen-content-hidden .md-card .md-card-fullscreen-content {
6135
  display: block;
6136
  visibility: hidden;
6137
  padding: 0;
6138
}
6139
.md-card.mdToolbar_fixed {
6140
  overflow-y: hidden;
6141
}
6142
.md-card.mdToolbar_fixed > .md-card-toolbar {
6143
  position: fixed;
6144
  left: 0;
6145
  right: 0;
6146
  top: 0;
6147
  z-index: 9999;
6148
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
6149
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
6150
}
6151
.md-card.mdToolbar_fixed > .md-card-content {
6152
  overflow-y: scroll;
6153
  -webkit-box-sizing: border-box;
6154
  box-sizing: border-box;
6155
  position: absolute;
6156
  width: 100%;
6157
  top: 48px;
6158
  bottom: 0;
6159
}
6160
.md-card.mdToolbar_fixed > .md-card-content .md-card-fullscreen-content {
6161
  padding: 16px 0;
6162
}
6163
.md-card.md-card-overlay {
6164
  overflow: hidden;
6165
  padding-bottom: 54px;
6166
}
6167
.md-card.md-card-overlay .md-card-content {
6168
  height: 142px;
6169
  overflow: hidden;
6170
  -webkit-box-sizing: border-box;
6171
  box-sizing: border-box;
6172
}
6173
.md-card.md-card-overlay .md-card-content.no_truncate {
6174
  position: relative;
6175
}
6176
.md-card.md-card-overlay .md-card-content.no_truncate:after {
6177
  position: absolute;
6178
  bottom: 0;
6179
  left: 0;
6180
  right: 0;
6181
  height: 8px;
6182
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ffffff), to(rgba(255, 255, 255, 0)));
6183
  background-image: linear-gradient(to top, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
6184
  display: block;
6185
  content: '';
6186
  z-index: 10;
6187
}
6188
.md-card.md-card-overlay .md-card-content > pre {
6189
  margin-top: 0;
6190
  max-height: 110px;
6191
}
6192
.md-card.md-card-overlay .md-card-content > pre > code {
6193
  overflow: hidden;
6194
}
6195
.md-card.md-card-overlay .md-card-overlay-content {
6196
  position: absolute;
6197
  top: 100%;
6198
  left: 0;
6199
  right: 0;
6200
  padding: 0 16px;
6201
  margin-top: -54px;
6202
  border-top: 1px solid rgba(0, 0, 0, 0.12);
6203
  text-align: left;
6204
  bottom: 0;
6205
  background: #fff;
6206
  z-index: 10;
6207
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
6208
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
6209
}
6210
.md-card.md-card-overlay .md-card-overlay-content p {
6211
  margin: 0;
6212
}
6213
.md-card.md-card-overlay .md-card-overlay-content p + * {
6214
  margin-top: 16px;
6215
}
6216
.md-card.md-card-overlay .md-card-overlay-content p + p {
6217
  margin-top: 4px;
6218
}
6219
.md-card.md-card-overlay .md-card-overlay-header {
6220
  padding: 12px 0;
6221
}
6222
.md-card.md-card-overlay .md-card-overlay-header:before,
6223
.md-card.md-card-overlay .md-card-overlay-header:after {
6224
  content: " ";
6225
  display: table;
6226
}
6227
.md-card.md-card-overlay .md-card-overlay-header:after {
6228
  clear: both;
6229
}
6230
.md-card.md-card-overlay .md-card-overlay-header:before,
6231
.md-card.md-card-overlay .md-card-overlay-header:after {
6232
  content: " ";
6233
  display: table;
6234
}
6235
.md-card.md-card-overlay .md-card-overlay-header:after {
6236
  clear: both;
6237
}
6238
.md-card.md-card-overlay .md-card-overlay-header h3,
6239
.md-card.md-card-overlay .md-card-overlay-header h4 {
6240
  margin: 0;
6241
  text-overflow: ellipsis;
6242
  display: inline-block;
6243
  vertical-align: top;
6244
  white-space: nowrap;
6245
  overflow: hidden;
6246
  width: 100%;
6247
  padding-right: 32px;
6248
  -webkit-box-sizing: border-box;
6249
  box-sizing: border-box;
6250
}
6251
.md-card.md-card-overlay .md-card-overlay-header h3 {
6252
  font: 400 16px / 30px "Roboto", sans-serif;
6253
}
6254
.md-card.md-card-overlay .md-card-overlay-header h4 {
6255
  font: 500 14px / 30px "Roboto", sans-serif;
6256
}
6257
.md-card.md-card-overlay .md-card-overlay-header .md-icon {
6258
  position: absolute;
6259
  right: 12px;
6260
  top: 11px;
6261
}
6262
.md-card.md-card-overlay-active .md-card-overlay-content {
6263
  top: -1px;
6264
  margin-top: 0;
6265
}
6266
.md-card.md-card-hover {
6267
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
6268
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
6269
  will-change: box-shadow;
6270
}
6271
.md-card.md-card-hover:hover {
6272
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
6273
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
6274
}
6275
.uk-sortable-dragged .md-card {
6276
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
6277
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
6278
}
6279
.uk-sortable-dragged .md-card canvas {
6280
  margin: 0 auto;
6281
  display: block;
6282
}
6283
.md-card .heading_list {
6284
  padding: 0;
6285
}
6286
.md-card-primary,
6287
.md-card-success,
6288
.md-card-danger,
6289
.md-card-warning {
6290
  border-left: 4px solid transparent;
6291
}
6292
.md-card-primary {
6293
  border-left-color: #2196f3;
6294
}
6295
.md-card-success {
6296
  border-left-color: #7cb342;
6297
}
6298
.md-card-danger {
6299
  border-left-color: #e53935;
6300
}
6301
.md-card-warning {
6302
  border-left-color: #ffa000;
6303
}
6304
.md-card-horizontal {
6305
  position: relative;
6306
  min-height: 200px;
6307
}
6308
.md-card-horizontal:before,
6309
.md-card-horizontal:after {
6310
  content: " ";
6311
  display: table;
6312
}
6313
.md-card-horizontal:after {
6314
  clear: both;
6315
}
6316
.md-card-horizontal:before,
6317
.md-card-horizontal:after {
6318
  content: " ";
6319
  display: table;
6320
}
6321
.md-card-horizontal:after {
6322
  clear: both;
6323
}
6324
.md-card-horizontal-grid {
6325
  min-height: auto;
6326
}
6327
.md-card-horizontal .md-card-head {
6328
  border-right: 1px solid rgba(0, 0, 0, 0.12);
6329
  border-bottom: none;
6330
  width: 200px;
6331
  height: 100%;
6332
  position: absolute;
6333
  left: 0;
6334
  top: 0;
6335
  bottom: 0;
6336
}
6337
@media only screen and (max-width: 767px) {
6338
  .md-card-horizontal .md-card-head {
6339
    width: 140px;
6340
  }
6341
}
6342
.md-card-horizontal .md-card-head-grid {
6343
  border-right: 1px solid rgba(0, 0, 0, 0.12);
6344
}
6345
.md-card-horizontal .md-card-head-menu {
6346
  right: auto;
6347
  left: 8px;
6348
}
6349
.md-card-horizontal .md-card-content {
6350
  margin-left: 200px;
6351
}
6352
@media only screen and (max-width: 767px) {
6353
  .md-card-horizontal .md-card-content {
6354
    margin-left: 140px;
6355
  }
6356
}
6357
.md-card-horizontal .md-card-content-grid {
6358
  padding: 16px;
6359
}
6360
.md-expand,
6361
.md-expand-group > * {
6362
  opacity: 0;
6363
}
6364
.md-card-placeholder {
6365
  min-width: 100%;
6366
}
6367
.md-card-list-wrapper,
6368
.md-card-list-wrapper:before,
6369
.md-card-list-wrapper:after,
6370
.md-card-list-wrapper *,
6371
.md-card-list-wrapper *:before,
6372
.md-card-list-wrapper *:after {
6373
  -webkit-box-sizing: border-box;
6374
  box-sizing: border-box;
6375
}
6376
.md-card-list-wrapper .md-card-list-header {
6377
  position: absolute;
6378
  top: -24px;
6379
  left: 0;
6380
}
6381
.md-card-list-wrapper .md-card-list {
6382
  margin: 48px 0 0 0;
6383
  position: relative;
6384
}
6385
.md-card-list-wrapper .md-card-list:first-child {
6386
  margin-top: 24px;
6387
}
6388
.md-card-list-wrapper .md-card-list > ul {
6389
  margin: 0;
6390
  padding: 0;
6391
  list-style: none;
6392
}
6393
.md-card-list-wrapper .md-card-list > ul > li {
6394
  padding: 0;
6395
  margin: 0;
6396
  list-style: none;
6397
}
6398
.md-card-list-wrapper .md-card-list > ul > li {
6399
  min-height: 34px;
6400
  padding: 8px 16px;
6401
  font-size: 13px;
6402
  -webkit-transition: background 150ms,padding 200ms;
6403
  transition: background 150ms,padding 200ms;
6404
  background: #fff;
6405
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6406
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6407
}
6408
.md-card-list-wrapper .md-card-list > ul > li:before,
6409
.md-card-list-wrapper .md-card-list > ul > li:after {
6410
  content: " ";
6411
  display: table;
6412
}
6413
.md-card-list-wrapper .md-card-list > ul > li:after {
6414
  clear: both;
6415
}
6416
.md-card-list-wrapper .md-card-list > ul > li:before,
6417
.md-card-list-wrapper .md-card-list > ul > li:after {
6418
  content: " ";
6419
  display: table;
6420
}
6421
.md-card-list-wrapper .md-card-list > ul > li:after {
6422
  clear: both;
6423
}
6424
.md-card-list-wrapper .md-card-list > ul > li.item-shown {
6425
  background: #fff;
6426
  padding: 8px 36px;
6427
}
6428
@media only screen and (max-width: 767px) {
6429
  .md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-subject {
6430
    clear: both;
6431
    float: none;
6432
    padding-top: 16px;
6433
  }
6434
  .md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-subject > span {
6435
    white-space: normal;
6436
  }
6437
}
6438
.md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-sender {
6439
  width: auto;
6440
  overflow: hidden;
6441
}
6442
.md-card-list-wrapper .md-card-list > ul > li.item-shown.md-card-list-item-selected {
6443
  position: relative;
6444
}
6445
.md-card-list-wrapper .md-card-list > ul > li.item-shown.md-card-list-item-selected:before {
6446
  content: '';
6447
  position: absolute;
6448
  display: block;
6449
  left: 0;
6450
  top: 0;
6451
  bottom: 0;
6452
  width: 8px;
6453
  background: #e3f2fd;
6454
}
6455
.md-card-list-wrapper .md-card-list .md-card-list-item-select,
6456
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper,
6457
.md-card-list-wrapper .md-card-list .md-card-list-item-sender {
6458
  float: left;
6459
}
6460
.md-card-list-wrapper .md-card-list .md-card-list-item-select {
6461
  padding: 6px 8px 0 0;
6462
}
6463
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper,
6464
.md-card-list-wrapper .md-card-list .md-card-list-item-sender,
6465
.md-card-list-wrapper .md-card-list .md-card-list-item-subject,
6466
.md-card-list-wrapper .md-card-list .md-card-list-item-date {
6467
  padding: 0 8px;
6468
}
6469
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper .md-card-list-item-avatar {
6470
  background: #757575;
6471
  color: #fff;
6472
  width: 34px;
6473
  border-radius: 50%;
6474
  display: block;
6475
}
6476
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper .md-card-list-item-avatar-large {
6477
  width: 82px;
6478
  border-radius: 50%;
6479
}
6480
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper span.md-card-list-item-avatar {
6481
  line-height: 34px;
6482
  text-transform: uppercase;
6483
  text-align: center;
6484
}
6485
.md-card-list-wrapper .md-card-list .md-card-list-item-sender {
6486
  width: 220px;
6487
  line-height: 34px;
6488
}
6489
.md-card-list-wrapper .md-card-list .md-card-list-item-sender > span {
6490
  text-overflow: ellipsis;
6491
  display: inline-block;
6492
  vertical-align: top;
6493
  white-space: nowrap;
6494
  overflow: hidden;
6495
  width: 100%;
6496
}
6497
@media only screen and (max-width: 1219px) {
6498
  .md-card-list-wrapper .md-card-list .md-card-list-item-sender {
6499
    display: none;
6500
  }
6501
}
6502
.md-card-list-wrapper .md-card-list .md-card-list-item-subject {
6503
  overflow: hidden;
6504
  font-weight: 500;
6505
}
6506
.md-card-list-wrapper .md-card-list .md-card-list-item-subject > span {
6507
  line-height: 34px;
6508
  text-overflow: ellipsis;
6509
  display: inline-block;
6510
  vertical-align: top;
6511
  white-space: nowrap;
6512
  overflow: hidden;
6513
  width: 100%;
6514
}
6515
.md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small {
6516
  display: none;
6517
}
6518
@media only screen and (max-width: 1219px) {
6519
  .md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small {
6520
    display: block;
6521
  }
6522
  .md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small + span {
6523
    line-height: inherit;
6524
  }
6525
}
6526
.md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small > span {
6527
  text-overflow: ellipsis;
6528
  display: inline-block;
6529
  vertical-align: top;
6530
  white-space: nowrap;
6531
  overflow: hidden;
6532
  width: 100%;
6533
  font-size: 12px;
6534
  color: #999;
6535
}
6536
.md-card-list-wrapper .md-card-list .md-card-list-item-date {
6537
  line-height: 34px;
6538
  float: right;
6539
  color: #999;
6540
}
6541
@media only screen and (max-width: 479px) {
6542
  .md-card-list-wrapper .md-card-list .md-card-list-item-date {
6543
    display: none;
6544
  }
6545
}
6546
.md-card-list-wrapper .md-card-list .md-card-list-item-menu {
6547
  float: right;
6548
  margin: 0 0 0 8px;
6549
  position: relative;
6550
}
6551
.md-card-list-wrapper .md-card-list .md-card-list-item-menu .uk-dropdown .material-icons {
6552
  margin-right: 8px;
6553
}
6554
.md-card-list-wrapper .md-card-list .md-card-list-item-content-wrapper {
6555
  display: none;
6556
  clear: both;
6557
  opacity: 0;
6558
}
6559
.md-card-list-wrapper .md-card-list .md-card-list-item-content {
6560
  padding: 16px 16px 0 0;
6561
  max-height: 360px;
6562
  overflow-x: hidden;
6563
  margin: 0 0 40px;
6564
  top: 20px;
6565
  position: relative;
6566
  font-size: 14px;
6567
}
6568
.md-card-list-wrapper .md-card-list .md-card-list-item-content + .md-card-list-item-reply {
6569
  padding-top: 10px;
6570
}
6571
.md-card-list-wrapper .md-card-list .md-card-list-item-reply {
6572
  padding: 16px 0;
6573
}
6574
.md-card-list-wrapper .md-card-list .md-card-list-item-selected {
6575
  background: #e3f2fd;
6576
}
6577
/* forms */
6578
select,
6579
textarea,
6580
input:not([type]),
6581
input[type="text"],
6582
input[type="password"],
6583
input[type="datetime"],
6584
input[type="datetime-local"],
6585
input[type="date"],
6586
input[type="month"],
6587
input[type="time"],
6588
input[type="week"],
6589
input[type="number"],
6590
input[type="email"],
6591
input[type="url"],
6592
input[type="search"],
6593
input[type="tel"],
6594
input[type="color"] {
6595
  outline: none;
6596
}
6597
select.md-input,
6598
textarea.md-input,
6599
input:not([type]).md-input,
6600
input[type="text"].md-input,
6601
input[type="password"].md-input,
6602
input[type="datetime"].md-input,
6603
input[type="datetime-local"].md-input,
6604
input[type="date"].md-input,
6605
input[type="month"].md-input,
6606
input[type="time"].md-input,
6607
input[type="week"].md-input,
6608
input[type="number"].md-input,
6609
input[type="email"].md-input,
6610
input[type="url"].md-input,
6611
input[type="search"].md-input,
6612
input[type="tel"].md-input,
6613
input[type="color"].md-input {
6614
  border-radius: 0;
6615
  border-width: 0 0 1px;
6616
  border-style: solid;
6617
  border-color: rgba(0, 0, 0, 0.12);
6618
  font: 400 15px / 18px "Roboto", sans-serif;
6619
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
6620
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
6621
  -webkit-box-sizing: border-box;
6622
  box-sizing: border-box;
6623
  padding: 12px 4px;
6624
  background: transparent;
6625
  width: 100%;
6626
  display: block;
6627
}
6628
select.md-input.md-input-danger,
6629
textarea.md-input.md-input-danger,
6630
input:not([type]).md-input.md-input-danger,
6631
input[type="text"].md-input.md-input-danger,
6632
input[type="password"].md-input.md-input-danger,
6633
input[type="datetime"].md-input.md-input-danger,
6634
input[type="datetime-local"].md-input.md-input-danger,
6635
input[type="date"].md-input.md-input-danger,
6636
input[type="month"].md-input.md-input-danger,
6637
input[type="time"].md-input.md-input-danger,
6638
input[type="week"].md-input.md-input-danger,
6639
input[type="number"].md-input.md-input-danger,
6640
input[type="email"].md-input.md-input-danger,
6641
input[type="url"].md-input.md-input-danger,
6642
input[type="search"].md-input.md-input-danger,
6643
input[type="tel"].md-input.md-input-danger,
6644
input[type="color"].md-input.md-input-danger {
6645
  border-color: #e53935;
6646
}
6647
select.md-input.md-input-danger:focus,
6648
textarea.md-input.md-input-danger:focus,
6649
input:not([type]).md-input.md-input-danger:focus,
6650
input[type="text"].md-input.md-input-danger:focus,
6651
input[type="password"].md-input.md-input-danger:focus,
6652
input[type="datetime"].md-input.md-input-danger:focus,
6653
input[type="datetime-local"].md-input.md-input-danger:focus,
6654
input[type="date"].md-input.md-input-danger:focus,
6655
input[type="month"].md-input.md-input-danger:focus,
6656
input[type="time"].md-input.md-input-danger:focus,
6657
input[type="week"].md-input.md-input-danger:focus,
6658
input[type="number"].md-input.md-input-danger:focus,
6659
input[type="email"].md-input.md-input-danger:focus,
6660
input[type="url"].md-input.md-input-danger:focus,
6661
input[type="search"].md-input.md-input-danger:focus,
6662
input[type="tel"].md-input.md-input-danger:focus,
6663
input[type="color"].md-input.md-input-danger:focus {
6664
  border-bottom-color: #e53935;
6665
}
6666
select.md-input.md-input-success,
6667
textarea.md-input.md-input-success,
6668
input:not([type]).md-input.md-input-success,
6669
input[type="text"].md-input.md-input-success,
6670
input[type="password"].md-input.md-input-success,
6671
input[type="datetime"].md-input.md-input-success,
6672
input[type="datetime-local"].md-input.md-input-success,
6673
input[type="date"].md-input.md-input-success,
6674
input[type="month"].md-input.md-input-success,
6675
input[type="time"].md-input.md-input-success,
6676
input[type="week"].md-input.md-input-success,
6677
input[type="number"].md-input.md-input-success,
6678
input[type="email"].md-input.md-input-success,
6679
input[type="url"].md-input.md-input-success,
6680
input[type="search"].md-input.md-input-success,
6681
input[type="tel"].md-input.md-input-success,
6682
input[type="color"].md-input.md-input-success {
6683
  border-color: #7cb342;
6684
}
6685
select.md-input.md-input-success:focus,
6686
textarea.md-input.md-input-success:focus,
6687
input:not([type]).md-input.md-input-success:focus,
6688
input[type="text"].md-input.md-input-success:focus,
6689
input[type="password"].md-input.md-input-success:focus,
6690
input[type="datetime"].md-input.md-input-success:focus,
6691
input[type="datetime-local"].md-input.md-input-success:focus,
6692
input[type="date"].md-input.md-input-success:focus,
6693
input[type="month"].md-input.md-input-success:focus,
6694
input[type="time"].md-input.md-input-success:focus,
6695
input[type="week"].md-input.md-input-success:focus,
6696
input[type="number"].md-input.md-input-success:focus,
6697
input[type="email"].md-input.md-input-success:focus,
6698
input[type="url"].md-input.md-input-success:focus,
6699
input[type="search"].md-input.md-input-success:focus,
6700
input[type="tel"].md-input.md-input-success:focus,
6701
input[type="color"].md-input.md-input-success:focus {
6702
  border-bottom-color: #7cb342;
6703
}
6704
select.md-input:focus,
6705
textarea.md-input:focus,
6706
input:not([type]).md-input:focus,
6707
input[type="text"].md-input:focus,
6708
input[type="password"].md-input:focus,
6709
input[type="datetime"].md-input:focus,
6710
input[type="datetime-local"].md-input:focus,
6711
input[type="date"].md-input:focus,
6712
input[type="month"].md-input:focus,
6713
input[type="time"].md-input:focus,
6714
input[type="week"].md-input:focus,
6715
input[type="number"].md-input:focus,
6716
input[type="email"].md-input:focus,
6717
input[type="url"].md-input:focus,
6718
input[type="search"].md-input:focus,
6719
input[type="tel"].md-input:focus,
6720
input[type="color"].md-input:focus {
6721
  background: transparent;
6722
  border-color: rgba(0, 0, 0, 0.12);
6723
}
6724
select.md-input-small,
6725
textarea.md-input-small,
6726
input:not([type]).md-input-small,
6727
input[type="text"].md-input-small,
6728
input[type="password"].md-input-small,
6729
input[type="datetime"].md-input-small,
6730
input[type="datetime-local"].md-input-small,
6731
input[type="date"].md-input-small,
6732
input[type="month"].md-input-small,
6733
input[type="time"].md-input-small,
6734
input[type="week"].md-input-small,
6735
input[type="number"].md-input-small,
6736
input[type="email"].md-input-small,
6737
input[type="url"].md-input-small,
6738
input[type="search"].md-input-small,
6739
input[type="tel"].md-input-small,
6740
input[type="color"].md-input-small {
6741
  padding: 4px;
6742
}
6743
select.md-input.uk-form-width-mini,
6744
textarea.md-input.uk-form-width-mini,
6745
input:not([type]).md-input.uk-form-width-mini,
6746
input[type="text"].md-input.uk-form-width-mini,
6747
input[type="password"].md-input.uk-form-width-mini,
6748
input[type="datetime"].md-input.uk-form-width-mini,
6749
input[type="datetime-local"].md-input.uk-form-width-mini,
6750
input[type="date"].md-input.uk-form-width-mini,
6751
input[type="month"].md-input.uk-form-width-mini,
6752
input[type="time"].md-input.uk-form-width-mini,
6753
input[type="week"].md-input.uk-form-width-mini,
6754
input[type="number"].md-input.uk-form-width-mini,
6755
input[type="email"].md-input.uk-form-width-mini,
6756
input[type="url"].md-input.uk-form-width-mini,
6757
input[type="search"].md-input.uk-form-width-mini,
6758
input[type="tel"].md-input.uk-form-width-mini,
6759
input[type="color"].md-input.uk-form-width-mini {
6760
  width: 40px;
6761
}
6762
select.md-input.uk-form-width-small,
6763
textarea.md-input.uk-form-width-small,
6764
input:not([type]).md-input.uk-form-width-small,
6765
input[type="text"].md-input.uk-form-width-small,
6766
input[type="password"].md-input.uk-form-width-small,
6767
input[type="datetime"].md-input.uk-form-width-small,
6768
input[type="datetime-local"].md-input.uk-form-width-small,
6769
input[type="date"].md-input.uk-form-width-small,
6770
input[type="month"].md-input.uk-form-width-small,
6771
input[type="time"].md-input.uk-form-width-small,
6772
input[type="week"].md-input.uk-form-width-small,
6773
input[type="number"].md-input.uk-form-width-small,
6774
input[type="email"].md-input.uk-form-width-small,
6775
input[type="url"].md-input.uk-form-width-small,
6776
input[type="search"].md-input.uk-form-width-small,
6777
input[type="tel"].md-input.uk-form-width-small,
6778
input[type="color"].md-input.uk-form-width-small {
6779
  width: 130px;
6780
}
6781
select.md-input.uk-form-width-medium,
6782
textarea.md-input.uk-form-width-medium,
6783
input:not([type]).md-input.uk-form-width-medium,
6784
input[type="text"].md-input.uk-form-width-medium,
6785
input[type="password"].md-input.uk-form-width-medium,
6786
input[type="datetime"].md-input.uk-form-width-medium,
6787
input[type="datetime-local"].md-input.uk-form-width-medium,
6788
input[type="date"].md-input.uk-form-width-medium,
6789
input[type="month"].md-input.uk-form-width-medium,
6790
input[type="time"].md-input.uk-form-width-medium,
6791
input[type="week"].md-input.uk-form-width-medium,
6792
input[type="number"].md-input.uk-form-width-medium,
6793
input[type="email"].md-input.uk-form-width-medium,
6794
input[type="url"].md-input.uk-form-width-medium,
6795
input[type="search"].md-input.uk-form-width-medium,
6796
input[type="tel"].md-input.uk-form-width-medium,
6797
input[type="color"].md-input.uk-form-width-medium {
6798
  width: 200px;
6799
}
6800
select.md-input.uk-form-width-large,
6801
textarea.md-input.uk-form-width-large,
6802
input:not([type]).md-input.uk-form-width-large,
6803
input[type="text"].md-input.uk-form-width-large,
6804
input[type="password"].md-input.uk-form-width-large,
6805
input[type="datetime"].md-input.uk-form-width-large,
6806
input[type="datetime-local"].md-input.uk-form-width-large,
6807
input[type="date"].md-input.uk-form-width-large,
6808
input[type="month"].md-input.uk-form-width-large,
6809
input[type="time"].md-input.uk-form-width-large,
6810
input[type="week"].md-input.uk-form-width-large,
6811
input[type="number"].md-input.uk-form-width-large,
6812
input[type="email"].md-input.uk-form-width-large,
6813
input[type="url"].md-input.uk-form-width-large,
6814
input[type="search"].md-input.uk-form-width-large,
6815
input[type="tel"].md-input.uk-form-width-large,
6816
input[type="color"].md-input.uk-form-width-large {
6817
  width: 500px;
6818
}
6819
select.md-input.inverted-colors,
6820
textarea.md-input.inverted-colors,
6821
input:not([type]).md-input.inverted-colors,
6822
input[type="text"].md-input.inverted-colors,
6823
input[type="password"].md-input.inverted-colors,
6824
input[type="datetime"].md-input.inverted-colors,
6825
input[type="datetime-local"].md-input.inverted-colors,
6826
input[type="date"].md-input.inverted-colors,
6827
input[type="month"].md-input.inverted-colors,
6828
input[type="time"].md-input.inverted-colors,
6829
input[type="week"].md-input.inverted-colors,
6830
input[type="number"].md-input.inverted-colors,
6831
input[type="email"].md-input.inverted-colors,
6832
input[type="url"].md-input.inverted-colors,
6833
input[type="search"].md-input.inverted-colors,
6834
input[type="tel"].md-input.inverted-colors,
6835
input[type="color"].md-input.inverted-colors {
6836
  color: #fff;
6837
  border-bottom-color: #fff;
6838
}
6839
select.md-input.inverted-colors::-webkit-input-placeholder,
6840
textarea.md-input.inverted-colors::-webkit-input-placeholder,
6841
input:not([type]).md-input.inverted-colors::-webkit-input-placeholder,
6842
input[type="text"].md-input.inverted-colors::-webkit-input-placeholder,
6843
input[type="password"].md-input.inverted-colors::-webkit-input-placeholder,
6844
input[type="datetime"].md-input.inverted-colors::-webkit-input-placeholder,
6845
input[type="datetime-local"].md-input.inverted-colors::-webkit-input-placeholder,
6846
input[type="date"].md-input.inverted-colors::-webkit-input-placeholder,
6847
input[type="month"].md-input.inverted-colors::-webkit-input-placeholder,
6848
input[type="time"].md-input.inverted-colors::-webkit-input-placeholder,
6849
input[type="week"].md-input.inverted-colors::-webkit-input-placeholder,
6850
input[type="number"].md-input.inverted-colors::-webkit-input-placeholder,
6851
input[type="email"].md-input.inverted-colors::-webkit-input-placeholder,
6852
input[type="url"].md-input.inverted-colors::-webkit-input-placeholder,
6853
input[type="search"].md-input.inverted-colors::-webkit-input-placeholder,
6854
input[type="tel"].md-input.inverted-colors::-webkit-input-placeholder,
6855
input[type="color"].md-input.inverted-colors::-webkit-input-placeholder {
6856
  /* Chrome/Opera/Safari */
6857
  color: #fff;
6858
}
6859
select.md-input.inverted-colors::-moz-placeholder,
6860
textarea.md-input.inverted-colors::-moz-placeholder,
6861
input:not([type]).md-input.inverted-colors::-moz-placeholder,
6862
input[type="text"].md-input.inverted-colors::-moz-placeholder,
6863
input[type="password"].md-input.inverted-colors::-moz-placeholder,
6864
input[type="datetime"].md-input.inverted-colors::-moz-placeholder,
6865
input[type="datetime-local"].md-input.inverted-colors::-moz-placeholder,
6866
input[type="date"].md-input.inverted-colors::-moz-placeholder,
6867
input[type="month"].md-input.inverted-colors::-moz-placeholder,
6868
input[type="time"].md-input.inverted-colors::-moz-placeholder,
6869
input[type="week"].md-input.inverted-colors::-moz-placeholder,
6870
input[type="number"].md-input.inverted-colors::-moz-placeholder,
6871
input[type="email"].md-input.inverted-colors::-moz-placeholder,
6872
input[type="url"].md-input.inverted-colors::-moz-placeholder,
6873
input[type="search"].md-input.inverted-colors::-moz-placeholder,
6874
input[type="tel"].md-input.inverted-colors::-moz-placeholder,
6875
input[type="color"].md-input.inverted-colors::-moz-placeholder {
6876
  /* Firefox 19+ */
6877
  color: #fff;
6878
}
6879
select.md-input.inverted-colors:-ms-input-placeholder,
6880
textarea.md-input.inverted-colors:-ms-input-placeholder,
6881
input:not([type]).md-input.inverted-colors:-ms-input-placeholder,
6882
input[type="text"].md-input.inverted-colors:-ms-input-placeholder,
6883
input[type="password"].md-input.inverted-colors:-ms-input-placeholder,
6884
input[type="datetime"].md-input.inverted-colors:-ms-input-placeholder,
6885
input[type="datetime-local"].md-input.inverted-colors:-ms-input-placeholder,
6886
input[type="date"].md-input.inverted-colors:-ms-input-placeholder,
6887
input[type="month"].md-input.inverted-colors:-ms-input-placeholder,
6888
input[type="time"].md-input.inverted-colors:-ms-input-placeholder,
6889
input[type="week"].md-input.inverted-colors:-ms-input-placeholder,
6890
input[type="number"].md-input.inverted-colors:-ms-input-placeholder,
6891
input[type="email"].md-input.inverted-colors:-ms-input-placeholder,
6892
input[type="url"].md-input.inverted-colors:-ms-input-placeholder,
6893
input[type="search"].md-input.inverted-colors:-ms-input-placeholder,
6894
input[type="tel"].md-input.inverted-colors:-ms-input-placeholder,
6895
input[type="color"].md-input.inverted-colors:-ms-input-placeholder {
6896
  /* IE 10+ */
6897
  color: #fff;
6898
}
6899
select.md-input.inverted-colors:-moz-placeholder,
6900
textarea.md-input.inverted-colors:-moz-placeholder,
6901
input:not([type]).md-input.inverted-colors:-moz-placeholder,
6902
input[type="text"].md-input.inverted-colors:-moz-placeholder,
6903
input[type="password"].md-input.inverted-colors:-moz-placeholder,
6904
input[type="datetime"].md-input.inverted-colors:-moz-placeholder,
6905
input[type="datetime-local"].md-input.inverted-colors:-moz-placeholder,
6906
input[type="date"].md-input.inverted-colors:-moz-placeholder,
6907
input[type="month"].md-input.inverted-colors:-moz-placeholder,
6908
input[type="time"].md-input.inverted-colors:-moz-placeholder,
6909
input[type="week"].md-input.inverted-colors:-moz-placeholder,
6910
input[type="number"].md-input.inverted-colors:-moz-placeholder,
6911
input[type="email"].md-input.inverted-colors:-moz-placeholder,
6912
input[type="url"].md-input.inverted-colors:-moz-placeholder,
6913
input[type="search"].md-input.inverted-colors:-moz-placeholder,
6914
input[type="tel"].md-input.inverted-colors:-moz-placeholder,
6915
input[type="color"].md-input.inverted-colors:-moz-placeholder {
6916
  /* Firefox 18- */
6917
  color: #fff;
6918
}
6919
select.md-input.uk-form-width-mini {
6920
  width: 65px;
6921
}
6922
.md-input-width-small {
6923
  min-width: 80px !important;
6924
}
6925
.md-input-width-medium {
6926
  min-width: 160px !important;
6927
}
6928
.md-input-width-large {
6929
  min-width: 320px !important;
6930
}
6931
textarea.md-input {
6932
  min-height: 80px;
6933
  resize: none;
6934
  overflow: hidden;
6935
  -webkit-transition: height 200ms ease-out;
6936
  transition: height 200ms ease-out;
6937
  line-height: 24px;
6938
}
6939
textarea.no_autosize {
6940
  min-height: inherit;
6941
  overflow: auto;
6942
  -webkit-transition: none;
6943
  transition: none;
6944
  resize: both;
6945
}
6946
.md-input-wrapper {
6947
  position: relative;
6948
  padding-top: 4px;
6949
  width: 100%;
6950
  display: block;
6951
}
6952
.md-input-wrapper .md-input-bar {
6953
  display: block;
6954
  position: absolute;
6955
  bottom: 0;
6956
  left: 0;
6957
  width: 100%;
6958
}
6959
.md-input-wrapper .md-input-bar:before,
6960
.md-input-wrapper .md-input-bar:after {
6961
  content: '';
6962
  display: block;
6963
  position: absolute;
6964
  bottom: 0;
6965
  width: 0;
6966
  height: 2px;
6967
  background: #1976d2;
6968
  -webkit-transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
6969
  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
6970
}
6971
.md-input-wrapper .md-input-bar:before {
6972
  left: 50%;
6973
}
6974
.md-input-wrapper .md-input-bar:after {
6975
  right: 50%;
6976
}
6977
.md-input-wrapper .md-input-bar.uk-form-width-mini {
6978
  width: 40px;
6979
}
6980
.md-input-wrapper .md-input-bar.uk-form-width-small {
6981
  width: 130px;
6982
}
6983
.md-input-wrapper .md-input-bar.uk-form-width-medium {
6984
  width: 200px;
6985
}
6986
.md-input-wrapper .md-input-bar.uk-form-width-large {
6987
  width: 500px;
6988
}
6989
.md-input-wrapper > label {
6990
  color: #727272;
6991
  position: absolute;
6992
  top: 16px;
6993
  left: 4px;
6994
  right: 0;
6995
  pointer-events: none;
6996
  -webkit-transition: all 150ms ease-out;
6997
  transition: all 150ms ease-out;
6998
}
6999
.md-input-wrapper + * {
7000
  margin-top: 10px;
7001
}
7002
.md-input-wrapper.md-input-wrapper-disabled > label {
7003
  color: rgba(0, 0, 0, 0.26);
7004
}
7005
.md-input-wrapper-count {
7006
  padding-bottom: 24px;
7007
}
7008
.md-input-wrapper-count .md-input-bar {
7009
  bottom: 24px;
7010
}
7011
.md-input-wrapper-count .text-count-wrapper {
7012
  font-size: 12px;
7013
  position: absolute;
7014
  right: 0;
7015
  bottom: 0;
7016
  opacity: 0;
7017
  -webkit-transition: opacity 200ms ease-in;
7018
  transition: opacity 200ms ease-in;
7019
}
7020
.md-input-wrapper-count > .md-input-wrapper-count .text-count-wrapper {
7021
  position: absolute;
7022
  bottom: 0;
7023
  right: 0;
7024
}
7025
.md-input-filled > label,
7026
.md-input-focus > label {
7027
  top: -6px;
7028
  font-size: 12px;
7029
}
7030
.md-input-filled.md-input-wrapper-count .text-count-wrapper,
7031
.md-input-focus.md-input-wrapper-count .text-count-wrapper {
7032
  opacity: 1;
7033
}
7034
.md-input-focus .md-input-bar:before,
7035
.md-input-focus .md-input-bar:after {
7036
  width: 50%;
7037
}
7038
.md-input-wrapper-danger .md-input-bar:before,
7039
.md-input-wrapper-danger .md-input-bar:after {
7040
  background: #e53935;
7041
}
7042
.md-input-wrapper-danger.md-input-wrapper-count .text-count-wrapper {
7043
  color: #e53935;
7044
}
7045
.md-input-wrapper-success .md-input-bar:before,
7046
.md-input-wrapper-success .md-input-bar:after {
7047
  background: #7cb342;
7048
}
7049
.md-input-wrapper-success.md-input-wrapper-count .text-count-wrapper {
7050
  color: #7cb342;
7051
}
7052
.md-form-group {
7053
  position: relative;
7054
}
7055
label.md-label {
7056
  color: #999;
7057
  padding: 0 6px;
7058
  font-size: 11px;
7059
}
7060
.add-clear-span {
7061
  display: block;
7062
}
7063
.add-clear-span input {
7064
  padding-right: 24px !important;
7065
}
7066
.add-clear-span a {
7067
  top: 12px !important;
7068
  right: 4px !important;
7069
}
7070
.add-clear-span a .material-icons {
7071
  font-size: 20px;
7072
}
7073
@font-face {
7074
  font-family: 'Material Icons';
7075
  font-style: normal;
7076
  font-weight: 400;
7077
  src: url("../icons/material-design-icons/MaterialIcons-Regular.eot");
7078
  /* For IE6-8 */
7079
  src: local('Material Icons'), local('MaterialIcons-Regular'), url("../icons/material-design-icons/MaterialIcons-Regular.woff2") format('woff2'), url("../icons/material-design-icons/MaterialIcons-Regular.woff") format('woff'), url("../icons/material-design-icons/MaterialIcons-Regular.ttf") format('truetype');
7080
}
7081
.material-icons {
7082
  font-family: 'Material Icons';
7083
  font-weight: normal;
7084
  font-style: normal;
7085
  font-size: 18px;
7086
  /* Preferred icon size */
7087
  display: inline-block;
7088
  width: 1em;
7089
  height: 1em;
7090
  line-height: 1;
7091
  text-transform: none;
7092
  letter-spacing: normal;
7093
  /* Support for all WebKit browsers. */
7094
  -webkit-font-smoothing: antialiased;
7095
  /* Support for Safari and Chrome. */
7096
  text-rendering: optimizeLegibility;
7097
  /* Support for Firefox. */
7098
  -moz-osx-font-smoothing: grayscale;
7099
  /* Support for IE. */
7100
  -webkit-font-feature-settings: 'liga';
7101
  font-feature-settings: 'liga';
7102
  vertical-align: -4px;
7103
  color: rgba(0, 0, 0, 0.54);
7104
}
7105
.material-icons.md-inactive {
7106
  color: rgba(0, 0, 0, 0.26);
7107
}
7108
.material-icons.md-18 {
7109
  font-size: 18px !important;
7110
  vertical-align: -4px;
7111
}
7112
.material-icons.md-24 {
7113
  font-size: 24px !important;
7114
  vertical-align: -8px;
7115
}
7116
.material-icons.md-36 {
7117
  font-size: 36px !important;
7118
  vertical-align: -16px;
7119
}
7120
.material-icons.md-48 {
7121
  font-size: 48px !important;
7122
  vertical-align: -24px;
7123
}
7124
.material-icons.md-light {
7125
  color: #ffffff;
7126
}
7127
.material-icons.md-light.md-inactive {
7128
  color: rgba(255, 255, 255, 0.3);
7129
}
7130
/* list */
7131
.md-list {
7132
  margin: 0;
7133
  padding: 0;
7134
  list-style: none;
7135
}
7136
.md-list > li {
7137
  padding: 0;
7138
  margin: 0;
7139
  list-style: none;
7140
}
7141
.md-list,
7142
.md-list:before,
7143
.md-list:after,
7144
.md-list *,
7145
.md-list *:before,
7146
.md-list *:after {
7147
  -webkit-box-sizing: border-box;
7148
  box-sizing: border-box;
7149
}
7150
.md-list .uk-nestable-list > li,
7151
.md-list > li {
7152
  min-height: 48px;
7153
  padding: 8px 4px;
7154
  -webkit-box-sizing: border-box;
7155
  box-sizing: border-box;
7156
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
7157
  position: relative;
7158
}
7159
.md-list .uk-nestable-list > li > .md-list-content,
7160
.md-list > li > .md-list-content {
7161
  overflow: hidden;
7162
}
7163
.md-list .uk-nestable-list > li > .md-list-content > span,
7164
.md-list > li > .md-list-content > span {
7165
  display: block;
7166
}
7167
.md-list .uk-nestable-list > li > .md-list-content .md-list-heading,
7168
.md-list > li > .md-list-content .md-list-heading {
7169
  margin: 0;
7170
  font-weight: 500;
7171
  display: block;
7172
  overflow: hidden;
7173
  padding-bottom: 1px;
7174
}
7175
.md-list .uk-nestable-list > li > .md-list-content .md-list-menu,
7176
.md-list > li > .md-list-content .md-list-menu {
7177
  float: right;
7178
}
7179
.md-list .uk-nestable-list > li > .md-list-content .md-list-menu .md-list-menu-toggle,
7180
.md-list > li > .md-list-content .md-list-menu .md-list-menu-toggle {
7181
  display: block;
7182
  font-size: 18px;
7183
  color: rgba(0, 0, 0, 0.8);
7184
  width: 28px;
7185
  height: 28px;
7186
  line-height: 28px;
7187
  border-radius: 14px;
7188
  text-align: center;
7189
}
7190
.md-list .uk-nestable-list > li > .md-list-content .uk-badge,
7191
.md-list > li > .md-list-content .uk-badge {
7192
  float: right;
7193
  color: #fff !important;
7194
}
7195
.md-list .uk-nestable-list > li > .md-list-content .md-list-action,
7196
.md-list > li > .md-list-content .md-list-action {
7197
  float: right;
7198
  margin-left: 8px;
7199
  margin-top: 2px;
7200
  display: none;
7201
}
7202
.md-list .uk-nestable-list > li > .md-list-content .md-list-action-placeholder,
7203
.md-list > li > .md-list-content .md-list-action-placeholder {
7204
  float: right;
7205
  margin-left: 8px;
7206
  display: none;
7207
  width: 32px;
7208
  height: 32px;
7209
}
7210
.md-list .uk-nestable-list > li .md-list-action-dropdown,
7211
.md-list > li .md-list-action-dropdown {
7212
  position: absolute;
7213
  right: 16px;
7214
  top: 10px;
7215
  display: none;
7216
}
7217
.md-list .uk-nestable-list > li > a.md-list-content,
7218
.md-list > li > a.md-list-content {
7219
  display: block;
7220
  color: #212121;
7221
}
7222
.md-list .uk-nestable-list > li:last-child,
7223
.md-list > li:last-child {
7224
  border-bottom: none;
7225
}
7226
.md-list .uk-nestable-list > li.md-list-item-active,
7227
.md-list > li.md-list-item-active {
7228
  color: #7cb342;
7229
  background: #ededed;
7230
}
7231
.md-list .uk-nestable-list > li.md-list-item-disabled > .md-list-content,
7232
.md-list > li.md-list-item-disabled > .md-list-content {
7233
  color: #bdbdbd;
7234
}
7235
.md-list .uk-nestable-list > li.md-list-item-disabled > .md-list-content span,
7236
.md-list > li.md-list-item-disabled > .md-list-content span {
7237
  color: #bdbdbd !important;
7238
}
7239
.md-list .uk-nestable-list > li.heading_list,
7240
.md-list > li.heading_list {
7241
  min-height: 32px;
7242
  padding: 32px 8px 16px;
7243
  border-bottom: none;
7244
  background: transparent !important;
7245
  text-transform: uppercase;
7246
}
7247
.uk-touch .md-list .uk-nestable-list > li > .md-list-addon-element .uk-nestable-handle,
7248
.uk-touch .md-list > li > .md-list-addon-element .uk-nestable-handle,
7249
.md-list .uk-nestable-list > li:hover > .md-list-addon-element .uk-nestable-handle,
7250
.md-list > li:hover > .md-list-addon-element .uk-nestable-handle {
7251
  display: block;
7252
}
7253
.uk-touch .md-list .uk-nestable-list > li > .md-list-content .md-list-action,
7254
.uk-touch .md-list > li > .md-list-content .md-list-action,
7255
.md-list .uk-nestable-list > li:hover > .md-list-content .md-list-action,
7256
.md-list > li:hover > .md-list-content .md-list-action,
7257
.uk-touch .md-list .uk-nestable-list > li > .md-list-content .md-list-action-placeholder,
7258
.uk-touch .md-list > li > .md-list-content .md-list-action-placeholder,
7259
.md-list .uk-nestable-list > li:hover > .md-list-content .md-list-action-placeholder,
7260
.md-list > li:hover > .md-list-content .md-list-action-placeholder {
7261
  display: block;
7262
}
7263
.uk-touch .md-list .uk-nestable-list > li .md-list-action-dropdown,
7264
.uk-touch .md-list > li .md-list-action-dropdown,
7265
.md-list .uk-nestable-list > li:hover .md-list-action-dropdown,
7266
.md-list > li:hover .md-list-action-dropdown {
7267
  display: block;
7268
}
7269
.md-list .uk-nestable-list > li {
7270
  margin-left: 64px;
7271
}
7272
.md-list-addon > li {
7273
  margin-left: 64px;
7274
  position: relative;
7275
}
7276
.md-list-addon > li:last-child .md-list-addon-element {
7277
  border-bottom: none;
7278
  bottom: 0;
7279
}
7280
.md-list-addon > li:first-child .md-list-addon-element {
7281
  top: 0;
7282
}
7283
.md-list-addon > li.md-list-item-active .md-list-addon-element,
7284
.md-list-addon > li.md-list-item-active .md-list-addon-element .material-icons {
7285
  color: #7cb342;
7286
}
7287
.md-list-addon-element {
7288
  position: absolute;
7289
  left: -64px;
7290
  top: -1px;
7291
  bottom: -1px;
7292
  width: 64px;
7293
  text-align: center;
7294
  padding: 8px 0;
7295
  display: block;
7296
}
7297
.md-list-addon-element .element-status {
7298
  position: absolute;
7299
  right: 12px;
7300
  top: 10px;
7301
  width: 12px;
7302
  height: 12px;
7303
  border-radius: 50%;
7304
  background: #bdbdbd;
7305
  border: 1px solid #fff;
7306
}
7307
.md-list-addon-element .element-status-danger {
7308
  background: #e53935;
7309
}
7310
.md-list-addon-element .element-status-success {
7311
  background: #7cb342;
7312
}
7313
.md-list-addon-element .element-status-warning {
7314
  background: #ffa000;
7315
}
7316
.md-list-addon-element > .md-list-addon-avatar {
7317
  margin-top: 2px;
7318
}
7319
.md-list-addon-element > .md-list-addon-icon {
7320
  font-size: 28px;
7321
  margin-top: 4px;
7322
  color: #727272;
7323
}
7324
.md-list-addon-element > .material-icons {
7325
  margin-top: 6px;
7326
}
7327
.md-list-addon-element .iradio_md,
7328
.md-list-addon-element .icheckbox_md {
7329
  margin-top: 10px;
7330
}
7331
.md-list-addon-element .uk-nestable-handle {
7332
  position: absolute;
7333
  left: -2px;
7334
  top: 12px;
7335
  display: none;
7336
}
7337
.md-list-interactive li {
7338
  cursor: pointer;
7339
}
7340
.md-list-bg {
7341
  background: #fff;
7342
}
7343
.md-list-separated li {
7344
  background: #fff;
7345
  padding: 8px;
7346
}
7347
.md-list-separated li + li {
7348
  border-top: none;
7349
  margin-top: 8px;
7350
}
7351
.md-list-bg-no-sep {
7352
  background: #fff;
7353
  padding: 8px;
7354
}
7355
.md-list-bg-no-sep li > .md-list-content {
7356
  padding: 0 4px;
7357
}
7358
.md-list-outside > li {
7359
  padding: 0;
7360
}
7361
.md-list-outside > li > .md-list-content {
7362
  padding: 8px 16px;
7363
  display: block;
7364
  color: #212121;
7365
}
7366
.md-list-outside > li.md-list-item-active,
7367
.md-list-outside > li:hover:not(.heading_list) {
7368
  background: rgba(0, 0, 0, 0.085);
7369
}
7370
.md-list-outside > li.heading_list {
7371
  padding: 32px 16px 16px;
7372
}
7373
.md-list-outside.md-list-addon li {
7374
  margin-left: 0;
7375
}
7376
.md-list-outside.md-list-addon li .md-list-addon-element {
7377
  position: relative;
7378
  top: auto;
7379
  left: auto;
7380
  float: left;
7381
}
7382
.md-list-outside.md-list-addon li .md-list-content {
7383
  padding-left: 0;
7384
}
7385
.md-list-outside-wrapper {
7386
  position: relative;
7387
}
7388
.md-list-outside-wrapper .md-list-outside-search {
7389
  position: absolute;
7390
  top: -46px;
7391
  left: 16px;
7392
  right: 16px;
7393
  z-index: 1000;
7394
}
7395
.md-list-outside-wrapper .md-list-outside-search .md-input-wrapper {
7396
  padding: 0;
7397
}
7398
.md-list-outside-wrapper .md-list-outside-search .md-input-wrapper .md-input-bar:before,
7399
.md-list-outside-wrapper .md-list-outside-search .md-input-wrapper .md-input-bar:after {
7400
  background: #fff;
7401
}
7402
.md-list-outside-wrapper .md-list-outside-search .md-input {
7403
  border-bottom-color: transparent !important;
7404
}
7405
.md-list .uk-nestable-list {
7406
  padding-left: 0;
7407
}
7408
.md-list .uk-nestable-list .uk-nestable-item {
7409
  padding-right: 0;
7410
}
7411
.md-list .uk-nestable-item + .uk-nestable-item {
7412
  margin-top: 0;
7413
}
7414
.md-list-right.md-list-addon > li {
7415
  margin-left: 0;
7416
  margin-right: 64px;
7417
}
7418
.md-list-right.md-list-addon > li .md-list-addon-element {
7419
  left: auto;
7420
  right: -64px;
7421
}
7422
.uk-touch .md-list-addon-element .uk-nestable-handle {
7423
  display: block !important;
7424
}
7425
.uk-touch .md-list-content .md-list-action,
7426
.uk-touch .md-list-content .md-list-action-placeholder {
7427
  display: block !important;
7428
}
7429
.uk-touch .md-list-action-dropdown {
7430
  display: block !important;
7431
}
7432
/* panels */
7433
.md-panel-full {
7434
  position: relative;
7435
  overflow: hidden;
7436
  min-height: 100%;
7437
}
7438
.md-panel-full,
7439
.md-panel-full:before,
7440
.md-panel-full:after,
7441
.md-panel-full *,
7442
.md-panel-full *:before,
7443
.md-panel-full *:after {
7444
  -webkit-box-sizing: border-box;
7445
  box-sizing: border-box;
7446
}
7447
.md-panel-full > .uk-grid {
7448
  height: 100%;
7449
}
7450
.md-panel-full > .uk-grid [class*=uk-width] {
7451
  height: 100%;
7452
}
7453
.md-panel-full .md-panel-full-aside {
7454
  margin: 16px 16px 32px;
7455
  padding: 16px;
7456
}
7457
.md-panel-full .md-panel-full-aside.md-panel-full-aside-bg {
7458
  background: #fff;
7459
}
7460
.md-panel-full .md-panel-full-content {
7461
  background: #fff;
7462
  padding: 25px 25px 90px;
7463
  width: inherit;
7464
  min-width: 100%;
7465
  min-height: 100%;
7466
}
7467
.md-panel-full .md-panel-full-content > .md-panel-full-content-inner {
7468
  position: relative;
7469
  z-index: 10;
7470
}
7471
.md-panel-full .md-panel-full-content:before {
7472
  width: inherit;
7473
  content: '';
7474
  position: absolute;
7475
  background: #fff;
7476
  display: block;
7477
  right: 0;
7478
  top: 0;
7479
  bottom: 0;
7480
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
7481
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
7482
  z-index: 5;
7483
}
7484
.md-panel-full .md-panel-full-content .md-panel-full-content-header {
7485
  margin-bottom: 24px;
7486
}
7487
.md-panel-full .md-panel-full-content .md-panel-full-content-header .md-panel-full-content-menu {
7488
  float: right;
7489
}
7490
/* top bar */
7491
.md-top-bar .md-top-bar-checkbox {
7492
  padding-top: 10px;
7493
}
7494
.md-top-bar .md-top-bar-icons {
7495
  margin-top: 5px;
7496
}
7497
.md-top-bar .md-top-bar-icons,
7498
.md-top-bar .md-top-bar-checkbox {
7499
  display: inline-block;
7500
}
7501
.md-top-bar .md-btn-group {
7502
  margin-top: 4px;
7503
}
7504
.md-top-bar .md-top-bar-actions-left {
7505
  float: left;
7506
  padding-left: 16px;
7507
}
7508
.md-top-bar .md-top-bar-actions-left .md-btn-group {
7509
  margin-left: 8px;
7510
}
7511
.md-top-bar .md-top-bar-actions-right {
7512
  float: right;
7513
  padding-right: 16px;
7514
}
7515
.md-top-bar .md-top-bar-actions-right .md-btn-group {
7516
  margin-right: 8px;
7517
}
7518
.md-top-bar .md-btn-small {
7519
  padding: 2px 12px;
7520
}
7521
/*** utils ***/
7522
/* avatar */
7523
.md-user-image {
7524
  width: 34px;
7525
  border-radius: 50%;
7526
}
7527
.md-user-image-large {
7528
  width: 82px;
7529
  border-radius: 50%;
7530
}
7531
.md-user-placeholder {
7532
  background-color: rgba(0, 0, 0, 0.085);
7533
  width: 34px;
7534
  height: 34px;
7535
  border-radius: 50%;
7536
}
7537
.md-user-letters {
7538
  display: inline-block;
7539
  line-height: 35px;
7540
  width: 34px;
7541
  height: 34px;
7542
  border-radius: 50%;
7543
  text-align: center;
7544
  text-transform: uppercase;
7545
  font-weight: 500;
7546
  background-color: rgba(0, 0, 0, 0.085);
7547
}
7548
/* icons */
7549
.md-icon {
7550
  font-size: 24px;
7551
  line-height: 32px !important;
7552
  height: 32px !important;
7553
  color: #727272;
7554
  border-radius: 50%;
7555
  cursor: pointer;
7556
  -webkit-transition: background 280ms ease-out, color 280ms ease-out;
7557
  transition: background 280ms ease-out, color 280ms ease-out;
7558
  width: 32px !important;
7559
  text-align: center;
7560
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
7561
}
7562
.md-icon:hover,
7563
.md-icon:focus,
7564
.md-icon:active,
7565
.md-icon.active {
7566
  color: #212121;
7567
  background: rgba(0, 0, 0, 0.08);
7568
}
7569
.md-icon-light {
7570
  color: #fff;
7571
}
7572
.md-icon-light:hover,
7573
.md-icon-light:focus,
7574
.md-icon-light:active {
7575
  color: #fff;
7576
  background: rgba(0, 0, 0, 0.2);
7577
}
7578
.md-icon-dark {
7579
  color: #212121;
7580
}
7581
.md-icon-dark:hover,
7582
.md-icon-dark:focus,
7583
.md-icon-dark:active {
7584
  color: #212121;
7585
  background: rgba(255, 255, 255, 0.6);
7586
}
7587
.md-icon + .md-icon {
7588
  margin-left: 4px;
7589
}
7590
.md-icon-btn {
7591
  display: inline-block;
7592
}
7593
.md-icon-btn.active .md-icon {
7594
  color: #212121;
7595
  background: rgba(0, 0, 0, 0.08);
7596
}
7597
button.md-icon {
7598
  background: none;
7599
  border: none;
7600
  outline: none;
7601
}
7602
.uk-open > .md-icon {
7603
  color: #212121;
7604
  background: rgba(0, 0, 0, 0.08);
7605
}
7606
.uk-open > .md-icon-light {
7607
  color: #fff;
7608
  background: rgba(0, 0, 0, 0.2);
7609
}
7610
.uk-open > .md-icon-dark {
7611
  color: #212121;
7612
  background: rgba(255, 255, 255, 0.6);
7613
}
7614
/* dropdown list */
7615
.md-list-inputs {
7616
  margin: 0;
7617
  padding: 0;
7618
  list-style: none;
7619
}
7620
.md-list-inputs > li {
7621
  padding: 0;
7622
  margin: 0;
7623
  list-style: none;
7624
}
7625
.md-list-inputs li + li {
7626
  margin-top: 8px;
7627
}
7628
.md-list-inputs li .icheckbox_md {
7629
  float: left;
7630
}
7631
.md-list-inputs li label {
7632
  overflow: hidden;
7633
  padding-left: 8px;
7634
  display: block;
7635
  cursor: pointer;
7636
}
7637
/* hr */
7638
.md-hr {
7639
  margin: 32px 0;
7640
  height: 0;
7641
  border-top: 2px solid rgba(0, 0, 0, 0.12);
7642
}
7643
/* animated show */
7644
@-webkit-keyframes hierarchical_show {
7645
  0% {
7646
    opacity: 0;
7647
    -webkit-transform: scale3d(0.2, 0.2, 2);
7648
    transform: scale3d(0.2, 0.2, 2);
7649
  }
7650
  40% {
7651
    opacity: 1;
7652
  }
7653
  100% {
7654
    -webkit-transform: scale3d(1, 1, 1);
7655
    transform: scale3d(1, 1, 1);
7656
  }
7657
}
7658
@keyframes hierarchical_show {
7659
  0% {
7660
    opacity: 0;
7661
    -webkit-transform: scale3d(0.2, 0.2, 2);
7662
    transform: scale3d(0.2, 0.2, 2);
7663
  }
7664
  40% {
7665
    opacity: 1;
7666
  }
7667
  100% {
7668
    -webkit-transform: scale3d(1, 1, 1);
7669
    transform: scale3d(1, 1, 1);
7670
  }
7671
}
7672
.hierarchical_show {
7673
  will-change: transform, opacity;
7674
}
7675
.hierarchical_show > * {
7676
  visibility: hidden;
7677
}
7678
.hierarchical_show_inView > * {
7679
  -webkit-animation-fill-mode: both;
7680
  animation-fill-mode: both;
7681
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7682
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7683
  -webkit-animation-duration: 560ms;
7684
  animation-duration: 560ms;
7685
  -webkit-animation-name: hierarchical_show;
7686
  animation-name: hierarchical_show;
7687
  visibility: visible;
7688
}
7689
@-webkit-keyframes hierarchical_slide {
7690
  0% {
7691
    opacity: 0;
7692
    -webkit-transform: translate3d(0, 160%, 0);
7693
    transform: translate3d(0, 160%, 0);
7694
  }
7695
  33% {
7696
    opacity: 1;
7697
  }
7698
  100% {
7699
    -webkit-transform: translate3d(0, 0, 0);
7700
    transform: translate3d(0, 0, 0);
7701
  }
7702
}
7703
@keyframes hierarchical_slide {
7704
  0% {
7705
    opacity: 0;
7706
    -webkit-transform: translate3d(0, 160%, 0);
7707
    transform: translate3d(0, 160%, 0);
7708
  }
7709
  33% {
7710
    opacity: 1;
7711
  }
7712
  100% {
7713
    -webkit-transform: translate3d(0, 0, 0);
7714
    transform: translate3d(0, 0, 0);
7715
  }
7716
}
7717
.hierarchical_slide {
7718
  will-change: transform, opacity;
7719
}
7720
.hierarchical_slide > * {
7721
  visibility: hidden;
7722
}
7723
.hierarchical_slide_inView > * {
7724
  -webkit-animation-fill-mode: both;
7725
  animation-fill-mode: both;
7726
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7727
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7728
  -webkit-animation-duration: 560ms;
7729
  animation-duration: 560ms;
7730
  -webkit-animation-name: hierarchical_slide;
7731
  animation-name: hierarchical_slide;
7732
  visibility: visible;
7733
}
7734
.fast_animation {
7735
  -webkit-animation-duration: 280ms;
7736
  animation-duration: 280ms;
7737
}
7738
/* 6. plugins ======================================== */
7739
/* altair plugins */
7740
/* colorpicker */
7741
.cp_altair {
7742
  padding: 8px 0;
7743
  overflow: hidden;
7744
}
7745
.cp_altair span {
7746
  width: 24px;
7747
  height: 24px;
7748
  margin: 0 8px 8px 0;
7749
  float: left;
7750
  -webkit-transition: all 280ms ease-out;
7751
  transition: all 280ms ease-out;
7752
  cursor: pointer;
7753
  border: 1px solid rgba(0, 0, 0, 0.15);
7754
}
7755
.cp_altair span.active_color {
7756
  border-radius: 50%;
7757
  cursor: default;
7758
}
7759
/* metrics graphics */
7760
.mGraph {
7761
  min-height: 240px;
7762
  width: 100%;
7763
}
7764
.mGraph-wrapper {
7765
  position: relative;
7766
}
7767
.mGraph-wrapper .md-toggle-group {
7768
  position: absolute;
7769
  top: 4px;
7770
  left: 12px;
7771
}
7772
.mGraph .mg-active-datapoint {
7773
  font-size: 13px;
7774
}
7775
.mGraph .mg-area1-color {
7776
  fill: #1976d2;
7777
}
7778
.mGraph .mg-area2-color {
7779
  fill: #689f38;
7780
}
7781
.mGraph .mg-area3-color {
7782
  fill: #d32f2f;
7783
}
7784
.mGraph .mg-area4-color {
7785
  fill: #ffa000;
7786
}
7787
.mGraph .mg-area5-color {
7788
  fill: #455a64;
7789
}
7790
.mGraph .mg-baselines line {
7791
  stroke: #909090;
7792
  stroke-width: 0.5;
7793
}
7794
.mGraph .mg-baselines text {
7795
  font-size: 9px;
7796
  opacity: 0.5;
7797
}
7798
.mGraph .mg-chart-title {
7799
  font-size: 22px;
7800
}
7801
.mGraph .mg-chart-title .fa {
7802
  font-size: 16px;
7803
}
7804
.mGraph .mg-line1-color {
7805
  stroke: #1976d2;
7806
}
7807
.mGraph .mg-hover-line1-color {
7808
  fill: #1976d2;
7809
}
7810
.mGraph .mg-line2-color {
7811
  stroke: #689f38;
7812
}
7813
.mGraph .mg-hover-line2-color {
7814
  fill: #689f38;
7815
}
7816
.mGraph .mg-line3-color {
7817
  stroke: #d32f2f;
7818
}
7819
.mGraph .mg-hover-line3-color {
7820
  fill: #d32f2f;
7821
}
7822
.mGraph .mg-line4-color {
7823
  stroke: #ffa000;
7824
}
7825
.mGraph .mg-hover-line4-color {
7826
  fill: #ffa000;
7827
}
7828
.mGraph .mg-line5-color {
7829
  stroke: #455a64;
7830
}
7831
.mGraph .mg-hover-line5-color {
7832
  fill: #455a64;
7833
}
7834
.mGraph .mg-line1-legend-color {
7835
  color: #1976d2;
7836
}
7837
.mGraph .mg-line2-legend-color {
7838
  color: #689f38;
7839
}
7840
.mGraph .mg-line3-legend-color {
7841
  color: #d32f2f;
7842
}
7843
.mGraph .mg-line4-legend-color {
7844
  color: #ffa000;
7845
}
7846
.mGraph .mg-line5-legend-color {
7847
  color: #455a64;
7848
}
7849
.mGraph .mg-markers line {
7850
  stroke-width: 0.8;
7851
}
7852
.mGraph .mg-markers text {
7853
  font-size: 9px;
7854
}
7855
.mGraph path.mg-main-line {
7856
  stroke-width: 1.1;
7857
}
7858
.mGraph .mg-x-axis line,
7859
.mGraph .mg-y-axis line {
7860
  stroke: #ccc;
7861
  stroke-width: 0.8;
7862
}
7863
.mGraph .mg-x-axis text,
7864
.mGraph .mg-y-axis text,
7865
.mGraph .mg-histogram .axis text {
7866
  font-size: 11px;
7867
}
7868
.mGraph .mg-x-axis .label,
7869
.mGraph .mg-y-axis .label,
7870
.mGraph .mg-axis .label {
7871
  font-size: 10px;
7872
}
7873
.mGraph .mg-x-axis-small text,
7874
.mGraph .mg-y-axis-small text,
7875
.mGraph .mg-active-datapoint-small {
7876
  font-size: 8px;
7877
}
7878
.mGraph .mg-x-axis-small .label,
7879
.mGraph .mg-y-axis-small .label {
7880
  font-size: 9px;
7881
}
7882
.mGraph .mg-year-marker text {
7883
  font-size: 9px;
7884
}
7885
.mGraph .mg-year-marker line {
7886
  stroke: #ccc;
7887
  stroke-width: 0.8;
7888
}
7889
.mGraph .mg-year-marker-small text {
7890
  font-size: 8px;
7891
}
7892
.mGraph .mg-chart-title {
7893
  font-size: 18px;
7894
  margin: 0;
7895
  padding: 0;
7896
}
7897
.mGraph .popover {
7898
  z-index: 1060;
7899
  position: absolute !important;
7900
  background: #616161;
7901
  color: #fff;
7902
  font-size: 13px;
7903
  padding: 8px 16px;
7904
  line-height: 16px;
7905
  max-width: 290px;
7906
  margin-top: -10px;
7907
}
7908
/* c3 charts */
7909
.c3chart {
7910
  min-height: 240px;
7911
  width: 100%;
7912
}
7913
.c3chart .c3-tooltip {
7914
  border-collapse: collapse;
7915
  border-spacing: 0;
7916
  empty-cells: show;
7917
  -webkit-box-shadow: none;
7918
  box-shadow: none;
7919
  opacity: 1;
7920
  background: #fff;
7921
  border: none;
7922
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
7923
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
7924
}
7925
.c3chart .c3-tooltip th {
7926
  border: none;
7927
  background: #fff;
7928
  color: #212121;
7929
}
7930
.c3chart .c3-tooltip td {
7931
  border: none;
7932
  color: #212121;
7933
  font-weight: 400;
7934
  font-size: 12px;
7935
}
7936
.c3chart .c3-tooltip td + td {
7937
  border-left: 1px solid rgba(0, 0, 0, 0.12);
7938
}
7939
.c3chart .c3-tooltip tr {
7940
  border: none;
7941
}
7942
.c3chart .c3-tooltip tr + tr td {
7943
  border-top: 1px solid rgba(0, 0, 0, 0.12);
7944
}
7945
.c3-area {
7946
  opacity: 0.25;
7947
}
7948
/* clndr */
7949
.clndr {
7950
  position: relative;
7951
  overflow: hidden;
7952
}
7953
.clndr,
7954
.clndr:before,
7955
.clndr:after,
7956
.clndr *,
7957
.clndr *:before,
7958
.clndr *:after {
7959
  -webkit-box-sizing: border-box;
7960
  box-sizing: border-box;
7961
}
7962
.clndr .clndr_days_names:before,
7963
.clndr .clndr_days_grid:before,
7964
.clndr .clndr_days_names:after,
7965
.clndr .clndr_days_grid:after {
7966
  content: " ";
7967
  display: table;
7968
}
7969
.clndr .clndr_days_names:after,
7970
.clndr .clndr_days_grid:after {
7971
  clear: both;
7972
}
7973
.clndr .clndr_days_names:before,
7974
.clndr .clndr_days_grid:before,
7975
.clndr .clndr_days_names:after,
7976
.clndr .clndr_days_grid:after {
7977
  content: " ";
7978
  display: table;
7979
}
7980
.clndr .clndr_days_names:after,
7981
.clndr .clndr_days_grid:after {
7982
  clear: both;
7983
}
7984
.clndr .md-card-toolbar-heading-text {
7985
  text-transform: capitalize;
7986
}
7987
.clndr .clndr_days {
7988
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
7989
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
7990
  padding: 16px;
7991
  -webkit-transform: translateY(0);
7992
  transform: translateY(0);
7993
  opacity: 1;
7994
}
7995
.clndr .clndr_days .clndr_days_names .day-header {
7996
  width: 14.28571429%;
7997
  float: left;
7998
  text-align: center;
7999
  padding: 8px 0;
8000
  text-transform: uppercase;
8001
  font-size: 12px;
8002
  font-weight: 500;
8003
}
8004
.clndr .clndr_days .clndr_days_grid .day {
8005
  width: 14.28571429%;
8006
  float: left;
8007
  padding: 6px;
8008
  text-align: center;
8009
  position: relative;
8010
}
8011
.clndr .clndr_days .clndr_days_grid .day.next-month,
8012
.clndr .clndr_days .clndr_days_grid .day.last-month {
8013
  color: #bbb;
8014
}
8015
.clndr .clndr_days .clndr_days_grid .day > span {
8016
  display: inline-block;
8017
  font-size: 15px;
8018
  line-height: 36px;
8019
  height: 38px;
8020
  width: 38px;
8021
  border-radius: 50%;
8022
  border: 1px solid transparent;
8023
}
8024
@media only screen and (max-width: 479px) {
8025
  .clndr .clndr_days .clndr_days_grid .day > span {
8026
    font-size: 14px;
8027
    line-height: 31px;
8028
    height: 32px;
8029
    width: 32px;
8030
    border-radius: 16px;
8031
  }
8032
}
8033
.clndr .clndr_days .clndr_days_grid .day.today > span {
8034
  background: #7cb342;
8035
  color: #fff;
8036
}
8037
.clndr .clndr_days .clndr_days_grid .day.event {
8038
  cursor: pointer;
8039
}
8040
.clndr .clndr_days .clndr_days_grid .day.event > span {
8041
  border-color: rgba(0, 0, 0, 0.12);
8042
}
8043
.clndr .clndr_days .clndr_days_grid .day.event.today > span {
8044
  border-color: transparent;
8045
}
8046
.clndr .clndr_events {
8047
  position: absolute;
8048
  top: 48px;
8049
  bottom: 0;
8050
  right: 0;
8051
  width: 240px;
8052
  background: #fff;
8053
  overflow-x: hidden;
8054
  overflow-y: auto;
8055
  padding: 16px;
8056
  margin-right: -240px;
8057
  -webkit-transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
8058
  transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
8059
  border-left: 1px solid rgba(0, 0, 0, 0.12);
8060
}
8061
.clndr .clndr_events .clndr_event {
8062
  padding: 8px 0;
8063
  display: none;
8064
}
8065
.clndr .clndr_events .clndr_event > a {
8066
  display: inline-block;
8067
  color: #212121;
8068
}
8069
.clndr .clndr_events .clndr_event .clndr_event_more_info,
8070
.clndr .clndr_events .clndr_event .clndr_event_title {
8071
  display: block;
8072
}
8073
.clndr .clndr_events .clndr_event .clndr_event_more_info {
8074
  margin: 0;
8075
  font-size: 12px;
8076
  color: #999;
8077
}
8078
.clndr .clndr_events .clndr_event .clndr_event_title {
8079
  font-size: 14px;
8080
  font-weight: 500;
8081
}
8082
.clndr .clndr_events .clndr_events_close_button {
8083
  position: absolute;
8084
  top: 6px;
8085
  right: 6px;
8086
  cursor: pointer;
8087
}
8088
.clndr-wrapper.animated_change .clndr_days {
8089
  -webkit-transform: translateY(80%);
8090
  transform: translateY(80%);
8091
  opacity: 0;
8092
}
8093
.events_visible .clndr .clndr_days {
8094
  margin-right: 240px;
8095
}
8096
.events_visible .clndr .clndr_days .day-active > span {
8097
  border-color: #2196f3 !important;
8098
  -webkit-box-shadow: 0 0 0 1px #2196f3;
8099
  box-shadow: 0 0 0 1px #2196f3;
8100
}
8101
.events_visible .clndr .clndr_events {
8102
  margin-right: 0;
8103
}
8104
.events_over.events_visible .clndr .clndr_days {
8105
  margin-right: 0;
8106
}
8107
.events_over.events_visible .clndr_events {
8108
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
8109
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
8110
  z-index: 5;
8111
  border-left-color: transparent;
8112
}
8113
.peity_data {
8114
  display: none;
8115
}
8116
/* gmaps (google maps) */
8117
.gmap {
8118
  width: 100%;
8119
  height: 240px;
8120
}
8121
.gmap img {
8122
  max-width: none;
8123
}
8124
.gmap .on_gmap .wrap_controls {
8125
  width: 180px;
8126
  border: none !important;
8127
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
8128
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
8129
}
8130
.gmap .on_gmap .controls_title {
8131
  font-weight: normal !important;
8132
  font-size: 14px !important;
8133
}
8134
.gmap .on_gmap.dropdown .wrap_controls {
8135
  overflow: visible !important;
8136
}
8137
.gmap_large {
8138
  height: 300px;
8139
}
8140
.gmap_xlarge {
8141
  height: 400px;
8142
}
8143
.gmap_list > li {
8144
  cursor: pointer;
8145
  -webkit-transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1);
8146
  transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1);
8147
}
8148
.gmap_list > li:active {
8149
  background: #eee;
8150
}
8151
.gmap-info-window {
8152
  min-width: 120px;
8153
  font-weight: 400;
8154
}
8155
.gmap-info-window h3 {
8156
  margin: 0 0 8px;
8157
  font-size: 14px;
8158
  line-height: 17px;
8159
}
8160
.gmap-info-window p {
8161
  color: #aaa;
8162
  font-size: 13px;
8163
  margin: 0;
8164
}
8165
/* easy pie chart */
8166
.epc_chart {
8167
  display: block;
8168
  position: relative;
8169
}
8170
.epc_chart_text {
8171
  position: absolute;
8172
  top: 0;
8173
  left: 0;
8174
  right: 0;
8175
  bottom: 0;
8176
  text-align: center;
8177
  font: 400 20px / 110px "Roboto", sans-serif;
8178
}
8179
.epc_chart_icon {
8180
  position: absolute;
8181
  top: 0;
8182
  left: 0;
8183
  right: 0;
8184
  bottom: 0;
8185
  text-align: center;
8186
  line-height: 104px;
8187
  display: block;
8188
}
8189
.epc_chart_icon > i {
8190
  color: #727272;
8191
  font-size: 48px;
8192
  vertical-align: middle;
8193
}
8194
.epc_chart + .heading_a {
8195
  margin-top: 10px;
8196
}
8197
/* iCheck material design theme
8198
----------------------------------- */
8199
.icheckbox_md,
8200
.iradio_md {
8201
  display: inline-block;
8202
  *display: inline;
8203
  vertical-align: middle;
8204
  margin: 0;
8205
  padding: 0;
8206
  border: none;
8207
  cursor: pointer;
8208
  position: relative;
8209
  -webkit-box-sizing: border-box;
8210
  box-sizing: border-box;
8211
}
8212
.icheckbox_md:after,
8213
.iradio_md:after {
8214
  display: block;
8215
  position: absolute;
8216
  left: 0;
8217
  top: 0;
8218
}
8219
.icheckbox_md > input,
8220
.iradio_md > input {
8221
  margin: 0;
8222
}
8223
.icheckbox_md > .iCheck-helper,
8224
.iradio_md > .iCheck-helper {
8225
  z-index: 10;
8226
}
8227
.icheckbox_md {
8228
  border: 2px solid rgba(0, 0, 0, 0.54);
8229
  border-radius: 2px;
8230
  width: 18px;
8231
  height: 18px;
8232
  background: #fff;
8233
  -webkit-transition: all 200ms ease-out;
8234
  transition: all 200ms ease-out;
8235
}
8236
.icheckbox_md.checked:after,
8237
.icheckbox_md.disabled:after {
8238
  content: '\e5ca';
8239
  font-family: "Material Icons";
8240
  font-size: 18px;
8241
  color: #fff;
8242
  position: absolute;
8243
  left: -2px;
8244
  top: -6px;
8245
  line-height: 1.42857143;
8246
}
8247
.icheckbox_md.hover.checked,
8248
.icheckbox_md.checked {
8249
  background: #009688;
8250
  border-color: #009688 !important;
8251
}
8252
.icheckbox_md.disabled:after {
8253
  display: none;
8254
}
8255
.icheckbox_md.disabled,
8256
.icheckbox_md.disabled.checked {
8257
  background: transparent;
8258
  background-clip: padding-box;
8259
  border-color: rgba(0, 0, 0, 0.26);
8260
  cursor: default;
8261
}
8262
.icheckbox_md.disabled.checked {
8263
  background: #bdbdbd !important;
8264
  border-color: #bdbdbd !important;
8265
}
8266
.icheckbox_md.disabled.checked:after {
8267
  display: block !important;
8268
}
8269
.md-input-danger .icheckbox_md {
8270
  border-color: #e53935;
8271
}
8272
.icheckbox_md.indeterminate {
8273
  background: #009688;
8274
  border-color: #009688;
8275
}
8276
.icheckbox_md.indeterminate:after {
8277
  content: '';
8278
  background: #fff;
8279
  position: absolute;
8280
  left: 2px;
8281
  top: 2px;
8282
  width: 10px;
8283
  height: 10px;
8284
}
8285
.iradio_md {
8286
  border: 2px solid rgba(0, 0, 0, 0.54);
8287
  width: 20px;
8288
  height: 20px;
8289
  border-radius: 50%;
8290
}
8291
.iradio_md:after {
8292
  content: '';
8293
  background: transparent;
8294
  position: absolute;
8295
  left: 3px;
8296
  top: 3px;
8297
  width: 10px;
8298
  height: 10px;
8299
  border-radius: 50%;
8300
  -webkit-transform: scale(0.1);
8301
  transform: scale(0.1);
8302
  -webkit-transition: all 200ms ease-out;
8303
  transition: all 200ms ease-out;
8304
}
8305
.iradio_md.checked {
8306
  border-color: #009688 !important;
8307
}
8308
.iradio_md.checked:after {
8309
  background: #009688;
8310
  -webkit-transform: scale(1);
8311
  transform: scale(1);
8312
}
8313
.iradio_md.disabled {
8314
  border-color: rgba(0, 0, 0, 0.26);
8315
  cursor: default;
8316
}
8317
.iradio_md.disabled:after {
8318
  background: rgba(0, 0, 0, 0.26);
8319
  -webkit-transform: scale(1);
8320
  transform: scale(1);
8321
}
8322
.md-input-danger .iradio_md {
8323
  border-color: #e53935;
8324
}
8325
.disabled + .inline-label {
8326
  color: rgba(0, 0, 0, 0.26);
8327
  cursor: default;
8328
}
8329
.icheck-inline {
8330
  display: inline-block;
8331
  margin: 0 16px 16px 0;
8332
}
8333
.icheck-inline + .parsley-errors-list {
8334
  margin-top: -8px;
8335
}
8336
/* prism syntax highlighter */
8337
/**
8338
 * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
8339
 * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
8340
 * @author Tim  Shedor
8341
 */
8342
code[class*="language-"],
8343
pre[class*="language-"] {
8344
  color: black;
8345
  background: none;
8346
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
8347
  text-align: left;
8348
  white-space: pre;
8349
  word-spacing: normal;
8350
  word-break: normal;
8351
  word-wrap: normal;
8352
  line-height: 1.5;
8353
  -moz-tab-size: 4;
8354
  -o-tab-size: 4;
8355
  tab-size: 4;
8356
  -webkit-hyphens: none;
8357
  -ms-hyphens: none;
8358
  hyphens: none;
8359
}
8360
/* Code blocks */
8361
pre[class*="language-"] {
8362
  position: relative;
8363
  margin: 0.5em 0;
8364
  overflow: visible;
8365
  padding: 0;
8366
}
8367
pre[class*="language-"] > code {
8368
  position: relative;
8369
  border-left: 10px solid #358ccb;
8370
  -webkit-box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
8371
  box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
8372
  background-color: #fdfdfd;
8373
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(69, 142, 209, 0.04)));
8374
  background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
8375
  background-size: 3em 3em;
8376
  background-origin: content-box;
8377
  background-attachment: local;
8378
}
8379
code[class*="language"] {
8380
  max-height: inherit;
8381
  height: inherit;
8382
  padding: 0 1em;
8383
  display: block;
8384
  overflow: auto;
8385
}
8386
/* Margin bottom to accomodate shadow */
8387
:not(pre) > code[class*="language-"],
8388
pre[class*="language-"] {
8389
  background-color: #fdfdfd;
8390
  -webkit-box-sizing: border-box;
8391
  box-sizing: border-box;
8392
  margin-bottom: 1em;
8393
}
8394
/* Inline code */
8395
:not(pre) > code[class*="language-"] {
8396
  position: relative;
8397
  padding: 0.2em;
8398
  border-radius: 0.3em;
8399
  color: #c92c2c;
8400
  border: 1px solid rgba(0, 0, 0, 0.1);
8401
  display: inline;
8402
  white-space: normal;
8403
}
8404
pre[class*="language-"]:before,
8405
pre[class*="language-"]:after {
8406
  content: '';
8407
  z-index: -2;
8408
  display: block;
8409
  position: absolute;
8410
  bottom: 0.75em;
8411
  left: 0.18em;
8412
  width: 40%;
8413
  height: 20%;
8414
  max-height: 13em;
8415
  -webkit-box-shadow: 0px 13px 8px #979797;
8416
  box-shadow: 0px 13px 8px #979797;
8417
  -webkit-transform: rotate(-2deg);
8418
  transform: rotate(-2deg);
8419
}
8420
:not(pre) > code[class*="language-"]:after,
8421
pre[class*="language-"]:after {
8422
  right: 0.75em;
8423
  left: auto;
8424
  -webkit-transform: rotate(2deg);
8425
  transform: rotate(2deg);
8426
}
8427
.token.comment,
8428
.token.block-comment,
8429
.token.prolog,
8430
.token.doctype,
8431
.token.cdata {
8432
  color: #7D8B99;
8433
}
8434
.token.punctuation {
8435
  color: #5F6364;
8436
}
8437
.token.property,
8438
.token.tag,
8439
.token.boolean,
8440
.token.number,
8441
.token.function-name,
8442
.token.constant,
8443
.token.symbol,
8444
.token.deleted {
8445
  color: #c92c2c;
8446
}
8447
.token.selector,
8448
.token.attr-name,
8449
.token.string,
8450
.token.char,
8451
.token.function,
8452
.token.builtin,
8453
.token.inserted {
8454
  color: #2f9c0a;
8455
}
8456
.token.operator,
8457
.token.entity,
8458
.token.url,
8459
.token.variable {
8460
  color: #a67f59;
8461
  background: rgba(255, 255, 255, 0.5);
8462
}
8463
.token.atrule,
8464
.token.attr-value,
8465
.token.keyword,
8466
.token.class-name {
8467
  color: #1990b8;
8468
}
8469
.token.regex,
8470
.token.important {
8471
  color: #e90;
8472
}
8473
.language-css .token.string,
8474
.style .token.string {
8475
  color: #a67f59;
8476
  background: rgba(255, 255, 255, 0.5);
8477
}
8478
.token.important {
8479
  font-weight: normal;
8480
}
8481
.token.bold {
8482
  font-weight: bold;
8483
}
8484
.token.italic {
8485
  font-style: italic;
8486
}
8487
.token.entity {
8488
  cursor: help;
8489
}
8490
.namespace {
8491
  opacity: 0.7;
8492
}
8493
@media screen and (max-width: 767px) {
8494
  pre[class*="language-"]:before,
8495
  pre[class*="language-"]:after {
8496
    bottom: 14px;
8497
    -webkit-box-shadow: none;
8498
    box-shadow: none;
8499
  }
8500
}
8501
/* Plugin styles */
8502
.token.tab:not(:empty):before,
8503
.token.cr:before,
8504
.token.lf:before {
8505
  color: #e0d7d1;
8506
}
8507
/* Plugin styles: Line Numbers */
8508
pre[class*="language-"].line-numbers.line-numbers {
8509
  padding-left: 0;
8510
}
8511
pre[class*="language-"].line-numbers.line-numbers code {
8512
  padding-left: 3.8em;
8513
}
8514
pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
8515
  left: 0;
8516
}
8517
/* Plugin styles: Line Highlight */
8518
pre[class*="language-"][data-line] {
8519
  padding-top: 0;
8520
  padding-bottom: 0;
8521
  padding-left: 0;
8522
}
8523
pre[data-line] code {
8524
  position: relative;
8525
  padding-left: 4em;
8526
}
8527
pre .line-highlight {
8528
  margin-top: 0;
8529
}
8530
pre[class*="language-"].line-numbers {
8531
  position: relative;
8532
  padding-left: 3.8em;
8533
  counter-reset: linenumber;
8534
}
8535
pre[class*="language-"].line-numbers > code {
8536
  position: relative;
8537
  white-space: inherit;
8538
}
8539
.line-numbers .line-numbers-rows {
8540
  position: absolute;
8541
  pointer-events: none;
8542
  top: 0;
8543
  font-size: 100%;
8544
  left: -3.8em;
8545
  width: 3em;
8546
  /* works for line-numbers below 1000 lines */
8547
  letter-spacing: -1px;
8548
  border-right: 1px solid #999;
8549
  -webkit-user-select: none;
8550
  -moz-user-select: none;
8551
  -ms-user-select: none;
8552
  user-select: none;
8553
}
8554
.line-numbers-rows > span {
8555
  pointer-events: none;
8556
  display: block;
8557
  counter-increment: linenumber;
8558
}
8559
.line-numbers-rows > span:before {
8560
  content: counter(linenumber);
8561
  color: #999;
8562
  display: block;
8563
  padding-right: 0.8em;
8564
  text-align: right;
8565
}
8566
.scroll-wrapper {
8567
  overflow: hidden !important;
8568
  padding: 0 !important;
8569
  position: relative;
8570
}
8571
.scroll-wrapper > .scroll-content {
8572
  border: none !important;
8573
  -webkit-box-sizing: content-box !important;
8574
  box-sizing: content-box !important;
8575
  height: auto;
8576
  left: 0;
8577
  margin: 0;
8578
  max-height: none;
8579
  max-width: none !important;
8580
  overflow-y: scroll !important;
8581
  overflow-x: hidden !important;
8582
  padding: 0;
8583
  position: relative !important;
8584
  top: 0;
8585
  width: auto !important;
8586
}
8587
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
8588
  height: 0;
8589
  width: 0;
8590
}
8591
.scroll-element {
8592
  display: none;
8593
}
8594
.scroll-element,
8595
.scroll-element div {
8596
  -webkit-box-sizing: content-box;
8597
  box-sizing: content-box;
8598
}
8599
.scroll-element.scroll-x.scroll-scrollx_visible,
8600
.scroll-element.scroll-y.scroll-scrolly_visible {
8601
  display: block;
8602
}
8603
.scroll-element .scroll-bar,
8604
.scroll-element .scroll-arrow {
8605
  cursor: default;
8606
}
8607
.scroll-textarea > .scroll-content {
8608
  overflow: hidden !important;
8609
}
8610
.scroll-textarea > .scroll-content > textarea {
8611
  border: none !important;
8612
  -webkit-box-sizing: border-box;
8613
  box-sizing: border-box;
8614
  height: 100% !important;
8615
  margin: 0;
8616
  max-height: none !important;
8617
  max-width: none !important;
8618
  overflow: scroll !important;
8619
  outline: none;
8620
  padding: 2px;
8621
  position: relative !important;
8622
  top: 0;
8623
  width: 100% !important;
8624
}
8625
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
8626
  height: 0;
8627
  width: 0;
8628
}
8629
.scrollbar-inner {
8630
  height: 100% !important;
8631
  max-height: 100%;
8632
  overflow-y: auto;
8633
}
8634
.scrollbar-inner > .scroll-element,
8635
.scrollbar-inner > .scroll-element div {
8636
  background: none;
8637
  border: none;
8638
  margin: 0;
8639
  padding: 0;
8640
  position: absolute;
8641
  z-index: 10;
8642
}
8643
.scrollbar-inner > .scroll-element div {
8644
  display: block;
8645
  height: 100%;
8646
  left: 0;
8647
  top: 0;
8648
  width: 100%;
8649
}
8650
.scrollbar-inner > .scroll-element .scroll-element_track {
8651
  display: none;
8652
}
8653
.scrollbar-inner > .scroll-element .scroll-bar {
8654
  background-color: #6C6E71;
8655
  display: block;
8656
  opacity: 0;
8657
  border-radius: 6px;
8658
  -webkit-transition: opacity 0.2s linear;
8659
  transition: opacity 0.2s linear;
8660
}
8661
.scrollbar-inner > .scroll-element.scroll-x {
8662
  bottom: 0;
8663
  height: 0;
8664
  left: 0;
8665
  min-width: 100%;
8666
  overflow: visible;
8667
  width: 100%;
8668
}
8669
.scrollbar-inner > .scroll-element.scroll-x .scroll-bar {
8670
  height: 7px;
8671
  min-width: 10px;
8672
  top: -9px;
8673
}
8674
.scrollbar-inner > .scroll-element.scroll-x .scroll-element_outer {
8675
  left: 2px;
8676
}
8677
.scrollbar-inner > .scroll-element.scroll-x .scroll-element_size {
8678
  left: -4px;
8679
}
8680
.scrollbar-inner > .scroll-element.scroll-y {
8681
  height: 100%;
8682
  min-height: 100%;
8683
  right: 0;
8684
  top: 0;
8685
  width: 0;
8686
}
8687
.scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
8688
  left: -8px;
8689
  min-height: 10px;
8690
  width: 6px;
8691
}
8692
.scrollbar-inner > .scroll-element.scroll-y .scroll-element_outer {
8693
  top: 2px;
8694
}
8695
.scrollbar-inner > .scroll-element.scroll-y .scroll-element_size {
8696
  top: -4px;
8697
}
8698
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
8699
  left: -11px;
8700
}
8701
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
8702
  top: -11px;
8703
}
8704
.scrollbar-inner:hover > .scroll-element .scroll-bar,
8705
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
8706
  opacity: 0.7;
8707
}
8708
.sidebar_mini #sidebar_main .scrollbar-inner > .scroll-element.scroll-y {
8709
  right: auto;
8710
  left: 0;
8711
}
8712
.sidebar_mini #sidebar_main .scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
8713
  left: 2px;
8714
}
8715
/* selectize */
8716
/**
8717
 * selectize.css (v0.12.6)
8718
 * Copyright (c) 2013–2015 Brian Reavis & contributors
8719
 *
8720
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
8721
 * file except in compliance with the License. You may obtain a copy of the License at:
8722
 * http://www.apache.org/licenses/LICENSE-2.0
8723
 *
8724
 * Unless required by applicable law or agreed to in writing, software distributed under
8725
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
8726
 * ANY KIND, either express or implied. See the License for the specific language
8727
 * governing permissions and limitations under the License.
8728
 *
8729
 * @author Brian Reavis <brian@thirdroute.com>
8730
 */
8731
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
8732
  visibility: visible !important;
8733
  background: #f2f2f2 !important;
8734
  background: rgba(0, 0, 0, 0.06) !important;
8735
  border: 0 none !important;
8736
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
8737
  box-shadow: inset 0 0 12px 4px #fff;
8738
}
8739
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
8740
  content: '!';
8741
  visibility: hidden;
8742
}
8743
.selectize-control.plugin-drag_drop .ui-sortable-helper {
8744
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
8745
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
8746
}
8747
.selectize-dropdown-header {
8748
  position: relative;
8749
  padding: 5px 8px;
8750
  border-bottom: 1px solid #d0d0d0;
8751
  background: #f8f8f8;
8752
  border-radius: 3px 3px 0 0;
8753
}
8754
.selectize-dropdown-header-close {
8755
  position: absolute;
8756
  right: 8px;
8757
  top: 50%;
8758
  color: #303030;
8759
  opacity: 0.4;
8760
  margin-top: -12px;
8761
  line-height: 20px;
8762
  font-size: 20px !important;
8763
}
8764
.selectize-dropdown-header-close:hover {
8765
  color: #000000;
8766
}
8767
.selectize-dropdown.plugin-optgroup_columns .optgroup {
8768
  border-right: 1px solid #f2f2f2;
8769
  border-top: 0 none;
8770
  float: left;
8771
  -webkit-box-sizing: border-box;
8772
  box-sizing: border-box;
8773
}
8774
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
8775
  border-right: 0 none;
8776
}
8777
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
8778
  display: none;
8779
}
8780
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
8781
  border-top: 0 none;
8782
}
8783
.selectize-control.plugin-remove_button [data-value] {
8784
  position: relative;
8785
  padding-right: 24px !important;
8786
}
8787
.selectize-control.plugin-remove_button [data-value] .remove {
8788
  z-index: 1;
8789
  /* fixes ie bug (see #392) */
8790
  position: absolute;
8791
  top: 0;
8792
  right: 0;
8793
  bottom: 0;
8794
  width: 17px;
8795
  text-align: center;
8796
  font-weight: bold;
8797
  font-size: 12px;
8798
  color: inherit;
8799
  text-decoration: none;
8800
  vertical-align: middle;
8801
  display: inline-block;
8802
  padding: 2px 0 0 0;
8803
  border-left: 1px solid #d0d0d0;
8804
  border-radius: 0 2px 2px 0;
8805
  -webkit-box-sizing: border-box;
8806
  box-sizing: border-box;
8807
}
8808
.selectize-control.plugin-remove_button [data-value] .remove:hover {
8809
  background: rgba(0, 0, 0, 0.05);
8810
}
8811
.selectize-control.plugin-remove_button [data-value].active .remove {
8812
  border-left-color: #cacaca;
8813
}
8814
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
8815
  background: none;
8816
}
8817
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
8818
  border-left-color: #ffffff;
8819
}
8820
.selectize-control.plugin-remove_button .remove-single {
8821
  position: absolute;
8822
  right: 0;
8823
  top: 0;
8824
  font-size: 23px;
8825
}
8826
.selectize-control {
8827
  position: relative;
8828
}
8829
.selectize-dropdown,
8830
.selectize-input,
8831
.selectize-input input {
8832
  color: #303030;
8833
  font-family: inherit;
8834
  font-size: 13px;
8835
  line-height: 18px;
8836
  -webkit-font-smoothing: inherit;
8837
}
8838
.selectize-input,
8839
.selectize-control.single .selectize-input.input-active {
8840
  background: #fff;
8841
  cursor: text;
8842
  display: inline-block;
8843
}
8844
.selectize-input {
8845
  border: 1px solid #d0d0d0;
8846
  padding: 8px 8px;
8847
  display: inline-block;
8848
  width: 100%;
8849
  overflow: hidden;
8850
  position: relative;
8851
  z-index: 1;
8852
  -webkit-box-sizing: border-box;
8853
  box-sizing: border-box;
8854
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
8855
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
8856
  border-radius: 3px;
8857
}
8858
.selectize-control.multi .selectize-input.has-items {
8859
  padding: 6px 8px 3px;
8860
}
8861
.selectize-input.full {
8862
  background-color: #fff;
8863
}
8864
.selectize-input.disabled,
8865
.selectize-input.disabled * {
8866
  cursor: default !important;
8867
}
8868
.selectize-input.focus {
8869
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
8870
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
8871
}
8872
.selectize-input.dropdown-active {
8873
  border-radius: 3px 3px 0 0;
8874
}
8875
.selectize-input > * {
8876
  vertical-align: baseline;
8877
  display: -moz-inline-stack;
8878
  display: inline-block;
8879
  zoom: 1;
8880
  *display: inline;
8881
}
8882
.selectize-control.multi .selectize-input > div {
8883
  cursor: pointer;
8884
  margin: 0 3px 3px 0;
8885
  padding: 2px 6px;
8886
  background: #f2f2f2;
8887
  color: #303030;
8888
  border: 0 solid #d0d0d0;
8889
}
8890
.selectize-control.multi .selectize-input > div.active {
8891
  background: #e8e8e8;
8892
  color: #303030;
8893
  border: 0 solid #cacaca;
8894
}
8895
.selectize-control.multi .selectize-input.disabled > div,
8896
.selectize-control.multi .selectize-input.disabled > div.active {
8897
  color: #7d7d7d;
8898
  background: #ffffff;
8899
  border: 0 solid #ffffff;
8900
}
8901
.selectize-input > input {
8902
  display: inline-block !important;
8903
  padding: 0 !important;
8904
  min-height: 0 !important;
8905
  max-height: none !important;
8906
  max-width: 100% !important;
8907
  margin: 0 2px 0 0 !important;
8908
  text-indent: 0 !important;
8909
  border: 0 none !important;
8910
  background: none !important;
8911
  line-height: inherit !important;
8912
  -webkit-user-select: auto !important;
8913
  -webkit-box-shadow: none !important;
8914
  box-shadow: none !important;
8915
}
8916
.selectize-input > input::-ms-clear {
8917
  display: none;
8918
}
8919
.selectize-input > input:focus {
8920
  outline: none !important;
8921
}
8922
.selectize-input::after {
8923
  content: ' ';
8924
  display: block;
8925
  clear: left;
8926
}
8927
.selectize-input.dropdown-active::before {
8928
  content: ' ';
8929
  display: block;
8930
  position: absolute;
8931
  background: #f0f0f0;
8932
  height: 1px;
8933
  bottom: 0;
8934
  left: 0;
8935
  right: 0;
8936
}
8937
.selectize-dropdown {
8938
  position: absolute;
8939
  z-index: 10;
8940
  border: 1px solid #d0d0d0;
8941
  background: #fff;
8942
  margin: -1px 0 0 0;
8943
  border-top: 0 none;
8944
  -webkit-box-sizing: border-box;
8945
  box-sizing: border-box;
8946
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
8947
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
8948
  border-radius: 0 0 3px 3px;
8949
}
8950
.selectize-dropdown [data-selectable] {
8951
  cursor: pointer;
8952
  overflow: hidden;
8953
}
8954
.selectize-dropdown [data-selectable] .highlight {
8955
  background: rgba(125, 168, 208, 0.2);
8956
  border-radius: 1px;
8957
}
8958
.selectize-dropdown .option,
8959
.selectize-dropdown .optgroup-header {
8960
  padding: 5px 8px;
8961
}
8962
.selectize-dropdown .option,
8963
.selectize-dropdown [data-disabled],
8964
.selectize-dropdown [data-disabled] [data-selectable].option {
8965
  cursor: inherit;
8966
  opacity: 0.5;
8967
}
8968
.selectize-dropdown [data-selectable].option {
8969
  opacity: 1;
8970
}
8971
.selectize-dropdown .optgroup:first-child .optgroup-header {
8972
  border-top: 0 none;
8973
}
8974
.selectize-dropdown .optgroup-header {
8975
  color: #303030;
8976
  background: #fff;
8977
  cursor: default;
8978
}
8979
.selectize-dropdown .active {
8980
  background-color: #f5fafd;
8981
  color: #495c68;
8982
}
8983
.selectize-dropdown .active.create {
8984
  color: #495c68;
8985
}
8986
.selectize-dropdown .create {
8987
  color: rgba(48, 48, 48, 0.5);
8988
}
8989
.selectize-dropdown-content {
8990
  overflow-y: auto;
8991
  overflow-x: hidden;
8992
  max-height: 200px;
8993
  -webkit-overflow-scrolling: touch;
8994
}
8995
.selectize-control.single .selectize-input,
8996
.selectize-control.single .selectize-input input {
8997
  cursor: pointer;
8998
}
8999
.selectize-control.single .selectize-input.input-active,
9000
.selectize-control.single .selectize-input.input-active input {
9001
  cursor: text;
9002
}
9003
.selectize-control.single .selectize-input:after {
9004
  content: ' ';
9005
  display: block;
9006
  position: absolute;
9007
  top: 50%;
9008
  right: 15px;
9009
  margin-top: -3px;
9010
  width: 0;
9011
  height: 0;
9012
  border-style: solid;
9013
  border-width: 5px 5px 0 5px;
9014
  border-color: #808080 transparent transparent transparent;
9015
}
9016
.selectize-control.single .selectize-input.dropdown-active:after {
9017
  margin-top: -4px;
9018
  border-width: 0 5px 5px 5px;
9019
  border-color: transparent transparent #808080 transparent;
9020
}
9021
.selectize-control.rtl.single .selectize-input:after {
9022
  left: 15px;
9023
  right: auto;
9024
}
9025
.selectize-control.rtl .selectize-input > input {
9026
  margin: 0 4px 0 -2px !important;
9027
}
9028
.selectize-control .selectize-input.disabled {
9029
  opacity: 0.5;
9030
  background-color: #fafafa;
9031
}
9032
.selectize-input {
9033
  border-color: rgba(0, 0, 0, 0.12);
9034
  line-height: 25px;
9035
  padding: 6px 8px;
9036
}
9037
.selectize-input,
9038
.selectize-input.focus {
9039
  border-radius: 0;
9040
  -webkit-box-shadow: none;
9041
  box-shadow: none;
9042
}
9043
.selectize-input:before,
9044
.selectize-input.focus:before {
9045
  display: none;
9046
}
9047
.md-input-danger .selectize-input {
9048
  border-color: #e53935;
9049
}
9050
.selectize-input.dropdown-active:before {
9051
  display: none;
9052
}
9053
.selectize-dropdown {
9054
  margin-top: -44px;
9055
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
9056
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
9057
  color: #212121;
9058
  z-index: 1210;
9059
}
9060
.selectize-dropdown [data-selectable] {
9061
  padding-top: 11px;
9062
  padding-bottom: 10px;
9063
  font-size: 15px;
9064
}
9065
.selectize-dropdown [data-selectable].option-disabled {
9066
  color: #aaa;
9067
  cursor: not-allowed;
9068
}
9069
.selectize-dropdown .active {
9070
  background: rgba(0, 0, 0, 0.085);
9071
  color: inherit;
9072
}
9073
.selectize-dropdown .optgroup-header {
9074
  font-size: 12px;
9075
  color: #aaa;
9076
  padding-top: 8px;
9077
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
9078
  text-transform: uppercase;
9079
}
9080
.selectize-dropdown.multi .item-icon {
9081
  margin-right: 4px;
9082
}
9083
.selectize-dropdown.selectize_fs {
9084
  z-index: 9999;
9085
}
9086
.selectize-dropdown-content {
9087
  -webkit-overflow-scrolling: auto;
9088
}
9089
.selectize-control .selectize-input {
9090
  min-height: 40px;
9091
}
9092
.selectize-control.multi .selectize-input {
9093
  line-height: 21px;
9094
}
9095
.selectize-control.multi .selectize-input > div {
9096
  border-radius: 18px;
9097
  padding: 3px 8px 2px;
9098
  font-size: 14px;
9099
}
9100
.selectize-control.multi .selectize-input .selectize-input.has-items {
9101
  padding: 4px;
9102
}
9103
.selectize-control.multi .selectize-input .item-icon {
9104
  margin-right: 4px;
9105
}
9106
.selectize-control.multi .selectize-input input {
9107
  height: 26px;
9108
  font-size: 15px;
9109
}
9110
.selectize-control.plugin-remove_button [data-value] {
9111
  padding-right: 28px !important;
9112
}
9113
.selectize-control.plugin-remove_button [data-value] .remove {
9114
  border: none;
9115
  width: auto;
9116
  padding: 4px 5px 0 0;
9117
}
9118
.selectize-control.plugin-remove_button [data-value] .remove:hover {
9119
  background: none;
9120
}
9121
.selectize-control.plugin-remove_button [data-value] .remove:after {
9122
  color: #727272;
9123
  content: '\e5cd';
9124
  font-family: "Material Icons";
9125
  font-size: 18px;
9126
}
9127
.selectize-control.single {
9128
  height: 40px;
9129
  margin-top: 4px;
9130
}
9131
.selectize-control.single .selectize-input {
9132
  border-width: 0 0 1px;
9133
  padding: 8px 8px 9px;
9134
}
9135
.selectize-control.single .selectize-input:after {
9136
  border: none !important;
9137
  content: '\e5c5';
9138
  font-family: "Material Icons";
9139
  font-size: 28px;
9140
  margin-top: -12px !important;
9141
  right: 28px;
9142
  color: rgba(0, 0, 0, 0.3);
9143
}
9144
.selectize-control.single .selectize-input .item {
9145
  font-size: 15px;
9146
}
9147
.selectize-control.single .selectize-input input {
9148
  font-size: 15px;
9149
}
9150
.selectize-control.single.plugin-remove_button [data-value] .remove {
9151
  padding: 0;
9152
}
9153
.selectize-control.single.plugin-remove_button [data-value] .remove:hover {
9154
  background: none;
9155
}
9156
.selectize-control.single.plugin-remove_button [data-value] .remove:after {
9157
  color: #727272;
9158
  content: '\e5cd';
9159
  font-family: "Material Icons";
9160
  font-size: 18px;
9161
}
9162
.selectize-control.rtl.single .selectize-input:after {
9163
  left: 28px;
9164
}
9165
.selectize_fix {
9166
  overflow: hidden;
9167
  height: 0;
9168
  width: 100%;
9169
}
9170
.tablesorter .selectize-control.single,
9171
.tablesorter .selectize-control .selectize-input {
9172
  min-height: 34px;
9173
}
9174
.tablesorter .selectize-control .selectize-input {
9175
  padding: 4px 8px 5px;
9176
}
9177
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
9178
  visibility: visible !important;
9179
  background: #fafafa !important;
9180
  -webkit-box-shadow: none !important;
9181
  box-shadow: none !important;
9182
  border: none !important;
9183
}
9184
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
9185
  content: '!';
9186
  visibility: hidden;
9187
}
9188
.selectize-control.plugin-drag_drop .ui-sortable-helper {
9189
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
9190
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
9191
  white-space: nowrap;
9192
}
9193
/* codemirror */
9194
#code_editor_close {
9195
  display: none;
9196
}
9197
.CodeMirror pre {
9198
  font-size: 14px !important;
9199
  line-height: 20px !important;
9200
}
9201
.CodeMirror div.CodeMirror-cursor {
9202
  min-height: 20px;
9203
}
9204
.CodeMirror-fullscreen {
9205
  position: fixed;
9206
  top: 0;
9207
  left: 0;
9208
  right: 0;
9209
  bottom: 0;
9210
  height: auto;
9211
}
9212
.CodeMirror-fullscreen #code_editor_close {
9213
  position: absolute;
9214
  top: 10px;
9215
  right: 10px;
9216
  display: block;
9217
}
9218
.CodeMirror_textarea {
9219
  visibility: hidden;
9220
}
9221
.uk-notouch #code_editor_close {
9222
  right: 30px !important;
9223
}
9224
.md-card-CodeMirror .md-card-content form,
9225
.md-card-CodeMirror .md-card-content form .CodeMirror {
9226
  height: 100%;
9227
}
9228
body.CodeMirror-fullscreen-active #header_main,
9229
body.CodeMirror-fullscreen-active #sidebar_main,
9230
body.CodeMirror-fullscreen-active #style_switcher {
9231
  display: none;
9232
}
9233
body.CodeMirror-fullscreen-active .md-card-CodeMirror {
9234
  z-index: 1154;
9235
}
9236
body.CodeMirror-fullscreen-active .CodeMirror-fullscreen {
9237
  z-index: 1154;
9238
}
9239
body.CodeMirror-fullscreen-active .CodeMirror-fullscreen #code_editor_close {
9240
  z-index: 1155;
9241
}
9242
/* switchery */
9243
.switchery {
9244
  background-color: #fff;
9245
  border-radius: 20px;
9246
  cursor: pointer;
9247
  display: inline-block;
9248
  height: 14px;
9249
  position: relative;
9250
  vertical-align: middle;
9251
  width: 38px;
9252
  -webkit-user-select: none;
9253
  -moz-user-select: none;
9254
  -ms-user-select: none;
9255
  user-select: none;
9256
  -webkit-box-sizing: content-box;
9257
  box-sizing: content-box;
9258
  background-clip: content-box;
9259
  -webkit-transition: background-color 800ms ease-out !important;
9260
  transition: background-color 800ms ease-out !important;
9261
  -webkit-box-shadow: none !important;
9262
  box-shadow: none !important;
9263
  margin: 6px 2px;
9264
}
9265
.switchery > small {
9266
  background: #fff;
9267
  border-radius: 50%;
9268
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
9269
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
9270
  height: 20px;
9271
  position: absolute;
9272
  top: 0;
9273
  width: 20px;
9274
  margin-top: -3px;
9275
  -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
9276
  transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
9277
}
9278
.switchery-small {
9279
  width: 32px;
9280
  height: 9px;
9281
  margin: 4px 1px;
9282
}
9283
.switchery-small > small {
9284
  height: 16px;
9285
  width: 16px;
9286
  top: -1px;
9287
}
9288
.switchery-large {
9289
  width: 48px;
9290
}
9291
.switchery-large > small {
9292
  height: 24px;
9293
  width: 24px;
9294
  top: -3px;
9295
}
9296
/* Ion.RangeSlider, Modern Skin */
9297
.irs {
9298
  position: relative;
9299
  display: block;
9300
  -webkit-touch-callout: none;
9301
  -webkit-user-select: none;
9302
  -moz-user-select: none;
9303
  -ms-user-select: none;
9304
  user-select: none;
9305
  height: 55px;
9306
}
9307
.tablesorter .irs {
9308
  height: 42px;
9309
}
9310
.irs-line {
9311
  height: 2px;
9312
  top: 33px;
9313
  background: #EEE;
9314
  position: relative;
9315
  display: block;
9316
  overflow: hidden;
9317
  outline: none !important;
9318
}
9319
.irs-line-left,
9320
.irs-line-mid,
9321
.irs-line-right {
9322
  position: absolute;
9323
  display: block;
9324
  top: 0;
9325
}
9326
.irs-line-left {
9327
  height: 8px;
9328
  left: 0;
9329
  width: 11%;
9330
}
9331
.irs-line-mid {
9332
  height: 8px;
9333
  left: 9%;
9334
  width: 82%;
9335
}
9336
.irs-line-right {
9337
  height: 8px;
9338
  right: 0;
9339
  width: 11%;
9340
}
9341
.irs-bar {
9342
  height: 2px;
9343
  top: 33px;
9344
  background: #009688;
9345
  position: absolute;
9346
  display: block;
9347
  left: 0;
9348
  width: 0;
9349
}
9350
.irs-bar-edge {
9351
  height: 2px;
9352
  width: 6px;
9353
  border-right: 0;
9354
  background: #009688;
9355
  position: absolute;
9356
  display: block;
9357
  top: 33px;
9358
  left: 0;
9359
}
9360
.irs-shadow {
9361
  height: 4px;
9362
  top: 32px;
9363
  background: #000;
9364
  opacity: 0.4;
9365
  position: absolute;
9366
  display: none;
9367
  left: 0;
9368
  width: 0;
9369
}
9370
.irs-slider {
9371
  top: 28px;
9372
  width: 12px;
9373
  height: 12px;
9374
  background: #009688;
9375
  border-radius: 50%;
9376
  cursor: pointer;
9377
  position: absolute;
9378
  display: block;
9379
  z-index: 1;
9380
}
9381
.irs-slider.state_hover,
9382
.irs-slider:hover {
9383
  background: #009688;
9384
}
9385
.irs-slider.type_last {
9386
  z-index: 2;
9387
}
9388
.irs-min,
9389
.irs-max {
9390
  color: #727272;
9391
  font-size: 12px;
9392
  line-height: 16px;
9393
  text-shadow: none;
9394
  top: 0;
9395
  padding: 1px 4px;
9396
  background: rgba(0, 0, 0, 0.08);
9397
  border-radius: 2px;
9398
  display: block;
9399
  cursor: default;
9400
  position: absolute;
9401
}
9402
.irs-min {
9403
  left: 0;
9404
}
9405
.irs-max {
9406
  right: 0;
9407
}
9408
.irs-from,
9409
.irs-to,
9410
.irs-single {
9411
  color: #fff;
9412
  font-size: 12px;
9413
  line-height: 16px;
9414
  text-shadow: none;
9415
  padding: 1px 4px;
9416
  background: #009688;
9417
  border-radius: 2px;
9418
  position: absolute;
9419
  display: block;
9420
  top: 0;
9421
  left: 0;
9422
  cursor: default;
9423
  white-space: nowrap;
9424
  z-index: 10;
9425
}
9426
.irs-from:after,
9427
.irs-to:after,
9428
.irs-single:after {
9429
  content: '';
9430
  position: absolute;
9431
  bottom: -8px;
9432
  left: 50%;
9433
  margin-left: -4px;
9434
  display: block;
9435
  border: 4px solid transparent;
9436
  border-top-color: #009688;
9437
}
9438
.irs-with-grid {
9439
  height: 65px;
9440
}
9441
.irs-grid {
9442
  position: absolute;
9443
  display: none;
9444
  bottom: 0;
9445
  left: 0;
9446
  width: 100%;
9447
  height: 20px;
9448
}
9449
.irs-grid-pol {
9450
  opacity: 0.5;
9451
  position: absolute;
9452
  top: 0;
9453
  left: 0;
9454
  width: 1px;
9455
  height: 8px;
9456
  background: #727272;
9457
}
9458
.irs-grid-pol.small {
9459
  background: #727272;
9460
  height: 4px;
9461
}
9462
.irs-grid-text {
9463
  position: absolute;
9464
  bottom: 0;
9465
  left: 0;
9466
  white-space: nowrap;
9467
  text-align: center;
9468
  font-size: 9px;
9469
  line-height: 9px;
9470
  padding: 0 3px;
9471
  color: #727272;
9472
}
9473
.irs-with-grid .irs-grid {
9474
  display: block;
9475
}
9476
.irs-disable-mask {
9477
  position: absolute;
9478
  display: block;
9479
  top: 0;
9480
  left: -1%;
9481
  width: 102%;
9482
  height: 100%;
9483
  cursor: default;
9484
  background: rgba(0, 0, 0, 0);
9485
  z-index: 2;
9486
}
9487
.irs-disabled {
9488
  opacity: 0.4;
9489
}
9490
.irs-hidden-input {
9491
  position: absolute !important;
9492
  display: block !important;
9493
  top: 0 !important;
9494
  left: 0 !important;
9495
  width: 0 !important;
9496
  height: 0 !important;
9497
  font-size: 0 !important;
9498
  line-height: 0 !important;
9499
  padding: 0 !important;
9500
  margin: 0 !important;
9501
  outline: none !important;
9502
  z-index: -9999 !important;
9503
  background: none !important;
9504
  border-style: solid !important;
9505
  border-color: transparent !important;
9506
}
9507
.lt-ie9 .irs-shadow {
9508
  filter: alpha(opacity=30);
9509
}
9510
.lt-ie9 .irs-min,
9511
.lt-ie9 .irs-max {
9512
  background: #ccc;
9513
}
9514
.lt-ie9 .irs-from,
9515
.lt-ie9 .irs-to,
9516
.lt-ie9 .irs-single {
9517
  background: #999;
9518
}
9519
.lt-ie9 .irs-disable-mask {
9520
  background: #000;
9521
  filter: alpha(opacity=0);
9522
  cursor: not-allowed;
9523
}
9524
.parsley-errors-list {
9525
  color: #e53935;
9526
  margin-top: 0;
9527
}
9528
.parsley-errors-list span {
9529
  display: block;
9530
  padding-top: 4px;
9531
}
9532
/* datatables */
9533
.dataTables_wrapper .uk-table {
9534
  margin: 0 auto;
9535
  border-spacing: 0;
9536
}
9537
.dataTables_wrapper .uk-table thead .sorting,
9538
.dataTables_wrapper .uk-table thead .sorting_asc,
9539
.dataTables_wrapper .uk-table thead .sorting_desc {
9540
  cursor: pointer;
9541
  padding-right: 24px;
9542
}
9543
.dataTables_wrapper .uk-table thead .sorting,
9544
.dataTables_wrapper .uk-table thead .sorting_asc,
9545
.dataTables_wrapper .uk-table thead .sorting_desc,
9546
.dataTables_wrapper .uk-table thead .sorting_asc_disabled,
9547
.dataTables_wrapper .uk-table thead .sorting_desc_disabled {
9548
  position: relative;
9549
}
9550
.dataTables_wrapper .uk-table thead .sorting:after,
9551
.dataTables_wrapper .uk-table thead .sorting_asc:after,
9552
.dataTables_wrapper .uk-table thead .sorting_desc:after,
9553
.dataTables_wrapper .uk-table thead .sorting_asc_disabled:after,
9554
.dataTables_wrapper .uk-table thead .sorting_desc_disabled:after {
9555
  position: absolute;
9556
  right: 4px;
9557
  bottom: 13px;
9558
  content: '';
9559
  display: block;
9560
  width: 18px;
9561
  height: 18px;
9562
  font-size: 18px;
9563
  font-family: "Material Icons";
9564
  color: #212121;
9565
}
9566
.dataTables_wrapper .uk-table thead .sorting:after {
9567
  content: '\e164';
9568
  color: #aaa;
9569
}
9570
.dataTables_wrapper .uk-table thead .sorting_asc:after {
9571
  content: '\e313';
9572
}
9573
.dataTables_wrapper .uk-table thead .sorting_desc:after {
9574
  content: '\e316';
9575
}
9576
.dataTables_wrapper .uk-table thead .sorting_asc_disabled:after {
9577
  content: '\e313';
9578
  color: #aaa;
9579
}
9580
.dataTables_wrapper .uk-table thead .sorting_desc_disabled:after {
9581
  content: '\e316';
9582
  color: #aaa;
9583
}
9584
.dataTables_wrapper .uk-table,
9585
.dataTables_wrapper .uk-table th,
9586
.dataTables_wrapper .uk-table td {
9587
  -webkit-box-sizing: content-box;
9588
  box-sizing: content-box;
9589
}
9590
.dataTables_wrapper .uk-table:active,
9591
.dataTables_wrapper .uk-table th:active,
9592
.dataTables_wrapper .uk-table td:active {
9593
  outline: none;
9594
}
9595
.dataTables_wrapper .uk-table tbody tr.selected {
9596
  background-color: rgba(102, 102, 102, 0.085);
9597
}
9598
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_1,
9599
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_2,
9600
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_3,
9601
.dataTables_wrapper .uk-table tbody tr > .sorting_1,
9602
.dataTables_wrapper .uk-table tbody tr > .sorting_2,
9603
.dataTables_wrapper .uk-table tbody tr > .sorting_3 {
9604
  background-color: rgba(102, 102, 102, 0.085);
9605
}
9606
.dataTables_wrapper .uk-table.nowrap th,
9607
.dataTables_wrapper .uk-table.nowrap td {
9608
  white-space: nowrap;
9609
}
9610
.dataTables_wrapper .uk-table.compact thead th,
9611
.dataTables_wrapper .uk-table.compact thead td {
9612
  padding: 4px 17px 4px 4px;
9613
}
9614
.dataTables_wrapper .uk-table.compact tfoot th,
9615
.dataTables_wrapper .uk-table.compact tfoot td {
9616
  padding: 4px;
9617
}
9618
.dataTables_wrapper .uk-table.compact tbody th,
9619
.dataTables_wrapper .uk-table.compact tbody td {
9620
  padding: 4px;
9621
}
9622
.dataTables_wrapper .uk-table th.dt-left,
9623
.dataTables_wrapper .uk-table td.dt-left {
9624
  text-align: left;
9625
}
9626
.dataTables_wrapper .uk-table th.dt-center,
9627
.dataTables_wrapper .uk-table td.dt-center,
9628
.dataTables_wrapper .uk-table td.dataTables_empty {
9629
  text-align: center;
9630
}
9631
.dataTables_wrapper .uk-table th.dt-right,
9632
.dataTables_wrapper .uk-table td.dt-right {
9633
  text-align: right;
9634
}
9635
.dataTables_wrapper .uk-table th.dt-justify,
9636
.dataTables_wrapper .uk-table td.dt-justify {
9637
  text-align: justify;
9638
}
9639
.dataTables_wrapper .uk-table th.dt-nowrap,
9640
.dataTables_wrapper .uk-table td.dt-nowrap {
9641
  white-space: nowrap;
9642
}
9643
.dataTables_wrapper .uk-table thead th.dt-head-left,
9644
.dataTables_wrapper .uk-table thead td.dt-head-left,
9645
.dataTables_wrapper .uk-table tfoot th.dt-head-left,
9646
.dataTables_wrapper .uk-table tfoot td.dt-head-left {
9647
  text-align: left;
9648
}
9649
.dataTables_wrapper .uk-table thead th.dt-head-center,
9650
.dataTables_wrapper .uk-table thead td.dt-head-center,
9651
.dataTables_wrapper .uk-table tfoot th.dt-head-center,
9652
.dataTables_wrapper .uk-table tfoot td.dt-head-center {
9653
  text-align: center;
9654
}
9655
.dataTables_wrapper .uk-table thead th.dt-head-right,
9656
.dataTables_wrapper .uk-table thead td.dt-head-right,
9657
.dataTables_wrapper .uk-table tfoot th.dt-head-right,
9658
.dataTables_wrapper .uk-table tfoot td.dt-head-right {
9659
  text-align: right;
9660
}
9661
.dataTables_wrapper .uk-table thead th.dt-head-justify,
9662
.dataTables_wrapper .uk-table thead td.dt-head-justify,
9663
.dataTables_wrapper .uk-table tfoot th.dt-head-justify,
9664
.dataTables_wrapper .uk-table tfoot td.dt-head-justify {
9665
  text-align: justify;
9666
}
9667
.dataTables_wrapper .uk-table thead th.dt-head-nowrap,
9668
.dataTables_wrapper .uk-table thead td.dt-head-nowrap,
9669
.dataTables_wrapper .uk-table tfoot th.dt-head-nowrap,
9670
.dataTables_wrapper .uk-table tfoot td.dt-head-nowrap {
9671
  white-space: nowrap;
9672
}
9673
.dataTables_wrapper .uk-table tbody th.dt-body-left,
9674
.dataTables_wrapper .uk-table tbody td.dt-body-left {
9675
  text-align: left;
9676
}
9677
.dataTables_wrapper .uk-table tbody th.dt-body-center,
9678
.dataTables_wrapper .uk-table tbody td.dt-body-center {
9679
  text-align: center;
9680
}
9681
.dataTables_wrapper .uk-table tbody th.dt-body-right,
9682
.dataTables_wrapper .uk-table tbody td.dt-body-right {
9683
  text-align: right;
9684
}
9685
.dataTables_wrapper .uk-table tbody th.dt-body-justify,
9686
.dataTables_wrapper .uk-table tbody td.dt-body-justify {
9687
  text-align: justify;
9688
}
9689
.dataTables_wrapper .uk-table tbody th.dt-body-nowrap,
9690
.dataTables_wrapper .uk-table tbody td.dt-body-nowrap {
9691
  white-space: nowrap;
9692
}
9693
.dataTables_wrapper .uk-table tfoot .md-input-wrapper {
9694
  padding-top: 0;
9695
}
9696
.dataTables_wrapper .uk-table tfoot .md-input-wrapper .md-input {
9697
  padding: 8px 4px;
9698
}
9699
.dataTables_wrapper .dataTables_length {
9700
  margin-top: -1px;
9701
}
9702
.dataTables_wrapper .dataTables_filter .md-input-wrapper {
9703
  padding-top: 3px;
9704
}
9705
.dataTables_wrapper .dataTables_filter .md-input-wrapper .md-input {
9706
  padding: 6px 4px;
9707
  -webkit-appearance: none;
9708
  border-radius: 0;
9709
}
9710
.dataTables_wrapper .selectize-control.dt-selectize {
9711
  min-width: 64px;
9712
  display: inline-block;
9713
  vertical-align: middle;
9714
  margin: 0 8px;
9715
  height: 40px;
9716
}
9717
.dataTables_wrapper .selectize-control.dt-selectize .selectize-input {
9718
  border-color: transparent;
9719
  background: transparent;
9720
}
9721
.dataTables_wrapper .selectize-control.dt-selectize:hover .selectize-input {
9722
  border-color: rgba(0, 0, 0, 0.12);
9723
  background: #fff;
9724
}
9725
.dataTables_wrapper .dt-uikit-header {
9726
  padding: 4px 8px;
9727
  margin-bottom: 16px;
9728
}
9729
.dataTables_wrapper .dt-uikit-footer {
9730
  padding: 4px 8px;
9731
  margin-top: 16px;
9732
}
9733
.dataTables_wrapper .dt-uikit-footer .dataTables_info {
9734
  padding-top: 8px;
9735
  color: #727272;
9736
  font-size: 12px;
9737
}
9738
@media only screen and (max-width: 767px) {
9739
  .dataTables_wrapper .dt-uikit-footer .dataTables_info {
9740
    text-align: center;
9741
  }
9742
}
9743
.dataTables_wrapper .dt-uikit-footer .uk-pagination {
9744
  text-align: right;
9745
}
9746
@media only screen and (max-width: 767px) {
9747
  .dataTables_wrapper .dt-uikit-footer .uk-pagination {
9748
    margin-top: 16px;
9749
    text-align: center;
9750
  }
9751
}
9752
.dataTables_wrapper .uk-overflow-container th,
9753
.dataTables_wrapper .uk-overflow-container td {
9754
  white-space: nowrap !important;
9755
}
9756
/* plugins */
9757
.dt_colVis_buttons {
9758
  margin-bottom: 8px;
9759
}
9760
.dt_colVis_buttons:before,
9761
.dt_colVis_buttons:after {
9762
  content: " ";
9763
  display: table;
9764
}
9765
.dt_colVis_buttons:after {
9766
  clear: both;
9767
}
9768
.dt_colVis_buttons:before,
9769
.dt_colVis_buttons:after {
9770
  content: " ";
9771
  display: table;
9772
}
9773
.dt_colVis_buttons:after {
9774
  clear: both;
9775
}
9776
div.dt-button-info {
9777
  position: fixed;
9778
  top: 50%;
9779
  left: 50%;
9780
  width: 400px;
9781
  margin-top: -100px;
9782
  margin-left: -200px;
9783
  background-color: #fff;
9784
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
9785
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
9786
  border-radius: 3px;
9787
  text-align: center;
9788
  z-index: 21;
9789
}
9790
div.dt-button-info h2 {
9791
  padding: 16px;
9792
  margin: 0;
9793
  font: 400 20px / 24px "Roboto", sans-serif;
9794
}
9795
div.dt-button-info > div {
9796
  padding: 16px 24px;
9797
}
9798
.dt-button embed {
9799
  outline: none;
9800
}
9801
div.dt-buttons {
9802
  position: relative;
9803
  float: left;
9804
}
9805
div.dt-buttons.buttons-right {
9806
  float: right;
9807
}
9808
.dt-button-collection.uk-dropdown {
9809
  margin-top: 4px;
9810
  position: absolute;
9811
  top: 0;
9812
  left: 0;
9813
  opacity: 1 !important;
9814
  -webkit-transform: scale(1);
9815
  transform: scale(1);
9816
  z-index: 2020;
9817
}
9818
.dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility a {
9819
  position: relative;
9820
  padding-left: 32px;
9821
  color: #212121;
9822
  font-size: 15px;
9823
  line-height: 20px;
9824
}
9825
.dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility a:before {
9826
  position: absolute;
9827
  left: 0;
9828
  top: 5px;
9829
  content: '\e835';
9830
  font-family: "Material Icons";
9831
  font-size: 24px;
9832
  color: rgba(0, 0, 0, 0.54);
9833
}
9834
.dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility.active a:before {
9835
  content: '\e834';
9836
  color: #009688;
9837
}
9838
div.dt-button-collection {
9839
  position: absolute;
9840
  top: 0;
9841
  left: 0;
9842
  width: 150px;
9843
  margin-top: 3px;
9844
  padding: 8px 8px 4px 8px;
9845
  border: 1px solid rgba(0, 0, 0, 0.4);
9846
  background-color: white;
9847
  overflow: hidden;
9848
  z-index: 2002;
9849
  border-radius: 5px;
9850
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
9851
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
9852
  -webkit-column-gap: 8px;
9853
  column-gap: 8px;
9854
}
9855
div.dt-button-collection.fixed {
9856
  position: fixed;
9857
  top: 50%;
9858
  left: 50%;
9859
  margin-left: -75px;
9860
  border-radius: 0;
9861
}
9862
div.dt-button-collection.fixed.two-column {
9863
  margin-left: -150px;
9864
}
9865
div.dt-button-collection.fixed.three-column {
9866
  margin-left: -225px;
9867
}
9868
div.dt-button-collection.fixed.four-column {
9869
  margin-left: -300px;
9870
}
9871
div.dt-button-collection > * {
9872
  -webkit-column-break-inside: avoid;
9873
  break-inside: avoid;
9874
}
9875
div.dt-button-collection.two-column {
9876
  width: 300px;
9877
  padding-bottom: 1px;
9878
  -webkit-column-count: 2;
9879
  column-count: 2;
9880
}
9881
div.dt-button-collection.three-column {
9882
  width: 450px;
9883
  padding-bottom: 1px;
9884
  -webkit-column-count: 3;
9885
  column-count: 3;
9886
}
9887
div.dt-button-collection.four-column {
9888
  width: 600px;
9889
  padding-bottom: 1px;
9890
  -webkit-column-count: 4;
9891
  column-count: 4;
9892
}
9893
div.dt-button-background {
9894
  position: fixed;
9895
  top: 0;
9896
  left: 0;
9897
  width: 100%;
9898
  height: 100%;
9899
  z-index: 2001;
9900
  background: rgba(0, 0, 0, 0.08);
9901
}
9902
@media screen and (max-width: 640px) {
9903
  div.dt-buttons {
9904
    float: none !important;
9905
    text-align: center;
9906
  }
9907
}
9908
/* fullcalendar */
9909
.fc-state-default {
9910
  border: none;
9911
  background: none;
9912
  -webkit-box-shadow: none;
9913
  box-shadow: none;
9914
  border-radius: 0 !important;
9915
}
9916
.fc-toolbar {
9917
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
9918
  margin: -16px -16px 16px;
9919
  height: 48px;
9920
  padding: 0 16px;
9921
}
9922
.fc-toolbar h2 {
9923
  line-height: 48px;
9924
}
9925
.fc-toolbar .fc-button {
9926
  margin-top: 8px;
9927
  border-radius: 50% !important;
9928
}
9929
.fc-toolbar .fc-button:hover {
9930
  background: rgba(0, 0, 0, 0.08);
9931
}
9932
.fc-event {
9933
  background: #0277bd;
9934
  border-radius: 3px;
9935
  font-size: 12px;
9936
}
9937
.fc-day-grid-event {
9938
  padding: 2px 2px;
9939
}
9940
.fc-day-number.fc-other-month {
9941
  opacity: 0.4;
9942
}
9943
.fc .fc-button-group + .fc-button-group {
9944
  margin-left: 24px;
9945
}
9946
.fc .fc-day-grid-event {
9947
  margin-top: 2px;
9948
}
9949
.fc-unthemed .fc-divider,
9950
.fc-unthemed .fc-popover,
9951
.fc-unthemed .fc-row,
9952
.fc-unthemed tbody,
9953
.fc-unthemed td,
9954
.fc-unthemed th,
9955
.fc-unthemed thead {
9956
  border-color: rgba(102, 102, 102, 0.12);
9957
}
9958
.fc-unthemed .fc-widget-header {
9959
  border: none;
9960
  text-align: left;
9961
  font-size: 15px;
9962
  color: #727272;
9963
  font-weight: 400;
9964
  padding: 2px 1px;
9965
}
9966
.fc-unthemed .fc-today {
9967
  background: #fffde7;
9968
}
9969
.fc-unthemed .fc-button {
9970
  position: relative;
9971
  min-width: 32px;
9972
  height: 32px;
9973
  -webkit-box-sizing: border-box;
9974
  box-sizing: border-box;
9975
  padding: 0;
9976
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
9977
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
9978
}
9979
.fc-unthemed .fc-button + .fc-button {
9980
  margin-left: 8px;
9981
}
9982
.fc-unthemed .fc-button:after {
9983
  font-family: "Material Icons";
9984
  font-size: 24px;
9985
  position: absolute;
9986
  color: #727272;
9987
  left: 0;
9988
  top: 4px;
9989
  width: 100%;
9990
  height: 100%;
9991
  display: block;
9992
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
9993
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
9994
}
9995
.fc-unthemed .fc-button:hover:after {
9996
  color: #212121;
9997
}
9998
.fc-unthemed .fc-button.fc-state-active {
9999
  background: none !important;
10000
  cursor: default;
10001
}
10002
.fc-unthemed .fc-button.fc-state-active:after {
10003
  color: #7cb342;
10004
}
10005
.fc-unthemed .fc-button.fc-state-disabled {
10006
  background: none !important;
10007
  cursor: default;
10008
}
10009
.fc-unthemed .fc-button.fc-state-disabled:hover:after {
10010
  color: #727272;
10011
}
10012
.fc-unthemed .fc-today-button {
10013
  margin-left: 16px;
10014
}
10015
.fc-unthemed .fc-today-button:after {
10016
  content: '\e8df';
10017
}
10018
.fc-unthemed .fc-month-button:after {
10019
  content: '\e42a';
10020
}
10021
.fc-unthemed .fc-agendaWeek-button:after {
10022
  content: '\e8f3';
10023
}
10024
.fc-unthemed .fc-agendaDay-button:after {
10025
  content: '\e8ed';
10026
}
10027
.fc-unthemed .fc-listWeek-button:after {
10028
  content: '\e8ef';
10029
}
10030
.fc-unthemed .fc-prev-button:after {
10031
  content: '\e408';
10032
}
10033
.fc-unthemed .fc-next-button {
10034
  margin-left: 0 !important;
10035
}
10036
.fc-unthemed .fc-next-button:after {
10037
  content: '\e409';
10038
}
10039
.fc-unthemed .fc-popover {
10040
  border: none !important;
10041
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
10042
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
10043
  margin: -10px 0 0 -4px;
10044
}
10045
.fc-unthemed .fc-popover .fc-header {
10046
  padding: 4px;
10047
  background: #999;
10048
  color: #fff;
10049
}
10050
.fc-unthemed .fc-popover .fc-header .fc-close {
10051
  margin-top: 3px;
10052
  color: #fff;
10053
}
10054
.fc-unthemed .fc-popover .fc-event-container {
10055
  padding: 8px;
10056
}
10057
.fc-unthemed .fc-highlight {
10058
  background: none;
10059
  -webkit-box-shadow: inset 0 0 0 2px #2196f3, inset 0 -1px 0 2px #2196f3;
10060
  box-shadow: inset 0 0 0 2px #2196f3, inset 0 -1px 0 2px #2196f3;
10061
  opacity: 1;
10062
}
10063
.fc-ltr .fc-basic-view .fc-day-number {
10064
  text-align: left;
10065
  color: #212121;
10066
}
10067
.fc-basic-view td.fc-day-number,
10068
.fc-basic-view td.fc-week-number span {
10069
  padding: 2px 4px;
10070
}
10071
.fc-list-item + .fc-list-heading .fc-widget-header {
10072
  border-top: 1px solid #ddd;
10073
}
10074
.fc-list-heading .fc-widget-header {
10075
  padding: 4px 8px;
10076
  font-size: 14px;
10077
  font-weight: 500;
10078
}
10079
/* vector maps */
10080
.mapTooltip {
10081
  background: #616161;
10082
  color: #fff;
10083
  font-size: 14px;
10084
  padding: 6px 16px;
10085
  line-height: 18px;
10086
  text-shadow: none;
10087
  position: fixed;
10088
  border-radius: 4px;
10089
  z-index: 1000;
10090
  max-width: 200px;
10091
  display: none;
10092
}
10093
.vm_wrapper {
10094
  max-width: 100%;
10095
  margin: 0 auto;
10096
}
10097
.plotLegend {
10098
  margin-top: 24px;
10099
  padding: 16px 16px 8px;
10100
}
10101
/* fileInput */
10102
.btn-file {
10103
  position: relative;
10104
  overflow: hidden;
10105
  vertical-align: middle;
10106
  cursor: pointer;
10107
}
10108
.btn-file input {
10109
  position: absolute;
10110
  top: 0;
10111
  right: 0;
10112
  width: 100%;
10113
  height: 100%;
10114
  margin: 0;
10115
  font-size: 14px;
10116
  cursor: pointer;
10117
  opacity: 0;
10118
  direction: ltr;
10119
}
10120
.fileinput {
10121
  display: inline-block;
10122
}
10123
.fileinput .form-control {
10124
  display: inline-block;
10125
  padding-top: 7px;
10126
  padding-bottom: 5px;
10127
  margin-bottom: 0;
10128
  vertical-align: middle;
10129
  cursor: text;
10130
}
10131
.fileinput .thumbnail {
10132
  display: inline-block;
10133
  overflow: hidden;
10134
  text-align: center;
10135
  vertical-align: top;
10136
}
10137
.fileinput .thumbnail > img {
10138
  height: 100%;
10139
  width: 100%;
10140
}
10141
.fileinput .btn {
10142
  vertical-align: middle;
10143
}
10144
.fileinput-exists .fileinput-new,
10145
.fileinput-new .fileinput-exists {
10146
  display: none !important;
10147
}
10148
.fileinput-inline .fileinput-controls {
10149
  display: inline;
10150
}
10151
.fileinput-filename {
10152
  display: inline-block;
10153
  overflow: hidden;
10154
  vertical-align: middle;
10155
}
10156
/*
10157
jQuery.ganttView v.0.8.0
10158
Copyright (c) 2010 JC Grubbs - jc.grubbs@devmynd.com
10159
MIT License Applies
10160
*/
10161
div.ganttview {
10162
  position: relative;
10163
  /* Horizontal Header */
10164
  /* Vertical Header */
10165
  /* Slider */
10166
  /* Grid */
10167
  /* Adjustments for jQuery UI Styling */
10168
}
10169
div.ganttview,
10170
div.ganttview:before,
10171
div.ganttview:after,
10172
div.ganttview *,
10173
div.ganttview *:before,
10174
div.ganttview *:after {
10175
  -webkit-box-sizing: border-box;
10176
  box-sizing: border-box;
10177
}
10178
div.ganttview-wrapper {
10179
  margin: 0 auto;
10180
  overflow: hidden;
10181
}
10182
div.ganttview-hzheader-month,
10183
div.ganttview-hzheader-day,
10184
div.ganttview-vtheader,
10185
div.ganttview-grid,
10186
div.ganttview-grid-row-cell {
10187
  float: left;
10188
}
10189
div.ganttview-hzheader-month,
10190
div.ganttview-hzheader-day {
10191
  text-align: center;
10192
}
10193
div.ganttview-grid-row-cell.last,
10194
div.ganttview-hzheader-day.last,
10195
div.ganttview-hzheader-month.last {
10196
  border-right: none;
10197
}
10198
div.ganttview-hzheader-month {
10199
  width: 60px;
10200
  height: 20px;
10201
  border-right: 1px solid rgba(0, 0, 0, 0.12);
10202
  line-height: 20px;
10203
  font-size: 11px;
10204
  font-weight: 700;
10205
  text-transform: uppercase;
10206
  color: #727272;
10207
  -webkit-box-sizing: content-box;
10208
  box-sizing: content-box;
10209
}
10210
div.ganttview-hzheader-day {
10211
  width: 20px;
10212
  height: 20px;
10213
  border-right: 1px solid #f0f0f0;
10214
  border-top: 1px solid rgba(0, 0, 0, 0.12);
10215
  line-height: 20px;
10216
  color: #999;
10217
  font-size: 11px;
10218
}
10219
div.ganttview-hzheader-day.ganttview-weekend {
10220
  background: #f8f8f8;
10221
}
10222
div.ganttview-hzheader-day.ganttview-today {
10223
  background: #fff9db !important;
10224
}
10225
div.ganttview-vtheader {
10226
  margin-top: 41px;
10227
  width: 240px;
10228
  background-color: #fff;
10229
}
10230
div.ganttview-vtheader-group {
10231
  color: #212121;
10232
}
10233
div.ganttview-vtheader-group-name {
10234
  line-height: 24px;
10235
  font-size: 13px;
10236
  font-weight: 500;
10237
  height: 24px;
10238
  padding: 0 8px;
10239
  position: relative;
10240
  border-top: 1px solid #e0e0e0;
10241
  background: rgba(0, 0, 0, 0.085);
10242
}
10243
div.ganttview-vtheader-group-name.toggle_enabled {
10244
  cursor: pointer;
10245
}
10246
div.ganttview-vtheader-group-name.toggle_enabled:before {
10247
  position: absolute;
10248
  right: 4px;
10249
  top: 0;
10250
  display: block;
10251
  content: '\e313';
10252
  font-family: "Material Icons";
10253
  font-size: 18px;
10254
  color: #727272;
10255
}
10256
div.ganttview-vtheader-group-name.toggle_enabled.projectHidden:before {
10257
  content: '\e316';
10258
}
10259
div.ganttview-vtheader-series-row {
10260
  height: 42px;
10261
  padding: 3px 8px;
10262
  border-top: 1px solid #e0e0e0;
10263
  font-size: 13px;
10264
  overflow: hidden;
10265
  position: relative;
10266
}
10267
div.ganttview-vtheader-series-row:hover {
10268
  overflow: visible;
10269
}
10270
div.ganttview-vtheader-series-row:hover .series-content {
10271
  min-width: 100%;
10272
  background: #fff;
10273
  top: 0;
10274
  left: 0;
10275
  position: absolute;
10276
  z-index: 100;
10277
  overflow: visible;
10278
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
10279
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
10280
  padding: 5px 8px 3px;
10281
}
10282
div.ganttview-vtheader-series-row .series-users {
10283
  float: left;
10284
  margin-right: 8px;
10285
}
10286
div.ganttview-vtheader-series-row .series-users .series-user {
10287
  margin-right: 0;
10288
}
10289
div.ganttview-vtheader-series-row .series-users .series-user + .series-user {
10290
  margin-left: 4px;
10291
}
10292
div.ganttview-vtheader-series-row .series-users .series-user > span {
10293
  display: inline-block;
10294
}
10295
div.ganttview-vtheader-series-row .series-user {
10296
  float: left;
10297
  margin-right: 8px;
10298
}
10299
div.ganttview-vtheader-series-row .series-user img {
10300
  width: 34px;
10301
  height: 34px;
10302
  border-radius: 50%;
10303
}
10304
div.ganttview-vtheader-series-row .series-content {
10305
  line-height: 16px;
10306
  padding-top: 2px;
10307
  overflow: hidden;
10308
  white-space: nowrap;
10309
}
10310
div.ganttview-vtheader-series-row .series-content .series-name {
10311
  text-overflow: ellipsis;
10312
  display: inline-block;
10313
  vertical-align: top;
10314
  white-space: nowrap;
10315
  overflow: hidden;
10316
  width: 100%;
10317
  display: block;
10318
}
10319
div.ganttview-vtheader-series-row .series-content .series-dates {
10320
  color: #aaa;
10321
  font-size: 11px;
10322
  text-transform: uppercase;
10323
  margin-top: 2px;
10324
  text-overflow: ellipsis;
10325
  display: inline-block;
10326
  vertical-align: top;
10327
  white-space: nowrap;
10328
  overflow: hidden;
10329
  width: 100%;
10330
  display: block;
10331
}
10332
div.ganttview-vtheader-series-row .series-content .series-dates > .date-user {
10333
  display: none;
10334
}
10335
div.ganttview-vtheader-series-row .series-content .date-sep {
10336
  display: inline-block;
10337
  margin: 0 8px;
10338
}
10339
div.ganttview-hzheader-months,
10340
div.ganttview-hzheader-days {
10341
  overflow: hidden;
10342
}
10343
div.ganttview-hzheader-days {
10344
  position: relative;
10345
}
10346
div.ganttview-slide-container {
10347
  -webkit-user-select: none;
10348
  -moz-user-select: none;
10349
  -ms-user-select: none;
10350
  user-select: none;
10351
  overflow-y: auto;
10352
  overflow-x: scroll;
10353
  -webkit-overflow-scrolling: touch;
10354
}
10355
div.ganttview-grid-row {
10356
  overflow: hidden;
10357
}
10358
div.ganttview-grid-row-cell {
10359
  width: 20px;
10360
  height: 42px;
10361
  border-right: 1px solid #f0f0f0;
10362
  border-top: 1px solid rgba(0, 0, 0, 0.12);
10363
}
10364
div.ganttview-grid-row-cell.ganttview-weekend {
10365
  background-color: #fafafa;
10366
}
10367
div.ganttview-grid-row-cell.ganttview-today {
10368
  background-color: #fff9db !important;
10369
}
10370
div.ganttview-grid-spacer {
10371
  background: #ededed;
10372
  height: 24px;
10373
  border-top: 1px solid #e0e0e0;
10374
  cursor: pointer;
10375
}
10376
div.ganttview-grid-spacer + .ganttview-grid-row > div.ganttview-grid-row-cell {
10377
  border-top-color: #e0e0e0;
10378
}
10379
div.ganttview-blocks {
10380
  min-width: 100%;
10381
  width: auto;
10382
}
10383
div.ganttview-block {
10384
  height: 60%;
10385
  background-color: #bbb;
10386
  border-radius: 2px;
10387
  position: absolute !important;
10388
  opacity: 0.8;
10389
  top: 20%;
10390
}
10391
div.ganttview-block-spacer {
10392
  height: 24px;
10393
}
10394
div.ganttview-block-container {
10395
  position: relative;
10396
  height: 42px;
10397
  width: 100%;
10398
}
10399
div.ganttview-block-text {
10400
  position: absolute;
10401
  font-size: 11px;
10402
  color: #fff;
10403
  padding: 5px 8px 2px;
10404
  text-overflow: ellipsis;
10405
  display: inline-block;
10406
  vertical-align: top;
10407
  white-space: nowrap;
10408
  overflow: hidden;
10409
  width: 100%;
10410
  display: block;
10411
}
10412
div.ganttview-block-text > a {
10413
  color: #fff;
10414
  text-decoration: underline;
10415
}
10416
div.ganttview-block div.ui-resizable-handle.ui-resizable-s {
10417
  bottom: 0;
10418
}
10419
div.ganttview-block:hover {
10420
  z-index: 1000;
10421
  opacity: 1;
10422
}
10423
div.ganttview .ui-resizable {
10424
  position: relative;
10425
}
10426
div.ganttview .ui-resizable-handle {
10427
  display: block;
10428
  font-size: 0.1px;
10429
  position: absolute;
10430
}
10431
div.ganttview .ui-resizable-disabled .ui-resizable-handle,
10432
div.ganttview .ui-resizable-autohide .ui-resizable-handle {
10433
  display: none;
10434
}
10435
div.ganttview .ui-resizable-e {
10436
  cursor: e-resize;
10437
  height: 100%;
10438
  right: -5px;
10439
  top: 0;
10440
  width: 7px;
10441
}
10442
div.ganttview .ui-resizable-w {
10443
  cursor: w-resize;
10444
  height: 100%;
10445
  left: -5px;
10446
  top: 0;
10447
  width: 7px;
10448
}
10449
@media only screen and (min-width: 768px) {
10450
  div.ganttview-wrapper {
10451
    width: 100%;
10452
  }
10453
  div.ganttview-slide-container {
10454
    width: 75%;
10455
    border: 1px solid rgba(0, 0, 0, 0.12);
10456
  }
10457
  div.ganttview-vtheader {
10458
    width: 25%;
10459
    border-right: 1px solid rgba(0, 0, 0, 0.12);
10460
  }
10461
}
10462
@media only screen and (max-width: 767px) {
10463
  div.ganttview-wrapper {
10464
    position: relative;
10465
  }
10466
  div.ganttview-vtheader {
10467
    position: absolute;
10468
    left: 0;
10469
    top: 0;
10470
    background: none;
10471
    width: 100%;
10472
    z-index: 10;
10473
    margin-top: 40px;
10474
  }
10475
  div.ganttview-vtheader-series-name {
10476
    height: 22px;
10477
    line-height: 20px;
10478
    border: none;
10479
    margin-bottom: 31px;
10480
  }
10481
  div.ganttview-vtheader-series-row {
10482
    margin-bottom: 42px;
10483
  }
10484
  div.ganttview-row {
10485
    margin-top: 21px;
10486
  }
10487
  div.ganttview-grid-spacer {
10488
    background: none;
10489
    border-top: none;
10490
  }
10491
  div.ganttview-grid-spacer + .ganttview-grid-row > div.ganttview-grid-row-cell {
10492
    border-top-color: rgba(0, 0, 0, 0.12);
10493
  }
10494
  div.ganttview-grid-row {
10495
    margin-top: 42px;
10496
  }
10497
  div.ganttview-block-container {
10498
    margin-top: 42px;
10499
  }
10500
  div.ganttview-wrapper,
10501
  div.ganttview-slide-container {
10502
    width: 100%;
10503
  }
10504
  div.ganttview-slide-container {
10505
    border-left: none;
10506
    position: relative;
10507
    z-index: 10;
10508
  }
10509
  div.ganttview-vtheader-group:last-child {
10510
    border-bottom: none;
10511
  }
10512
}
10513
.animate_hide {
10514
  display: none;
10515
}
10516
/* wizard */
10517
.wizard,
10518
.tabcontrol {
10519
  display: block;
10520
  width: 100%;
10521
  overflow: hidden;
10522
}
10523
.wizard a,
10524
.tabcontrol a {
10525
  outline: 0;
10526
}
10527
.wizard ul,
10528
.tabcontrol ul {
10529
  list-style: none !important;
10530
  padding: 0;
10531
  margin: 0;
10532
}
10533
.wizard ul > li,
10534
.tabcontrol ul > li {
10535
  display: block;
10536
  padding: 0;
10537
}
10538
.wizard > .steps .current-info,
10539
.tabcontrol > .steps .current-info {
10540
  position: absolute;
10541
  left: -999em;
10542
}
10543
.wizard .content > .title,
10544
.tabcontrol .content > .title {
10545
  position: absolute;
10546
  left: -999em;
10547
}
10548
.wizard > .steps {
10549
  position: relative;
10550
  display: block;
10551
  width: 100%;
10552
  background: #2196f3;
10553
}
10554
.wizard > .steps .number {
10555
  font-size: 14px;
10556
  border: 2px solid #fff;
10557
  width: 24px;
10558
  height: 24px;
10559
  line-height: 24px;
10560
  text-align: center;
10561
  border-radius: 50%;
10562
  position: absolute;
10563
  left: 12px;
10564
  top: 50%;
10565
  margin-top: -14px;
10566
}
10567
@media only screen and (min-width: 960px) {
10568
  .wizard > .steps .number {
10569
    font-size: 16px;
10570
    width: 32px;
10571
    height: 32px;
10572
    line-height: 32px;
10573
    margin-top: -18px;
10574
  }
10575
}
10576
.wizard > .steps .title {
10577
  text-overflow: ellipsis;
10578
  display: inline-block;
10579
  vertical-align: top;
10580
  white-space: nowrap;
10581
  overflow: hidden;
10582
  width: 100%;
10583
  padding-left: 46px;
10584
  -webkit-box-sizing: border-box;
10585
  box-sizing: border-box;
10586
}
10587
.wizard > .steps > ul > li {
10588
  display: block;
10589
}
10590
@media only screen and (min-width: 960px) {
10591
  .wizard > .steps > ul > li {
10592
    float: left;
10593
    width: 25%;
10594
  }
10595
}
10596
.wizard > .steps > ul > li + li a {
10597
  border-top: 1px solid rgba(0, 0, 0, 0.15);
10598
}
10599
@media only screen and (min-width: 960px) {
10600
  .wizard > .steps > ul > li + li a {
10601
    border-top: none;
10602
    border-right: 1px solid rgba(0, 0, 0, 0.15);
10603
  }
10604
}
10605
.wizard > .steps > ul > li a {
10606
  position: relative;
10607
}
10608
.wizard > .steps > ul > li a,
10609
.wizard > .steps > ul > li a:hover,
10610
.wizard > .steps > ul > li a:active {
10611
  display: block;
10612
  width: auto;
10613
  padding: 12px 8px;
10614
  text-decoration: none;
10615
  color: #fff;
10616
}
10617
@media only screen and (min-width: 960px) {
10618
  .wizard > .steps > ul > li a,
10619
  .wizard > .steps > ul > li a:hover,
10620
  .wizard > .steps > ul > li a:active {
10621
    padding: 16px;
10622
  }
10623
}
10624
.wizard > .steps > ul > li.disabled a,
10625
.wizard > .steps > ul > li.disabled a:hover,
10626
.wizard > .steps > ul > li.disabled a:active {
10627
  color: #fff;
10628
  cursor: default;
10629
}
10630
.wizard > .steps > ul > li.current a,
10631
.wizard > .steps > ul > li.current a:hover,
10632
.wizard > .steps > ul > li.current a:active {
10633
  background: #51adf6;
10634
  color: #fff;
10635
  cursor: default;
10636
}
10637
.wizard > .steps > ul > li.done a,
10638
.wizard > .steps > ul > li.done a:hover,
10639
.wizard > .steps > ul > li.done a:active {
10640
  background: #1976d2;
10641
  color: #fff;
10642
}
10643
.wizard > .steps > ul > li.error a,
10644
.wizard > .steps > ul > li.error a:hover,
10645
.wizard > .steps > ul > li.error a:active {
10646
  background: #c62828;
10647
  color: #fff;
10648
}
10649
.wizard > .content {
10650
  display: block;
10651
  min-height: 360px;
10652
  overflow: hidden;
10653
  position: relative;
10654
  -webkit-box-sizing: border-box;
10655
  box-sizing: border-box;
10656
}
10657
.wizard > .content > .body {
10658
  padding: 48px 24px 64px;
10659
  width: 100%;
10660
  position: absolute;
10661
  -webkit-box-sizing: border-box;
10662
  box-sizing: border-box;
10663
}
10664
.wizard > .content > .body ul {
10665
  margin: 0;
10666
  padding: 0;
10667
  list-style: none;
10668
}
10669
.wizard > .content > .body ul > li {
10670
  padding: 0;
10671
  margin: 0;
10672
  list-style: none;
10673
}
10674
.wizard > .content > .body .uk-form-label {
10675
  display: block;
10676
  font-weight: 500;
10677
  font-size: 13px;
10678
  margin: -4px 0;
10679
}
10680
.wizard > .content > .body .icheck-inline {
10681
  margin: 4px 16px 0 0;
10682
}
10683
.wizard > .content > .body .icheck-inline + .parsley-errors-list {
10684
  margin-top: 2px;
10685
}
10686
.wizard > .content > .body > iframe {
10687
  border: 0 none;
10688
  width: 100%;
10689
  height: 100%;
10690
}
10691
.wizard > .content > .body pre[class*="language-"] {
10692
  max-height: inherit;
10693
}
10694
.wizard > .actions {
10695
  display: block;
10696
  background: rgba(0, 0, 0, 0.085);
10697
  padding: 8px 24px;
10698
}
10699
.wizard > .actions > ul > li.button_previous {
10700
  float: left;
10701
}
10702
.wizard > .actions > ul > li.button_next,
10703
.wizard > .actions > ul > li.button_finish {
10704
  float: right;
10705
}
10706
@media only screen and (max-width: 479px) {
10707
  .wizard > .actions > ul > li + li {
10708
    margin-top: 8px;
10709
  }
10710
  .wizard > .actions > ul > li.button_previous {
10711
    float: none;
10712
  }
10713
  .wizard > .actions > ul > li.button_next,
10714
  .wizard > .actions > ul > li.button_finish {
10715
    float: none;
10716
  }
10717
}
10718
.wizard > .actions a,
10719
.wizard > .actions a:hover,
10720
.wizard > .actions a:active {
10721
  color: #212121;
10722
  display: block;
10723
  padding: 0 16px;
10724
  min-width: 80px;
10725
  text-align: center;
10726
  text-decoration: none;
10727
  font-weight: 500;
10728
  font-size: 14px;
10729
  line-height: 31px;
10730
  text-transform: uppercase;
10731
}
10732
.wizard > .actions a .material-icons {
10733
  color: #212121;
10734
}
10735
.wizard > .actions .disabled a,
10736
.wizard > .actions .disabled a:hover,
10737
.wizard > .actions .disabled a:active {
10738
  color: #aaa;
10739
}
10740
.wizard > .actions .disabled .material-icons {
10741
  color: #aaa;
10742
}
10743
@media only screen and (min-width: 960px) {
10744
  .wizard.vertical > .steps {
10745
    width: 25%;
10746
    float: left;
10747
    -webkit-box-sizing: border-box;
10748
    box-sizing: border-box;
10749
    padding: 8px;
10750
  }
10751
}
10752
@media only screen and (min-width: 1220px) {
10753
  .wizard.vertical > .steps {
10754
    width: 20%;
10755
  }
10756
}
10757
@media only screen and (min-width: 960px) {
10758
  .wizard.vertical > .steps > ul > li {
10759
    float: none;
10760
    width: 100%;
10761
  }
10762
  .wizard.vertical > .steps > ul > li + li {
10763
    margin-top: 8px;
10764
  }
10765
  .wizard.vertical > .steps > ul > li a {
10766
    padding: 12px;
10767
    border: none;
10768
    border-radius: 4px;
10769
  }
10770
  .wizard.vertical > .steps .number {
10771
    font-size: 12px;
10772
    border: 2px solid #fff;
10773
    width: 24px;
10774
    height: 24px;
10775
    line-height: 24px;
10776
    text-align: center;
10777
    border-radius: 50%;
10778
    position: absolute;
10779
    left: 12px;
10780
    top: 50%;
10781
    margin-top: -14px;
10782
  }
10783
}
10784
.wizard.vertical > .content {
10785
  display: block;
10786
  background: #fff;
10787
}
10788
@media only screen and (min-width: 960px) {
10789
  .wizard.vertical > .content {
10790
    width: 75%;
10791
    float: left;
10792
  }
10793
  .wizard.vertical > .content .body {
10794
    padding: 16px 32px;
10795
  }
10796
}
10797
@media only screen and (min-width: 1220px) {
10798
  .wizard.vertical > .content {
10799
    width: 80%;
10800
  }
10801
}
10802
.wizard.vertical > .actions {
10803
  display: block;
10804
  clear: both;
10805
}
10806
/* chartist overide */
10807
.chartist {
10808
  height: 240px;
10809
  width: 100%;
10810
}
10811
.chartist .ct-label {
10812
  color: #727272;
10813
  fill: #727272;
10814
  font-size: 14px;
10815
}
10816
.chartist-labels-inside .ct-label {
10817
  color: #fff;
10818
  fill: #fff;
10819
}
10820
.ct-line {
10821
  stroke-width: 2px;
10822
}
10823
.ct-point {
10824
  stroke-width: 8px;
10825
}
10826
.ct-series-a .ct-bar,
10827
.ct-series-a .ct-line,
10828
.ct-series-a .ct-point,
10829
.ct-series-a .ct-slice-donut {
10830
  stroke: #1f77b4;
10831
}
10832
.ct-series-a .ct-area,
10833
.ct-series-a .ct-slice-pie {
10834
  fill: #1f77b4;
10835
}
10836
.ct-series-b .ct-bar,
10837
.ct-series-b .ct-line,
10838
.ct-series-b .ct-point,
10839
.ct-series-b .ct-slice-donut {
10840
  stroke: #ff7f0e;
10841
}
10842
.ct-series-b .ct-area,
10843
.ct-series-b .ct-slice-pie {
10844
  fill: #ff7f0e;
10845
}
10846
.ct-series-c .ct-bar,
10847
.ct-series-c .ct-line,
10848
.ct-series-c .ct-point,
10849
.ct-series-c .ct-slice-donut {
10850
  stroke: #2ca02c;
10851
}
10852
.ct-series-c .ct-area,
10853
.ct-series-c .ct-slice-pie {
10854
  fill: #2ca02c;
10855
}
10856
.ct-series-d .ct-bar,
10857
.ct-series-d .ct-line,
10858
.ct-series-d .ct-point,
10859
.ct-series-d .ct-slice-donut {
10860
  stroke: #d62728;
10861
}
10862
.ct-series-d .ct-area,
10863
.ct-series-d .ct-slice-pie {
10864
  fill: #d62728;
10865
}
10866
.ct-series-e .ct-bar,
10867
.ct-series-e .ct-line,
10868
.ct-series-e .ct-point,
10869
.ct-series-e .ct-slice-donut {
10870
  stroke: #9467bd;
10871
}
10872
.ct-series-e .ct-area,
10873
.ct-series-e .ct-slice-pie {
10874
  fill: #9467bd;
10875
}
10876
.ct-series-f .ct-bar,
10877
.ct-series-f .ct-line,
10878
.ct-series-f .ct-point,
10879
.ct-series-f .ct-slice-donut {
10880
  stroke: #8c564b;
10881
}
10882
.ct-series-f .ct-area,
10883
.ct-series-f .ct-slice-pie {
10884
  fill: #8c564b;
10885
}
10886
.ct-series-g .ct-bar,
10887
.ct-series-g .ct-line,
10888
.ct-series-g .ct-point,
10889
.ct-series-g .ct-slice-donut {
10890
  stroke: #e377c2;
10891
}
10892
.ct-series-g .ct-area,
10893
.ct-series-g .ct-slice-pie {
10894
  fill: #e377c2;
10895
}
10896
.ct-series-h .ct-bar,
10897
.ct-series-h .ct-line,
10898
.ct-series-h .ct-point,
10899
.ct-series-h .ct-slice-donut {
10900
  stroke: #7f7f7f;
10901
}
10902
.ct-series-h .ct-area,
10903
.ct-series-h .ct-slice-pie {
10904
  fill: #7f7f7f;
10905
}
10906
.ct-series-i .ct-bar,
10907
.ct-series-i .ct-line,
10908
.ct-series-i .ct-point,
10909
.ct-series-i .ct-slice-donut {
10910
  stroke: #bcbd22;
10911
}
10912
.ct-series-i .ct-area,
10913
.ct-series-i .ct-slice-pie {
10914
  fill: #bcbd22;
10915
}
10916
.ct-series-j .ct-bar,
10917
.ct-series-j .ct-line,
10918
.ct-series-j .ct-point,
10919
.ct-series-j .ct-slice-donut {
10920
  stroke: #17becf;
10921
}
10922
.ct-series-j .ct-area,
10923
.ct-series-j .ct-slice-pie {
10924
  fill: #17becf;
10925
}
10926
.ct-series-k .ct-bar,
10927
.ct-series-k .ct-line,
10928
.ct-series-k .ct-point,
10929
.ct-series-k .ct-slice-donut {
10930
  stroke: #eacf7d;
10931
}
10932
.ct-series-k .ct-area,
10933
.ct-series-k .ct-slice-pie {
10934
  fill: #eacf7d;
10935
}
10936
.ct-series-l .ct-bar,
10937
.ct-series-l .ct-line,
10938
.ct-series-l .ct-point,
10939
.ct-series-l .ct-slice-donut {
10940
  stroke: #86797d;
10941
}
10942
.ct-series-l .ct-area,
10943
.ct-series-l .ct-slice-pie {
10944
  fill: #86797d;
10945
}
10946
.ct-series-m .ct-bar,
10947
.ct-series-m .ct-line,
10948
.ct-series-m .ct-point,
10949
.ct-series-m .ct-slice-donut {
10950
  stroke: #b2c326;
10951
}
10952
.ct-series-m .ct-area,
10953
.ct-series-m .ct-slice-pie {
10954
  fill: #b2c326;
10955
}
10956
.ct-series-n .ct-bar,
10957
.ct-series-n .ct-line,
10958
.ct-series-n .ct-point,
10959
.ct-series-n .ct-slice-donut {
10960
  stroke: #6188e2;
10961
}
10962
.ct-series-n .ct-area,
10963
.ct-series-n .ct-slice-pie {
10964
  fill: #6188e2;
10965
}
10966
.ct-series-o .ct-bar,
10967
.ct-series-o .ct-line,
10968
.ct-series-o .ct-point,
10969
.ct-series-o .ct-slice-donut {
10970
  stroke: #a748ca;
10971
}
10972
.ct-series-o .ct-area,
10973
.ct-series-o .ct-slice-pie {
10974
  fill: #a748ca;
10975
}
10976
/* dragula.js */
10977
.gu-mirror {
10978
  position: fixed !important;
10979
  margin: 0 !important;
10980
  z-index: 9999 !important;
10981
  opacity: 0.8;
10982
}
10983
.gu-hide {
10984
  display: none !important;
10985
}
10986
.gu-unselectable {
10987
  -webkit-user-select: none !important;
10988
  -moz-user-select: none !important;
10989
  -ms-user-select: none !important;
10990
  user-select: none !important;
10991
}
10992
.gu-transit {
10993
  opacity: 0.2;
10994
}
10995
.dragula > * {
10996
  cursor: move;
10997
}
10998
.dragula-vertical {
10999
  height: 100%;
11000
}
11001
.dragula-vertical * + * {
11002
  margin-top: 4px;
11003
}
11004
/* Tablesorter Altair Theme */
11005
.tablesorter-altair {
11006
  /*td.primary,
11007
    tr.odd td.primary {
11008
        color: #ddd;
11009
        background-color: #165388;
11010
    }
11011
    tr.even {
11012
        td {
11013
            &.primary {
11014
                color: #ddd;
11015
                background-color: #195c93;
11016
            }
11017
            &.secondary {
11018
                color: #ddd;
11019
                background-color: #1D67A5;
11020
            }
11021
            &.tertiary {
11022
                color: #ddd;
11023
                background-color: #2073B7;
11024
            }
11025
        }
11026
    }
11027
    td.secondary,
11028
    tr.odd td.secondary {
11029
        color: #ddd;
11030
        background-color: #185C9A;
11031
    }
11032
    td.tertiary,
11033
    tr.odd td.tertiary {
11034
        color: #ddd;
11035
        background-color: #1B67AD;
11036
    }*/
11037
}
11038
.tablesorter-altair .tablesorter-header-inner {
11039
  position: relative;
11040
  padding: 0 32px 0 0;
11041
}
11042
.tablesorter-altair .tablesorter-header-inner:after {
11043
  position: absolute;
11044
  right: 0;
11045
  top: -3px;
11046
  content: '\e164';
11047
  display: block;
11048
  width: 18px;
11049
  height: 18px;
11050
  font-size: 18px;
11051
  font-family: "Material Icons";
11052
  color: #aaa;
11053
}
11054
.tablesorter-altair .sorter-false .tablesorter-header-inner {
11055
  padding: 0;
11056
}
11057
.tablesorter-altair .header,
11058
.tablesorter-altair .tablesorter-header {
11059
  cursor: pointer;
11060
}
11061
.tablesorter-altair th {
11062
  outline: 0 !important;
11063
}
11064
.tablesorter-altair .headerSortUp,
11065
.tablesorter-altair .tablesorter-headerSortUp,
11066
.tablesorter-altair .tablesorter-headerAsc {
11067
  color: #7cb342;
11068
}
11069
.tablesorter-altair .headerSortUp .tablesorter-header-inner:after,
11070
.tablesorter-altair .tablesorter-headerSortUp .tablesorter-header-inner:after,
11071
.tablesorter-altair .tablesorter-headerAsc .tablesorter-header-inner:after {
11072
  top: -2px;
11073
  content: '\e313';
11074
  color: #212121;
11075
}
11076
.tablesorter-altair .headerSortDown,
11077
.tablesorter-altair .tablesorter-headerSortDown,
11078
.tablesorter-altair .tablesorter-headerDesc {
11079
  color: #7cb342;
11080
}
11081
.tablesorter-altair .headerSortDown .tablesorter-header-inner:after,
11082
.tablesorter-altair .tablesorter-headerSortDown .tablesorter-header-inner:after,
11083
.tablesorter-altair .tablesorter-headerDesc .tablesorter-header-inner:after {
11084
  top: -2px;
11085
  content: '\e316';
11086
  color: #212121;
11087
}
11088
.tablesorter-altair thead .sorter-false {
11089
  cursor: default;
11090
}
11091
.tablesorter-altair thead .sorter-false .tablesorter-header-inner:after {
11092
  display: none;
11093
}
11094
.tablesorter-altair tbody > tr.even > td {
11095
  background-color: rgba(0, 0, 0, 0.085);
11096
}
11097
.tablesorter-altair tbody > tr.row_highlighted > td {
11098
  background: #e3f2fd;
11099
}
11100
.tablesorter-altair .tablesorter-processing {
11101
  background-position: center center !important;
11102
  background-repeat: no-repeat !important;
11103
  background-image: url(../img/spinners/spinner_small.gif) !important;
11104
}
11105
.tablesorter-altair caption {
11106
  background-color: #fff;
11107
}
11108
.tablesorter-altair .tablesorter-filter-row td {
11109
  padding: 8px 4px;
11110
  line-height: normal;
11111
  text-align: center;
11112
  -webkit-transition: line-height 0.1s ease;
11113
  transition: line-height 0.1s ease;
11114
}
11115
.tablesorter-altair .tablesorter-filter-row .disabled {
11116
  opacity: 0.5;
11117
  cursor: not-allowed;
11118
  background: rgba(0, 0, 0, 0.085);
11119
}
11120
.tablesorter-altair .tablesorter-filter-row.hideme * {
11121
  height: 1px;
11122
  min-height: 0;
11123
  border: 0;
11124
  padding: 0;
11125
  margin: 0;
11126
  opacity: 0;
11127
}
11128
.tablesorter-altair .tablesorter-filter-row.hideme td {
11129
  /*** *********************************************** ***/
11130
  /*** change this padding to modify the thickness     ***/
11131
  /*** of the closed filter row (height = padding x 2) ***/
11132
  padding: 2px;
11133
  /*** *********************************************** ***/
11134
  margin: 0;
11135
  line-height: 0;
11136
  cursor: pointer;
11137
}
11138
.tablesorter-altair input.tablesorter-filter,
11139
.tablesorter-altair select.tablesorter-filter {
11140
  width: 100%;
11141
  height: auto;
11142
  margin: 0;
11143
  padding: 4px;
11144
  line-height: 24px;
11145
  border: 1px solid rgba(0, 0, 0, 0.12);
11146
  color: #212121;
11147
  -webkit-box-sizing: border-box;
11148
  box-sizing: border-box;
11149
  -webkit-transition: height 0.1s ease;
11150
  transition: height 0.1s ease;
11151
  border-radius: 0;
11152
  -webkit-appearance: none;
11153
}
11154
.tablesorter-altair .ts-align-wrap {
11155
  white-space: nowrap;
11156
  width: 100%;
11157
  overflow: hidden;
11158
}
11159
.tablesorter-altair .ts-align-wrap,
11160
.tablesorter-altair .ts-align-left,
11161
.tablesorter-altair .ts-align-right {
11162
  display: inline-block;
11163
  -webkit-box-sizing: border-box;
11164
  box-sizing: border-box;
11165
}
11166
.tablesorter-altair .ts-align-left {
11167
  text-align: right;
11168
}
11169
.tablesorter-altair .ts-align-right {
11170
  text-align: left;
11171
}
11172
.tablesorter-altair td:nth-child(3) .ts-align-right i {
11173
  color: #e53935;
11174
}
11175
.tablesorter-altair input[type="search"]::-webkit-search-decoration,
11176
.tablesorter-altair input[type="search"]::-webkit-search-cancel-button,
11177
.tablesorter-altair input[type="search"]::-webkit-search-results-button,
11178
.tablesorter-altair input[type="search"]::-webkit-search-results-decoration {
11179
  display: none;
11180
}
11181
.tablesorter .filtered {
11182
  display: none;
11183
}
11184
.tablesorter .tablesorter-errorRow td {
11185
  text-align: center;
11186
  cursor: pointer;
11187
  background-color: #e53935;
11188
  color: #fff;
11189
}
11190
.tablesorter .remove-me {
11191
  display: none;
11192
}
11193
.ts_pager .selectize-control {
11194
  vertical-align: middle;
11195
  display: inline-block;
11196
  text-align: left;
11197
  margin-top: -3px;
11198
  margin-left: 4px;
11199
}
11200
.ts_pager .selectize-control .selectize-input {
11201
  min-width: 64px;
11202
}
11203
/*!
11204
* Waves v0.7.4
11205
* http://fian.my.id/Waves
11206
*
11207
* Copyright 2014 Alfiana E. Sibuea and other contributors
11208
* Released under the MIT license
11209
* https://github.com/fians/Waves/blob/master/LICENSE
11210
*/
11211
.waves-effect {
11212
  position: relative;
11213
  cursor: pointer;
11214
  overflow: hidden;
11215
  -webkit-tap-highlight-color: transparent;
11216
}
11217
.waves-effect .waves-ripple {
11218
  position: absolute;
11219
  border-radius: 50%;
11220
  width: 80px;
11221
  height: 80px;
11222
  margin-top: -40px;
11223
  margin-left: -40px;
11224
  opacity: 0;
11225
  background: rgba(0, 0, 0, 0.2);
11226
  -webkit-transition: all 500ms ease-out;
11227
  transition: all 500ms ease-out;
11228
  -webkit-transition-property: opacity, -webkit-transform;
11229
  transition-property: opacity, -webkit-transform;
11230
  transition-property: transform, opacity;
11231
  transition-property: transform, opacity, -webkit-transform;
11232
  -webkit-transform: scale(0) translate(0, 0);
11233
  transform: scale(0) translate(0, 0);
11234
  pointer-events: none;
11235
}
11236
.waves-effect.waves-light .waves-ripple {
11237
  background: rgba(255, 255, 255, 0.55);
11238
}
11239
.waves-effect.md-btn-flat {
11240
  background: none;
11241
}
11242
.waves-effect.waves-default .waves-ripple {
11243
  background: rgba(153, 153, 153, 0.2);
11244
}
11245
.waves-effect.md-btn-flat-primary .waves-ripple {
11246
  background: rgba(33, 150, 243, 0.4);
11247
}
11248
.waves-effect.md-btn-flat-danger .waves-ripple {
11249
  background: rgba(229, 57, 53, 0.4);
11250
}
11251
.waves-effect.md-btn-flat-warning .waves-ripple {
11252
  background: rgba(255, 160, 0, 0.4);
11253
}
11254
.waves-effect.md-btn-flat-success .waves-ripple {
11255
  background: rgba(124, 179, 66, 0.4);
11256
}
11257
.waves-notransition {
11258
  -webkit-transition: none !important;
11259
  transition: none !important;
11260
}
11261
.waves-button,
11262
.waves-circle {
11263
  -webkit-transform: translateZ(0);
11264
  transform: translateZ(0);
11265
}
11266
.waves-input-wrapper {
11267
  border-radius: 0.2em;
11268
  vertical-align: bottom;
11269
}
11270
.waves-input-wrapper.waves-button {
11271
  padding: 0;
11272
}
11273
.waves-input-wrapper .waves-button-input {
11274
  position: relative;
11275
  top: 0;
11276
  left: 0;
11277
  z-index: 1;
11278
}
11279
.waves-circle {
11280
  text-align: center;
11281
  width: 2.5em;
11282
  height: 2.5em;
11283
  line-height: 2.5em;
11284
  border-radius: 50%;
11285
}
11286
.waves-float {
11287
  -webkit-mask-image: none;
11288
  -webkit-transition: all 300ms;
11289
  transition: all 300ms;
11290
}
11291
.waves-block {
11292
  display: block;
11293
}
11294
/* Firefox Bug: link not triggered */
11295
a.waves-effect .waves-ripple {
11296
  z-index: -1;
11297
}
11298
.enjoyhint {
11299
  position: fixed;
11300
  width: 100%;
11301
  height: 100%;
11302
  top: 0;
11303
  left: 0;
11304
  z-index: 2000;
11305
  pointer-events: none;
11306
  overflow: hidden;
11307
}
11308
.enjoyhint_hide {
11309
  display: none;
11310
}
11311
.enjoyhint_disable_events {
11312
  position: absolute;
11313
  width: 2000px;
11314
  height: 1500px;
11315
  z-index: 2010;
11316
  pointer-events: all;
11317
}
11318
@media only screen and (max-width: 767px) {
11319
  .enjoyhint_disable_events {
11320
    width: 100%;
11321
    height: 100%;
11322
  }
11323
}
11324
.enjoyhint_next_btn,
11325
.enjoyhint_skip_btn,
11326
.enjoyhint_btn {
11327
  position: absolute;
11328
  z-index: 2020;
11329
  pointer-events: all;
11330
  -webkit-box-sizing: content-box;
11331
  box-sizing: content-box;
11332
  width: 100px;
11333
  height: 46px;
11334
  cursor: pointer;
11335
  margin: 0 auto;
11336
  border-radius: 3px;
11337
  font: 500 20px / 46px "Roboto", sans-serif;
11338
  text-align: center;
11339
  text-overflow: clip;
11340
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
11341
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
11342
  text-transform: uppercase;
11343
}
11344
.enjoyhint_next_btn {
11345
  color: #212121;
11346
  background: #fff;
11347
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11348
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11349
}
11350
.enjoyhint_next_btn:hover {
11351
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
11352
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
11353
}
11354
.enjoyhint_next_btn:active {
11355
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
11356
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
11357
  -webkit-transition: none;
11358
  transition: none;
11359
}
11360
@media only screen and (max-width: 767px) {
11361
  .enjoyhint_next_btn {
11362
    left: 20px !important;
11363
  }
11364
}
11365
.enjoyhint_skip_btn {
11366
  color: #29b6f6;
11367
}
11368
.enjoyhint_skip_btn:hover {
11369
  background: rgba(0, 0, 0, 0.1);
11370
}
11371
.enjoyhint_skip_btn:active {
11372
  background: rgba(0, 0, 0, 0.1);
11373
  -webkit-transition: none;
11374
  transition: none;
11375
}
11376
@media only screen and (max-width: 767px) {
11377
  .enjoyhint_skip_btn {
11378
    right: 20px !important;
11379
    left: auto !important;
11380
  }
11381
}
11382
.enjoyhint_close_btn {
11383
  display: inline-block;
11384
  position: absolute;
11385
  z-index: 2020;
11386
  pointer-events: all;
11387
  -webkit-box-sizing: content-box;
11388
  box-sizing: content-box;
11389
  width: 0.3em;
11390
  height: 0.3em;
11391
  border-radius: 1em;
11392
  font: 400 8em / normal Arial, Helvetica, sans-serif;
11393
  color: #000000;
11394
  text-overflow: clip;
11395
  background: rgba(0, 0, 0, 0);
11396
  border: 2px solid #fff;
11397
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
11398
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
11399
}
11400
.enjoyhint_close_btn:before {
11401
  display: inline-block;
11402
  -webkit-box-sizing: content-box;
11403
  box-sizing: content-box;
11404
  width: 73%;
11405
  height: 2px;
11406
  position: absolute;
11407
  content: "";
11408
  top: 48%;
11409
  left: 14%;
11410
  border: none;
11411
  font: normal 100% / normal Arial, Helvetica, sans-serif;
11412
  color: #000000;
11413
  text-overflow: clip;
11414
  background: #fff;
11415
  text-shadow: none;
11416
  -webkit-transform: rotateZ(45deg);
11417
  transform: rotateZ(45deg);
11418
}
11419
.enjoyhint_close_btn:after {
11420
  display: inline-block;
11421
  -webkit-box-sizing: content-box;
11422
  box-sizing: content-box;
11423
  width: 73%;
11424
  height: 2px;
11425
  position: absolute;
11426
  content: "";
11427
  top: 46%;
11428
  left: 15%;
11429
  border: none;
11430
  font: normal 100% / normal Arial, Helvetica, sans-serif;
11431
  color: #000000;
11432
  text-overflow: clip;
11433
  background: #fff;
11434
  text-shadow: none;
11435
  -webkit-transform: rotateZ(-45deg);
11436
  transform: rotateZ(-45deg);
11437
}
11438
.enjoyhint_close_btn:hover {
11439
  color: #ffffff;
11440
  border-color: #e53935;
11441
  cursor: pointer;
11442
}
11443
.enjoyhint_close_btn:active {
11444
  border: 2px solid #fff;
11445
  -webkit-transition: none;
11446
  transition: none;
11447
}
11448
.enjoyhint_btn {
11449
  -webkit-box-sizing: content-box;
11450
  box-sizing: content-box;
11451
  width: 150px;
11452
  height: 40px;
11453
  cursor: pointer;
11454
  margin: 0 auto;
11455
  border: 2px solid #1ecd97;
11456
  border-radius: 40px;
11457
  font: normal normal normal 17px/40px "Advent Pro", Helvetica, sans-serif;
11458
  color: #1ecd97;
11459
  text-align: center;
11460
  text-overflow: clip;
11461
  letter-spacing: 1px;
11462
  background: rgba(0, 0, 0, 0);
11463
  -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
11464
  transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
11465
}
11466
.enjoyhint_btn:hover {
11467
  color: #ffffff;
11468
  background: #1ecd97;
11469
}
11470
.enjoyhint_btn:active {
11471
  border: 2px solid #21e0a3;
11472
  background: #21e0a3;
11473
  -webkit-transition: none;
11474
  transition: none;
11475
}
11476
.enjoyhint div.canvas-container {
11477
  position: absolute;
11478
}
11479
.enjoyhint_canvas {
11480
  position: absolute;
11481
  z-index: 2010;
11482
  width: 100%;
11483
  height: 100%;
11484
  pointer-events: none;
11485
}
11486
.enjoyhint_svg_wrapper {
11487
  position: absolute;
11488
  width: 100%;
11489
  height: 100%;
11490
  top: 0;
11491
  left: 0;
11492
  z-index: 2010;
11493
  -webkit-transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
11494
  transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
11495
}
11496
.enjoyhint_svg_wrapper svg {
11497
  position: absolute;
11498
  width: 100%;
11499
  height: 100%;
11500
  top: 0;
11501
  left: 0;
11502
}
11503
.enjoyhint_svg_transparent .enjoyhint_svg_wrapper,
11504
.enjoyhint_svg_transparent .enjoy_hint_label {
11505
  opacity: 0;
11506
}
11507
.enjoy_hint_label {
11508
  position: absolute;
11509
  color: #fff;
11510
  z-index: 2020;
11511
  font: 400 22px / 32px "Roboto", sans-serif;
11512
  -webkit-transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
11513
  transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
11514
}
11515
.enjoy_hint_label .material-icons {
11516
  color: #fff;
11517
  font-size: 24px;
11518
}
11519
@media only screen and (max-width: 767px) {
11520
  .enjoy_hint_label {
11521
    left: 20px !important;
11522
  }
11523
}
11524
#kinetic_container {
11525
  pointer-events: none;
11526
  position: absolute;
11527
  width: 100%;
11528
  height: 100%;
11529
  top: 0;
11530
  left: 0;
11531
}
11532
div.kineticjs-content {
11533
  position: absolute !important;
11534
}
11535
.enjoyhint_disable_events {
11536
  position: fixed;
11537
}
11538
.cr_preview {
11539
  overflow: hidden;
11540
  border: 1px solid #555;
11541
  margin: 8px 8px 8px 0;
11542
}
11543
.cr_preview_lg {
11544
  width: 264px;
11545
  height: 148px;
11546
}
11547
.cr_preview_md {
11548
  width: 140px;
11549
  height: 78px;
11550
}
11551
.cr_preview_sm {
11552
  width: 68px;
11553
  height: 48px;
11554
}
11555
.cr_preview_xs {
11556
  width: 36px;
11557
  height: 36px;
11558
}
11559
.canvasModalImage {
11560
  margin: 0 auto;
11561
  text-align: center;
11562
}
11563
.canvasModalImage > * {
11564
  border: 1px solid #ccc;
11565
  padding: 4px;
11566
}
11567
.context-menu-list {
11568
  border: none;
11569
  border-radius: 2px;
11570
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11571
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11572
}
11573
.context-menu-list .context-menu-item {
11574
  padding: 5px 32px;
11575
  font-size: 14px;
11576
  color: #212121;
11577
}
11578
.context-menu-list .context-menu-hover {
11579
  background: rgba(0, 0, 0, 0.085);
11580
  color: #212121;
11581
}
11582
.context-menu-list .context-menu-material > .material-icons {
11583
  position: absolute;
11584
  left: 7px;
11585
  top: 5px;
11586
  font-size: 18px;
11587
}
11588
.context-menu-list .context-menu-separator {
11589
  margin: 8px 0;
11590
  padding: 0;
11591
}
11592
.context-menu-list .context-menu-disabled,
11593
.context-menu-list .context-menu-disabled > .material-icons {
11594
  color: #bbb;
11595
}
11596
.echart {
11597
  min-height: 380px;
11598
  height: 100%;
11599
}
11600
.echart-large {
11601
  min-height: 460px;
11602
}
11603
.listNav {
11604
  display: block;
11605
  position: relative;
11606
}
11607
.listNavWrapper > div,
11608
.listNavWrapper > li {
11609
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
11610
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
11611
}
11612
.listNavWrapper .listNavHide {
11613
  opacity: 0;
11614
  -webkit-transform: scale(0.2);
11615
  transform: scale(0.2);
11616
  display: none;
11617
}
11618
.listNavWrapper .listNavShow {
11619
  display: block;
11620
  opacity: 1;
11621
  -webkit-transform: scale(1);
11622
  transform: scale(1);
11623
}
11624
.letterCountShow {
11625
  display: block;
11626
}
11627
.ln-letters {
11628
  padding-top: 8px;
11629
}
11630
.ln-letters:before,
11631
.ln-letters:after {
11632
  content: " ";
11633
  display: table;
11634
}
11635
.ln-letters:after {
11636
  clear: both;
11637
}
11638
.ln-letters:before,
11639
.ln-letters:after {
11640
  content: " ";
11641
  display: table;
11642
}
11643
.ln-letters:after {
11644
  clear: both;
11645
}
11646
.ln-letters a {
11647
  font-size: 13px;
11648
  display: block;
11649
  float: left;
11650
  padding: 4px 6px;
11651
  border: 1px solid #e0e0e0;
11652
  text-decoration: none;
11653
  background: #fff;
11654
  text-align: center;
11655
  color: #212121;
11656
  min-width: 32px;
11657
  min-height: 32px;
11658
  line-height: 32px;
11659
  margin: -1px 0 0 -1px;
11660
  text-transform: uppercase;
11661
}
11662
.ln-letters a:hover,
11663
.ln-letters .ln-selected {
11664
  background-color: #2196f3;
11665
  color: #fff;
11666
}
11667
.ln-letters .ln-disabled {
11668
  color: #bdbdbd !important;
11669
  background: #f5f5f5 !important;
11670
}
11671
.ln-letter-count {
11672
  position: absolute;
11673
  padding: 4px 0;
11674
  text-align: center;
11675
  font-size: 11px;
11676
  color: #212121;
11677
  margin-left: -2px;
11678
}
11679
.ln-letter-count.listNavHide {
11680
  display: none;
11681
}
11682
.tip-yellowsimple {
11683
  background: #fff;
11684
  position: relative;
11685
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11686
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11687
  border: none;
11688
  padding: 16px;
11689
  min-width: 240px;
11690
  z-index: 9999;
11691
  border-radius: 3px;
11692
}
11693
.tip-yellowsimple .tip-inner > div > label {
11694
  font-weight: 500;
11695
  margin-bottom: 8px;
11696
  display: block;
11697
  font-size: 15px;
11698
}
11699
.editable-footer {
11700
  margin-top: 16px;
11701
  text-align: right;
11702
}
11703
.editable-container .md-input {
11704
  display: inline-block;
11705
  -webkit-transition: all 280ms ease;
11706
  transition: all 280ms ease;
11707
}
11708
.editable-container .md-input:focus {
11709
  border-bottom-color: #1976d2 !important;
11710
}
11711
.editable-container select:disabled {
11712
  display: block;
11713
  width: 100%;
11714
  height: 42px;
11715
  border-width: 0 0 1px 0;
11716
  border-bottom-color: rgba(0, 0, 0, 0.12);
11717
}
11718
.editable-container textarea {
11719
  height: 120px;
11720
  resize: vertical;
11721
  overflow-y: auto;
11722
}
11723
.editable-container .select2-container {
11724
  width: 240px;
11725
}
11726
.editable-container .select2-container .select2-choice {
11727
  background: none;
11728
  border-width: 0 0 1px 0;
11729
  border-style: solid;
11730
  border-color: rgba(0, 0, 0, 0.12);
11731
  border-radius: 0;
11732
}
11733
.editable-container .select2-container .select2-choice .select2-arrow {
11734
  background: none;
11735
  border: none;
11736
}
11737
.editable-container .select2-container-multi .select2-choices {
11738
  background: none;
11739
  border: 1px solid rgba(0, 0, 0, 0.12);
11740
  border-radius: 0;
11741
  -webkit-box-shadow: none;
11742
  box-shadow: none;
11743
}
11744
.editable-container .select2-container-multi .select2-choices .select2-search-choice {
11745
  background: #eeeeee;
11746
  border: none;
11747
  border-radius: 18px;
11748
  padding: 4px 24px 4px 12px;
11749
  -webkit-box-shadow: none;
11750
  box-shadow: none;
11751
  font-size: 13px;
11752
}
11753
.editable-container .select2-container-multi .select2-search-choice-close {
11754
  left: auto;
11755
  right: 4px;
11756
}
11757
.editable-inline {
11758
  background: #fff;
11759
  border-radius: 3px;
11760
  border: 1px solid rgba(0, 0, 0, 0.12);
11761
  padding: 8px;
11762
}
11763
.editable-address + div {
11764
  margin-top: 12px;
11765
}
11766
.editable-address label > span,
11767
.editable-address label > input {
11768
  display: inline-block !important;
11769
}
11770
.editable-address label > span {
11771
  width: 80px;
11772
}
11773
.editable-address label > input {
11774
  width: auto !important;
11775
}
11776
.select2-drop {
11777
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11778
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11779
  border-color: transparent !important;
11780
}
11781
.select2-results {
11782
  margin-top: 8px;
11783
}
11784
.select2-results .select2-highlighted {
11785
  background: rgba(0, 0, 0, 0.085);
11786
  color: #212121;
11787
}
11788
.select2-search input {
11789
  border-width: 0 0 1px;
11790
  -webkit-box-shadow: none;
11791
  box-shadow: none;
11792
}
11793
.select2-container-active .select2-choice,
11794
.select2-container-active .select2-choices {
11795
  -webkit-box-shadow: none;
11796
  box-shadow: none;
11797
}
11798
.ui-datepicker,
11799
.ui-datepicker .ui-datepicker-header {
11800
  border: none;
11801
}
11802
.ui-datepicker th {
11803
  font: 400 13px / 15px "Roboto", sans-serif;
11804
  text-transform: uppercase;
11805
  color: #727272;
11806
}
11807
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
11808
.ui-datepicker .ui-datepicker-next.ui-state-hover {
11809
  background: transparent !important;
11810
  border-color: transparent !important;
11811
  font-weight: 400 !important;
11812
  color: #727272 !important;
11813
}
11814
.ui-datepicker .ui-datepicker-prev span,
11815
.ui-datepicker .ui-datepicker-next span {
11816
  background: transparent;
11817
  display: block;
11818
  position: relative;
11819
  left: 0;
11820
  top: 0;
11821
  margin: 0;
11822
  width: 24px;
11823
  height: 24px;
11824
}
11825
.ui-datepicker .ui-datepicker-prev span:after,
11826
.ui-datepicker .ui-datepicker-next span:after {
11827
  position: absolute;
11828
  top: 2px;
11829
  display: block;
11830
  font-family: 'FontAwesome';
11831
  color: #727272 !important;
11832
  text-indent: 0;
11833
  font-size: 14px;
11834
}
11835
.ui-datepicker .ui-datepicker-prev span:after {
11836
  left: 0;
11837
  content: '\f053';
11838
}
11839
.ui-datepicker .ui-datepicker-next span:after {
11840
  right: 0;
11841
  content: '\f054';
11842
}
11843
.ui-datepicker tbody td a,
11844
.ui-datepicker tbody td span {
11845
  -webkit-box-sizing: border-box;
11846
  box-sizing: border-box;
11847
  padding: 4px;
11848
  text-align: center;
11849
  width: 30px;
11850
  height: 30px;
11851
  line-height: 24px;
11852
  display: block;
11853
  border-radius: 50%;
11854
}
11855
.ui-datepicker tbody td a:hover,
11856
.ui-datepicker tbody td span:hover {
11857
  background: rgba(0, 0, 0, 0.085);
11858
}
11859
.ui-datepicker select {
11860
  border-width: 0 0 1px;
11861
}
11862
.ui-datepicker select + select {
11863
  margin-left: 4px !important;
11864
}
11865
.ui-datepicker .ui-state-default,
11866
.ui-datepicker .ui-widget-content .ui-state-default,
11867
.ui-datepicker .ui-widget-header .ui-state-default {
11868
  border: none;
11869
  background: transparent;
11870
}
11871
.ui-datepicker .ui-state-active {
11872
  background: #009688 !important;
11873
  color: #fff;
11874
}
11875
.editableform {
11876
  margin-bottom: 0;
11877
}
11878
.editableform .control-group {
11879
  margin-bottom: 0;
11880
  white-space: nowrap;
11881
  line-height: 20px;
11882
}
11883
.editableform .form-control {
11884
  width: auto;
11885
}
11886
.editable-buttons.editable-buttons-bottom {
11887
  display: block;
11888
}
11889
.editable-buttons button.ui-button-icon-only {
11890
  height: 24px;
11891
  width: 30px;
11892
}
11893
.editable-input .editableform-loading {
11894
  background-position: left 5px;
11895
}
11896
.editable-input .add-on .icon-th {
11897
  margin-top: 3px;
11898
  margin-left: 1px;
11899
}
11900
.editableform-loading {
11901
  background: url('../img/spinners/spinner.gif') center center no-repeat;
11902
  height: 32px;
11903
  margin: 24px 0;
11904
}
11905
.editable-error-block {
11906
  margin: 8px 0 0 0;
11907
  white-space: normal;
11908
  text-align: center;
11909
}
11910
.editable-error-block.ui-state-error {
11911
  padding: 3px;
11912
}
11913
.editable-error {
11914
  color: #e53935;
11915
}
11916
.editableform .editable-date {
11917
  padding: 0;
11918
  margin: 0;
11919
  float: left;
11920
}
11921
.editable-checklist label {
11922
  white-space: nowrap;
11923
}
11924
.editable-checklist label input[type="checkbox"],
11925
.editable-checklist label span {
11926
  vertical-align: middle;
11927
  margin: 0;
11928
}
11929
.editable-checklist > div + div {
11930
  margin-top: 8px;
11931
}
11932
.editable-wysihtml5 {
11933
  width: 566px;
11934
  height: 250px;
11935
}
11936
.editable-clear {
11937
  clear: both;
11938
  font-size: 0.9em;
11939
  text-decoration: none;
11940
  text-align: right;
11941
}
11942
.editable-clear-x {
11943
  display: block;
11944
  width: 24px;
11945
  height: 42px;
11946
  position: absolute;
11947
  z-index: 100;
11948
  top: 0;
11949
  right: 0;
11950
}
11951
.editable-clear-x:after {
11952
  opacity: 0.6;
11953
  content: '\e5cd';
11954
  font-family: "Material Icons";
11955
  font-size: 18px;
11956
  position: absolute;
11957
  top: 11px;
11958
  right: 8px;
11959
  display: block;
11960
  color: #727272;
11961
  cursor: pointer;
11962
}
11963
.editable-clear-x:hover:after {
11964
  opacity: 1;
11965
}
11966
.editable-pre-wrapped {
11967
  white-space: pre-wrap;
11968
}
11969
.editable-container.editable-popup {
11970
  max-width: none !important;
11971
}
11972
.editable-container.popover {
11973
  width: auto;
11974
}
11975
.editable-container.editable-inline {
11976
  display: inline-block;
11977
  vertical-align: middle;
11978
  width: auto;
11979
}
11980
.editable-container.ui-widget {
11981
  font-size: inherit;
11982
  z-index: 9990;
11983
}
11984
.editable-click,
11985
a.editable-click,
11986
a.editable-click:hover {
11987
  text-decoration: none;
11988
  border-bottom: dashed 1px #0088cc;
11989
}
11990
.editable-click.editable-disabled,
11991
a.editable-click.editable-disabled,
11992
a.editable-click.editable-disabled:hover {
11993
  color: #585858;
11994
  cursor: default;
11995
  border-bottom: none;
11996
}
11997
.editable-empty,
11998
.editable-empty:hover,
11999
.editable-empty:focus {
12000
  font-style: italic;
12001
  color: #DD1144;
12002
  text-decoration: none;
12003
}
12004
.editable-unsaved {
12005
  font-weight: bold;
12006
}
12007
.editable-bg-transition {
12008
  -webkit-transition: background-color 1400ms ease-out;
12009
  transition: background-color 1400ms ease-out;
12010
}
12011
.form-horizontal .editable {
12012
  padding-top: 5px;
12013
  display: inline-block;
12014
}
12015
.select2-container--default .select2-selection--single {
12016
  border-color: rgba(0, 0, 0, 0.12);
12017
  border-radius: 0;
12018
  height: 40px;
12019
  outline: none !important;
12020
  -webkit-box-sizing: border-box;
12021
  box-sizing: border-box;
12022
}
12023
.select2-container--default .select2-selection--single .select2-selection__rendered {
12024
  line-height: 40px;
12025
}
12026
.select2-container--default .select2-selection--single .select2-selection__clear {
12027
  width: 18px;
12028
  position: relative;
12029
  text-indent: -9999em;
12030
  height: 38px;
12031
}
12032
.select2-container--default .select2-selection--single .select2-selection__clear:after {
12033
  text-indent: 0;
12034
  display: block;
12035
  position: absolute;
12036
  top: 0;
12037
  right: 0;
12038
  color: #727272;
12039
  content: '\e5cd';
12040
  font-family: "Material Icons";
12041
  font-size: 18px;
12042
}
12043
.select2-container--default .select2-selection--single .select2-selection__arrow {
12044
  height: 38px;
12045
}
12046
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
12047
  display: block;
12048
  position: absolute;
12049
  top: 8px;
12050
  right: 2px;
12051
  color: #727272;
12052
  content: '\e5c5';
12053
  font-family: "Material Icons";
12054
  font-size: 18px;
12055
}
12056
.select2-container--default .select2-selection--single .select2-selection__arrow b {
12057
  display: none;
12058
}
12059
.select2-container--default .select2-search--dropdown .select2-search__field {
12060
  border-width: 0 0 1px;
12061
  border-color: rgba(0, 0, 0, 0.12);
12062
  height: 32px;
12063
  line-height: 32px;
12064
  -webkit-transition: all 260ms cubic-bezier(0.4, 0, 0.2, 1);
12065
  transition: all 260ms cubic-bezier(0.4, 0, 0.2, 1);
12066
}
12067
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
12068
  border-bottom-color: #1976d2;
12069
}
12070
.select2-container--default .select2-selection--multiple {
12071
  border-color: rgba(0, 0, 0, 0.12);
12072
  border-radius: 0;
12073
  min-height: 40px;
12074
  padding: 6px 8px 3px;
12075
  -webkit-box-sizing: border-box;
12076
  box-sizing: border-box;
12077
}
12078
.select2-container--default .select2-selection--multiple .select2-selection__choice {
12079
  border-radius: 18px;
12080
  padding: 3px 2px 2px 8px;
12081
  font-size: 14px;
12082
  border: none;
12083
  margin-top: 0;
12084
  margin-bottom: 5px;
12085
  background: #f2f2f2;
12086
}
12087
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
12088
  padding-left: 0;
12089
  display: block;
12090
}
12091
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
12092
  float: right;
12093
  text-indent: -9999em;
12094
  position: relative;
12095
  width: 18px;
12096
  height: 18px;
12097
  margin-left: 4px;
12098
}
12099
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after {
12100
  text-indent: 0;
12101
  display: block;
12102
  position: absolute;
12103
  top: -2px;
12104
  right: 0;
12105
  color: #727272;
12106
  content: '\e5cd';
12107
  font-family: "Material Icons";
12108
  font-size: 18px;
12109
}
12110
.select2-container--default.select2-container--focus .select2-selection--multiple {
12111
  border-color: rgba(0, 0, 0, 0.12);
12112
}
12113
.select2-container--default .select2-results__group {
12114
  font-size: 12px;
12115
  color: #aaa;
12116
  padding-top: 8px;
12117
  border-bottom: rgba(0, 0, 0, 0.12);
12118
  text-transform: uppercase;
12119
  font-weight: 400;
12120
}
12121
.select2-container--default .select2-results__option--highlighted[aria-selected] {
12122
  background: rgba(0, 0, 0, 0.085);
12123
  color: inherit;
12124
}
12125
.select2-container--default .select2-results__option[aria-selected=true] {
12126
  background: rgba(0, 0, 0, 0.085);
12127
}
12128
.select2-container--default .select2-results > .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true] {
12129
  display: none;
12130
}
12131
.select2-container--default .select2-results__option .select2-results__option {
12132
  font-size: 15px;
12133
}
12134
.select2-dropdown {
12135
  border-radius: 0;
12136
  border-color: transparent;
12137
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
12138
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
12139
}
12140
/*
12141
 * Dropzone CSS
12142
 * The MIT License
12143
 * Copyright (c) 2012 Matias Meno <m@tias.me>
12144
 */
12145
.dropzone {
12146
  position: relative;
12147
  min-height: 150px;
12148
  border: 2px dashed rgba(0, 0, 0, 0.12);
12149
  background: #fff;
12150
  padding: 16px;
12151
  border-radius: 3px;
12152
}
12153
.dropzone,
12154
.dropzone * {
12155
  -webkit-box-sizing: border-box;
12156
  box-sizing: border-box;
12157
}
12158
.dropzone.dz-clickable {
12159
  cursor: pointer !important;
12160
}
12161
.dropzone.dz-clickable * {
12162
  cursor: default;
12163
}
12164
.dropzone.dz-clickable .dz-message,
12165
.dropzone.dz-clickable .dz-message * {
12166
  cursor: pointer;
12167
}
12168
.dropzone.dz-started .dz-message {
12169
  display: none;
12170
}
12171
.dropzone.dz-drag-hover {
12172
  border-style: solid;
12173
}
12174
.dropzone.dz-drag-hover .dz-message {
12175
  opacity: 0.5;
12176
}
12177
.dropzone .dz-message {
12178
  text-align: center;
12179
  margin: 2em 0;
12180
}
12181
.dropzone .dz-preview {
12182
  position: relative;
12183
  display: inline-block;
12184
  width: 120px;
12185
  vertical-align: top;
12186
  margin: 16px;
12187
  min-height: 100px;
12188
}
12189
.dropzone .dz-preview:hover {
12190
  z-index: 1000;
12191
}
12192
.dropzone .dz-preview:hover .dz-details {
12193
  opacity: 1;
12194
}
12195
.dropzone .dz-preview:hover .dz-image img {
12196
  -webkit-transform: scale(1.05, 1.05);
12197
  transform: scale(1.05, 1.05);
12198
  -webkit-filter: blur(8px);
12199
  filter: blur(8px);
12200
}
12201
.dropzone .dz-preview .dz-image {
12202
  border-radius: 20px;
12203
  overflow: hidden;
12204
  width: 120px;
12205
  height: 120px;
12206
  position: relative;
12207
  display: block;
12208
  z-index: 10;
12209
  cursor: default;
12210
}
12211
.dropzone .dz-preview .dz-image img {
12212
  display: block;
12213
}
12214
.dropzone .dz-preview .dz-details {
12215
  z-index: 20;
12216
  position: absolute;
12217
  top: 20%;
12218
  left: 0;
12219
  opacity: 0;
12220
  font-size: 12px;
12221
  min-width: 100%;
12222
  max-width: 100%;
12223
  padding: 4px;
12224
  text-align: center;
12225
  color: rgba(0, 0, 0, 0.9);
12226
}
12227
.dropzone .dz-preview .dz-details .dz-filename {
12228
  white-space: nowrap;
12229
}
12230
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
12231
  overflow: hidden;
12232
  text-overflow: ellipsis;
12233
}
12234
.dropzone .dz-preview .dz-details .dz-filename:hover span {
12235
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
12236
}
12237
.dropzone .dz-preview .dz-details .dz-filename span,
12238
.dropzone .dz-preview .dz-details .dz-size span {
12239
  display: inline-block;
12240
  background-color: rgba(255, 255, 255, 0.6);
12241
  border-radius: 3px;
12242
  margin-bottom: 8px;
12243
  padding: 0 4px;
12244
  font-size: 12px;
12245
  height: 18px;
12246
  line-height: 16px;
12247
  border: 1px solid transparent;
12248
}
12249
.dropzone .dz-preview.dz-file-preview .dz-image {
12250
  border-radius: 20px;
12251
  background: #999;
12252
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
12253
  background: linear-gradient(to bottom, #eee, #ddd);
12254
}
12255
.dropzone .dz-preview.dz-file-preview .dz-details {
12256
  opacity: 1;
12257
}
12258
.dropzone .dz-preview.dz-image-preview {
12259
  background: white;
12260
}
12261
.dropzone .dz-preview.dz-image-preview .dz-details {
12262
  -webkit-transition: opacity 0.2s linear;
12263
  transition: opacity 0.2s linear;
12264
}
12265
.dropzone .dz-preview .dz-remove {
12266
  font-size: 12px;
12267
  text-align: center;
12268
  display: block;
12269
  cursor: pointer;
12270
  border: none;
12271
  text-transform: uppercase;
12272
  margin-top: 4px;
12273
}
12274
.dropzone .dz-preview .dz-remove:hover {
12275
  text-decoration: underline;
12276
}
12277
.dropzone .dz-preview .dz-progress {
12278
  display: block;
12279
  border: 1px solid rgba(0, 0, 0, 0.12);
12280
  opacity: 1;
12281
  z-index: 1000;
12282
  pointer-events: none;
12283
  position: absolute;
12284
  height: 16px;
12285
  left: 50%;
12286
  top: 50%;
12287
  margin-top: -8px;
12288
  width: 80px;
12289
  margin-left: -40px;
12290
  background: rgba(255, 255, 255, 0.9);
12291
  border-radius: 8px;
12292
  overflow: hidden;
12293
}
12294
.dropzone .dz-preview .dz-progress .dz-upload {
12295
  display: block;
12296
  height: 100%;
12297
  width: 0;
12298
  background: #333;
12299
  background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
12300
  background: linear-gradient(to bottom, #666, #444);
12301
  position: absolute;
12302
  top: 0;
12303
  left: 0;
12304
  bottom: 0;
12305
  -webkit-transition: width 300ms ease-in-out;
12306
  transition: width 300ms ease-in-out;
12307
}
12308
.dropzone .dz-preview.dz-processing .dz-progress {
12309
  opacity: 1;
12310
  -webkit-transition: all 0.2s linear;
12311
  transition: all 0.2s linear;
12312
}
12313
.dropzone .dz-preview.dz-complete .dz-progress {
12314
  opacity: 0;
12315
  -webkit-transition: opacity 0.4s ease-in;
12316
  transition: opacity 0.4s ease-in;
12317
}
12318
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
12319
  -webkit-animation: pulse 6s ease infinite;
12320
  animation: pulse 6s ease infinite;
12321
}
12322
.dropzone .dz-preview .dz-error-message {
12323
  pointer-events: none;
12324
  z-index: 1000;
12325
  position: absolute;
12326
  display: none;
12327
  opacity: 0;
12328
  -webkit-transition: opacity 0.3s ease;
12329
  transition: opacity 0.3s ease;
12330
  border-radius: 4px;
12331
  font-size: 13px;
12332
  top: 130px;
12333
  left: -10px;
12334
  width: 140px;
12335
  background: #e53935;
12336
  padding: 8px;
12337
  color: #fff;
12338
  word-break: break-word;
12339
}
12340
.dropzone .dz-preview .dz-error-message:after {
12341
  content: '';
12342
  position: absolute;
12343
  top: -6px;
12344
  left: 64px;
12345
  width: 0;
12346
  height: 0;
12347
  border-left: 6px solid transparent;
12348
  border-right: 6px solid transparent;
12349
  border-bottom: 6px solid #e53935;
12350
}
12351
.dropzone .dz-preview.dz-error .dz-error-message {
12352
  display: block;
12353
}
12354
.dropzone .dz-preview.dz-error .dz-error-message:hover .dz-error-message {
12355
  opacity: 1;
12356
  pointer-events: auto;
12357
}
12358
.dropzone .dz-preview.dz-error .dz-error-message,
12359
.dropzone .dz-preview.dz-error .dz-error-mark {
12360
  opacity: 1;
12361
  display: block;
12362
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
12363
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
12364
}
12365
.dropzone .dz-preview.dz-success .dz-success-mark {
12366
  display: block;
12367
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
12368
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
12369
}
12370
.dropzone .dz-preview .dz-error-mark,
12371
.dropzone .dz-preview .dz-success-mark {
12372
  position: absolute;
12373
  width: 54px;
12374
  height: 58px;
12375
  left: 50%;
12376
  margin-left: -27px;
12377
  margin-top: -27px;
12378
  pointer-events: none;
12379
  opacity: 0;
12380
  z-index: 500;
12381
  display: block;
12382
  top: 50%;
12383
}
12384
.dropzone .dz-preview .dz-error-mark svg,
12385
.dropzone .dz-preview .dz-success-mark svg {
12386
  display: block;
12387
  width: 54px;
12388
  height: 54px;
12389
}
12390
@-webkit-keyframes passing-through {
12391
  0% {
12392
    opacity: 0;
12393
    -webkit-transform: translateY(40px);
12394
    transform: translateY(40px);
12395
  }
12396
  30%,
12397
  70% {
12398
    opacity: 1;
12399
    -webkit-transform: translateY(0px);
12400
    transform: translateY(0px);
12401
  }
12402
  100% {
12403
    opacity: 0;
12404
    -webkit-transform: translateY(-40px);
12405
    transform: translateY(-40px);
12406
  }
12407
}
12408
@keyframes passing-through {
12409
  0% {
12410
    opacity: 0;
12411
    -webkit-transform: translateY(40px);
12412
    transform: translateY(40px);
12413
  }
12414
  30%,
12415
  70% {
12416
    opacity: 1;
12417
    -webkit-transform: translateY(0px);
12418
    transform: translateY(0px);
12419
  }
12420
  100% {
12421
    opacity: 0;
12422
    -webkit-transform: translateY(-40px);
12423
    transform: translateY(-40px);
12424
  }
12425
}
12426
@-webkit-keyframes slide-in {
12427
  0% {
12428
    opacity: 0;
12429
    -webkit-transform: translateY(40px);
12430
    transform: translateY(40px);
12431
  }
12432
  30% {
12433
    opacity: 1;
12434
    -webkit-transform: translateY(0px);
12435
    transform: translateY(0px);
12436
  }
12437
}
12438
@keyframes slide-in {
12439
  0% {
12440
    opacity: 0;
12441
    -webkit-transform: translateY(40px);
12442
    transform: translateY(40px);
12443
  }
12444
  30% {
12445
    opacity: 1;
12446
    -webkit-transform: translateY(0px);
12447
    transform: translateY(0px);
12448
  }
12449
}
12450
@-webkit-keyframes pulse {
12451
  0% {
12452
    -webkit-transform: scale(1);
12453
    transform: scale(1);
12454
  }
12455
  10% {
12456
    -webkit-transform: scale(1.1);
12457
    transform: scale(1.1);
12458
  }
12459
  20% {
12460
    -webkit-transform: scale(1);
12461
    transform: scale(1);
12462
  }
12463
}
12464
@keyframes pulse {
12465
  0% {
12466
    -webkit-transform: scale(1);
12467
    transform: scale(1);
12468
  }
12469
  10% {
12470
    -webkit-transform: scale(1.1);
12471
    transform: scale(1.1);
12472
  }
12473
  20% {
12474
    -webkit-transform: scale(1);
12475
    transform: scale(1);
12476
  }
12477
}
12478
/* 7. partials (header,sidebars,top bar) ============= */
12479
/* main header */
12480
#header_main {
12481
  background: #1976d2;
12482
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
12483
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
12484
  padding: 0 25px;
12485
  height: 48px;
12486
  left: 0;
12487
  position: fixed;
12488
  right: 0;
12489
  top: 0;
12490
  z-index: 1104;
12491
}
12492
#header_main:before,
12493
#header_main:after {
12494
  content: " ";
12495
  display: table;
12496
}
12497
#header_main:after {
12498
  clear: both;
12499
}
12500
#header_main:before,
12501
#header_main:after {
12502
  content: " ";
12503
  display: table;
12504
}
12505
#header_main:after {
12506
  clear: both;
12507
}
12508
#header_main .uk-navbar {
12509
  border: none;
12510
  background: none;
12511
}
12512
#header_main .uk-navbar .uk-navbar-brand {
12513
  text-shadow: none;
12514
  color: #fff;
12515
  line-height: 52px;
12516
  height: 48px;
12517
  font-size: 18px;
12518
  padding: 0;
12519
  text-transform: uppercase;
12520
}
12521
#header_main .uk-navbar .uk-navbar-brand + * {
12522
  margin-left: 25px;
12523
}
12524
#header_main .uk-navbar .uk-navbar-nav {
12525
  position: relative;
12526
}
12527
#header_main .uk-navbar .uk-navbar-nav > li {
12528
  position: static;
12529
}
12530
#header_main .uk-navbar .uk-navbar-nav > li > a {
12531
  color: #fff;
12532
  text-shadow: none;
12533
  border: none;
12534
  line-height: 44px;
12535
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
12536
  -webkit-box-sizing: border-box;
12537
  box-sizing: border-box;
12538
  height: 48px;
12539
  z-index: auto;
12540
  cursor: pointer;
12541
}
12542
@media only screen and (max-width: 767px) {
12543
  #header_main .uk-navbar .uk-navbar-nav > li > a {
12544
    line-height: 44px;
12545
  }
12546
}
12547
@media only screen and (max-width: 767px) {
12548
  #header_main .uk-navbar .uk-navbar-nav > li > a {
12549
    padding: 2px 10px 0;
12550
  }
12551
}
12552
#header_main .uk-navbar .uk-navbar-nav > li > a:focus,
12553
#header_main .uk-navbar .uk-navbar-nav > li > a:active {
12554
  background: none;
12555
}
12556
#header_main .uk-navbar .uk-navbar-nav > li > a:after {
12557
  position: absolute;
12558
  bottom: -2px;
12559
  left: 50%;
12560
  content: '';
12561
  display: block;
12562
  height: 0;
12563
  width: 0;
12564
  border: 7px solid transparent;
12565
  margin-left: -6px;
12566
  z-index: -1;
12567
  -webkit-transition: all 100ms ease-in 0ms;
12568
  transition: all 100ms ease-in 0ms;
12569
}
12570
#header_main .uk-navbar .uk-navbar-nav > li > a.navbar_link {
12571
  line-height: 48px;
12572
}
12573
#header_main .uk-navbar .uk-navbar-nav > li:hover > a,
12574
#header_main .uk-navbar .uk-navbar-nav > li:focus > a,
12575
#header_main .uk-navbar .uk-navbar-nav > li.uk-open > a,
12576
#header_main .uk-navbar .uk-navbar-nav > li.uk-active > a {
12577
  background: none;
12578
}
12579
#header_main .uk-navbar .uk-navbar-nav > li.uk-open > a {
12580
  position: relative;
12581
}
12582
#header_main .uk-navbar .uk-navbar-nav > li.uk-open > a:after {
12583
  border-bottom-color: #fff;
12584
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
12585
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
12586
  z-index: 1104;
12587
}
12588
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown {
12589
  margin-top: 1px;
12590
  max-height: 300px;
12591
  top: 100% !important;
12592
  right: 0 !important;
12593
  left: auto !important;
12594
}
12595
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .md-list {
12596
  margin-left: -10px;
12597
}
12598
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .md-list > li {
12599
  margin-right: 16px;
12600
}
12601
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .uk-switcher {
12602
  max-height: 216px;
12603
  overflow-y: auto;
12604
  -webkit-overflow-scrolling: touch;
12605
}
12606
#header_main .user_actions a.user_action_image {
12607
  position: relative;
12608
  line-height: 48px !important;
12609
}
12610
#header_main .user_actions .user_action_icon {
12611
  display: block;
12612
  position: relative;
12613
  text-align: center;
12614
  padding-top: 4px;
12615
}
12616
#header_main .user_actions .user_action_icon:hover,
12617
#header_main .user_actions .user_action_icon:focus {
12618
  text-decoration: none;
12619
}
12620
#header_main .user_actions .user_action_icon > .uk-badge {
12621
  background: rgba(0, 0, 0, 0.5);
12622
  color: #fff;
12623
  font-size: 11px;
12624
  font-weight: normal;
12625
  position: absolute;
12626
  left: 0;
12627
  top: 8px;
12628
  min-width: 20px;
12629
  padding: 1px 4px;
12630
  line-height: 14px;
12631
  border-radius: 2px;
12632
}
12633
#header_main .sSwitch {
12634
  cursor: pointer;
12635
  margin: 12px 0 0;
12636
  padding: 12px 0;
12637
  position: relative;
12638
}
12639
#header_main .sSwitch:before {
12640
  content: '';
12641
  position: absolute;
12642
  top: 4px;
12643
  width: 2px;
12644
  height: 18px;
12645
  background: rgba(255, 255, 255, 0.6);
12646
  display: block;
12647
  opacity: 0;
12648
  -webkit-transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
12649
  transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
12650
}
12651
#header_main .sSwitch,
12652
#header_main .sSwitch .sSwitchIcon {
12653
  display: block;
12654
  height: 2px;
12655
  position: relative;
12656
  -webkit-user-select: none;
12657
  -moz-user-select: none;
12658
  -ms-user-select: none;
12659
  user-select: none;
12660
  width: 20px;
12661
}
12662
#header_main .sSwitch .sSwitchIcon {
12663
  will-change: transform;
12664
}
12665
#header_main .sSwitch .sSwitchIcon,
12666
#header_main .sSwitch .sSwitchIcon:before,
12667
#header_main .sSwitch .sSwitchIcon:after {
12668
  background: #fff;
12669
  -webkit-transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
12670
  transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
12671
}
12672
#header_main .sSwitch .sSwitchIcon:before,
12673
#header_main .sSwitch .sSwitchIcon:after {
12674
  content: "";
12675
  display: block;
12676
  height: 2px;
12677
  position: absolute;
12678
  width: 20px;
12679
  z-index: -1;
12680
}
12681
#header_main .sSwitch .sSwitchIcon:before {
12682
  top: 6px;
12683
}
12684
#header_main .sSwitch .sSwitchIcon:after {
12685
  top: -6px;
12686
}
12687
#header_main .sSwitch.sSwitch_left {
12688
  float: left;
12689
  margin-right: 16px;
12690
}
12691
#header_main .sSwitch.sSwitch_left:before {
12692
  left: -8px;
12693
}
12694
#header_main .sSwitch.sSwitch_left .sSwitchIcon {
12695
  -webkit-transform: rotate(-180deg);
12696
  transform: rotate(-180deg);
12697
}
12698
#header_main .sSwitch.sSwitch_left .sSwitchIcon:before,
12699
#header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
12700
  left: 0;
12701
}
12702
#header_main .sSwitch.sSwitch_right {
12703
  float: right;
12704
  margin-left: 30px;
12705
}
12706
#header_main .sSwitch.sSwitch_right:before {
12707
  right: -8px;
12708
}
12709
@media only screen and (max-width: 767px) {
12710
  #header_main .sSwitch.sSwitch_right {
12711
    margin-left: 24px;
12712
  }
12713
}
12714
#header_main .sSwitch.sSwitch_right .sSwitchIcon {
12715
  -webkit-transform: rotate(-180deg);
12716
  transform: rotate(-180deg);
12717
}
12718
#header_main .sSwitch.sSwitch_right .sSwitchIcon:before,
12719
#header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
12720
  right: 0;
12721
}
12722
#header_main .sSwitch.sSwitch_right.sidebar_secondary_check {
12723
  display: none;
12724
}
12725
#header_main .header_main_search_form {
12726
  display: none;
12727
  position: relative;
12728
  padding: 2px 46px 0 40px;
12729
  margin: 5px 0;
12730
}
12731
#header_main .header_main_search_form form {
12732
  display: block;
12733
  position: static;
12734
}
12735
#header_main .header_main_search_form .md-icon,
12736
#header_main .header_main_search_form .md-icon:hover,
12737
#header_main .header_main_search_form .md-icon:focus {
12738
  color: #fff;
12739
}
12740
#header_main .header_main_search_form [data-uk-autocomplete] .uk-dropdown {
12741
  left: 40px;
12742
  right: 46px;
12743
  width: auto;
12744
}
12745
#header_main .header_main_search_input {
12746
  border: none;
12747
  width: 100%;
12748
  -webkit-box-sizing: border-box;
12749
  box-sizing: border-box;
12750
  border-radius: 0;
12751
  vertical-align: top;
12752
  padding: 6px 15px;
12753
  font-size: 16px;
12754
  height: auto;
12755
  background: rgba(255, 255, 255, 0.2);
12756
  color: #fff;
12757
}
12758
#header_main .header_main_search_btn {
12759
  position: absolute;
12760
  top: 0;
12761
  right: -2px;
12762
  cursor: pointer;
12763
}
12764
#header_main .header_main_search_close {
12765
  position: absolute;
12766
  top: 3px;
12767
  left: 2px;
12768
}
12769
.header_double_height:after {
12770
  position: absolute;
12771
  top: 48px;
12772
  left: 0;
12773
  right: 0;
12774
  height: 59px;
12775
  background: #1976d2;
12776
  content: '';
12777
  display: block;
12778
}
12779
.header_double_height #header_main {
12780
  -webkit-box-shadow: none;
12781
  box-shadow: none;
12782
  position: absolute;
12783
}
12784
.header_double_height #page_content {
12785
  position: relative;
12786
  overflow: hidden;
12787
  padding-top: 10px;
12788
}
12789
.header_double_height #page_content_inner {
12790
  padding: 0;
12791
}
12792
.header_double_height .md-card-single {
12793
  position: relative;
12794
  z-index: 1;
12795
  -webkit-transform-origin: 50% 50%;
12796
  transform-origin: 50% 50%;
12797
}
12798
.header_double_height .md-card-single .md-card-content {
12799
  overflow-x: hidden;
12800
  overflow-y: auto;
12801
  -webkit-box-sizing: border-box;
12802
  box-sizing: border-box;
12803
  -webkit-overflow-scrolling: touch;
12804
}
12805
.header_double_height .md-list-outside-wrapper {
12806
  margin-top: 48px;
12807
}
12808
.main_logo_top {
12809
  float: left;
12810
  line-height: 48px;
12811
  min-width: 240px;
12812
  display: block;
12813
}
12814
@media only screen and (max-width: 767px) {
12815
  .main_logo_top {
12816
    min-width: inherit;
12817
    margin-right: 24px;
12818
  }
12819
}
12820
.main_logo_top > a {
12821
  display: inline-block;
12822
  line-height: 48px;
12823
}
12824
.main_logo_top > a img {
12825
  max-height: 48px;
12826
}
12827
.header_full #sidebar_main {
12828
  top: 48px;
12829
  height: auto;
12830
}
12831
.header_full #header_main {
12832
  margin-left: 0 !important;
12833
  z-index: 1214;
12834
}
12835
.header_full.sidebar_mini #sidebar_main .menu_section > ul > li > ul {
12836
  top: 48px;
12837
}
12838
.header_full.sidebar_mini #sidebar_main .menu_section > ul > li > a > .menu_title {
12839
  top: 48px;
12840
}
12841
/* main sidebar */
12842
#sidebar_main {
12843
  width: 240px;
12844
  border-right: 1px solid rgba(0, 0, 0, 0.12);
12845
  position: fixed;
12846
  height: 100%;
12847
  top: 0;
12848
  bottom: 0;
12849
  left: 0;
12850
  -webkit-transform: translate3d(-240px, 0, 0);
12851
  transform: translate3d(-240px, 0, 0);
12852
  z-index: 1204;
12853
  background: #fff;
12854
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
12855
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
12856
}
12857
#sidebar_main,
12858
#sidebar_main:before,
12859
#sidebar_main:after,
12860
#sidebar_main *,
12861
#sidebar_main *:before,
12862
#sidebar_main *:after {
12863
  -webkit-box-sizing: border-box;
12864
  box-sizing: border-box;
12865
}
12866
@media only screen and (max-width: 767px) {
12867
  #sidebar_main {
12868
    width: 280px;
12869
    -webkit-transform: translate3d(-280px, 0, 0);
12870
    transform: translate3d(-280px, 0, 0);
12871
  }
12872
}
12873
#sidebar_main .menu_section .menu_heading {
12874
  font: 400 12px / 16px "Roboto", sans-serif;
12875
  margin: 0 0 12px;
12876
  padding: 6px 6px 12px;
12877
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
12878
  text-transform: uppercase;
12879
  color: #212121;
12880
}
12881
#sidebar_main .menu_section ul {
12882
  margin: 0;
12883
  padding: 0;
12884
  list-style: none;
12885
}
12886
#sidebar_main .menu_section ul > li {
12887
  padding: 0;
12888
  margin: 0;
12889
  list-style: none;
12890
}
12891
#sidebar_main .menu_section > ul > li > a {
12892
  font: 500 14px / 25px "Roboto", sans-serif;
12893
  color: #212121;
12894
  padding: 8px 20px;
12895
  display: block;
12896
  overflow: hidden;
12897
  position: relative;
12898
}
12899
@media only screen and (max-width: 767px) {
12900
  #sidebar_main .menu_section > ul > li > a {
12901
    font-size: 16px;
12902
  }
12903
}
12904
#sidebar_main .menu_section > ul > li > a:hover {
12905
  text-decoration: none;
12906
}
12907
#sidebar_main .menu_section > ul > li > a > .menu_icon {
12908
  width: 48px;
12909
  text-align: left;
12910
  display: inline-block;
12911
  color: #727272;
12912
}
12913
#sidebar_main .menu_section > ul > li > a > .menu_icon .material-icons {
12914
  font-size: 24px;
12915
  vertical-align: top;
12916
}
12917
#sidebar_main .menu_section > ul > li > a .menu_title {
12918
  display: inline-block;
12919
}
12920
#sidebar_main .menu_section > ul > li > a .uk-badge {
12921
  padding: 1px 4px;
12922
  text-transform: uppercase;
12923
  font-size: 10px;
12924
  position: absolute;
12925
  left: 34px;
12926
  top: 0;
12927
}
12928
#sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a {
12929
  position: relative;
12930
}
12931
#sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a:before {
12932
  -webkit-transform: rotate(-180deg);
12933
  transform: rotate(-180deg);
12934
}
12935
#sidebar_main .menu_section > ul > li.current_section > a > .menu_icon .material-icons {
12936
  color: #7cb342;
12937
}
12938
#sidebar_main .menu_section > ul > li.current_section > a .menu_title {
12939
  color: #7cb342;
12940
}
12941
#sidebar_main .menu_section > ul > li ul {
12942
  margin: 0;
12943
  display: none;
12944
}
12945
#sidebar_main .menu_section > ul > li ul a {
12946
  padding: 8px 10px 8px 72px;
12947
  display: block;
12948
  font: 400 13px / 18px "Roboto", sans-serif;
12949
  color: #212121;
12950
}
12951
@media only screen and (max-width: 767px) {
12952
  #sidebar_main .menu_section > ul > li ul a {
12953
    font-size: 15px;
12954
    line-height: 20px;
12955
  }
12956
}
12957
#sidebar_main .menu_section > ul > li ul a:hover {
12958
  text-decoration: none;
12959
}
12960
#sidebar_main .menu_section > ul > li ul li.act_item > a {
12961
  color: #7cb342;
12962
  font-weight: 500;
12963
}
12964
#sidebar_main .menu_section > ul > li ul li.menu_subtitle {
12965
  font-weight: 500;
12966
  font-size: 13px;
12967
  color: #aaa;
12968
  padding: 16px 0 4px 72px;
12969
}
12970
#sidebar_main .menu_section > ul > li ul .submenu-icon {
12971
  width: 24px;
12972
  text-align: left;
12973
  display: inline-block;
12974
  color: #727272;
12975
}
12976
#sidebar_main .menu_section > ul > li ul .submenu-icon .material-icons {
12977
  font-size: 18px;
12978
  vertical-align: top;
12979
}
12980
#sidebar_main .menu_section > ul > li.submenu_trigger > a {
12981
  position: relative;
12982
}
12983
#sidebar_main .menu_section > ul > li.submenu_trigger > a:before {
12984
  position: absolute;
12985
  right: 8px;
12986
  top: 9px;
12987
  content: '\e313';
12988
  font-family: "Material Icons";
12989
  font-size: 18px;
12990
  display: block;
12991
  color: #727272;
12992
  -webkit-transition: -webkit-transform 280ms;
12993
  transition: -webkit-transform 280ms;
12994
  transition: transform 280ms;
12995
  transition: transform 280ms, -webkit-transform 280ms;
12996
}
12997
#sidebar_main .menu_section > ul > li.submenu_trigger li ul {
12998
  margin-left: 16px;
12999
}
13000
#sidebar_main .menu_section > ul > li.submenu_trigger li.submenu_trigger > a {
13001
  position: relative;
13002
  padding-right: 32px;
13003
}
13004
#sidebar_main .menu_section > ul > li.submenu_trigger li.submenu_trigger > a:before {
13005
  position: absolute;
13006
  right: 8px;
13007
  top: 7px;
13008
  content: '\e5c5';
13009
  font-family: "Material Icons";
13010
  font-size: 18px;
13011
  display: block;
13012
  color: #727272;
13013
  -webkit-transition: -webkit-transform 280ms;
13014
  transition: -webkit-transform 280ms;
13015
  transition: transform 280ms;
13016
  transition: transform 280ms, -webkit-transform 280ms;
13017
}
13018
#sidebar_main .menu_section > ul > li.submenu_trigger li.submenu_trigger.act_section > a:before {
13019
  -webkit-transform: rotate(-180deg);
13020
  transform: rotate(-180deg);
13021
}
13022
#sidebar_main .sidebar_main_header {
13023
  height: 89px;
13024
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
13025
  margin-bottom: 20px;
13026
  background-image: url("../img/sidebar_head_bg.png");
13027
  background-repeat: no-repeat;
13028
  background-position: 0 0;
13029
  position: relative;
13030
}
13031
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 192), only screen and (min-resolution: 192dppx), only screen and (min-resolution: 2dppx) {
13032
  #sidebar_main .sidebar_main_header {
13033
    background-image: url("../img/sidebar_head_bg@2x.png");
13034
    background-size: 280px 90px;
13035
  }
13036
}
13037
#sidebar_main .sidebar_main_header .sidebar_logo {
13038
  height: 48px;
13039
  line-height: 48px;
13040
  overflow: hidden;
13041
}
13042
#sidebar_main .sidebar_main_header .sidebar_logo a {
13043
  display: inline-block;
13044
  margin-left: 20px;
13045
}
13046
#sidebar_main .sidebar_main_header .sidebar_logo a .logo_light {
13047
  display: none;
13048
}
13049
#sidebar_main .sidebar_main_header .sidebar_actions {
13050
  margin: 0 20px;
13051
}
13052
#sidebar_main .sidebar_main_header .sidebar_actions:before,
13053
#sidebar_main .sidebar_main_header .sidebar_actions:after {
13054
  content: " ";
13055
  display: table;
13056
}
13057
#sidebar_main .sidebar_main_header .sidebar_actions:after {
13058
  clear: both;
13059
}
13060
#sidebar_main .sidebar_main_header .sidebar_actions:before,
13061
#sidebar_main .sidebar_main_header .sidebar_actions:after {
13062
  content: " ";
13063
  display: table;
13064
}
13065
#sidebar_main .sidebar_main_header .sidebar_actions:after {
13066
  clear: both;
13067
}
13068
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
13069
  float: left;
13070
  height: 40px;
13071
}
13072
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
13073
  margin-top: -13px !important;
13074
  right: 32px;
13075
}
13076
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-input {
13077
  width: 48px;
13078
  border: none;
13079
  padding: 6px 0;
13080
  background: transparent;
13081
}
13082
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-input input {
13083
  -webkit-user-select: none !important;
13084
  -moz-user-select: none !important;
13085
  -ms-user-select: none !important;
13086
  user-select: none !important;
13087
}
13088
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown {
13089
  width: 160px !important;
13090
  margin-left: -8px;
13091
}
13092
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown .item-icon {
13093
  margin-right: 8px;
13094
}
13095
#sidebar_main .sSidebar_show {
13096
  display: none !important;
13097
}
13098
#page_content,
13099
#header_main,
13100
#top_bar {
13101
  will-change: margin;
13102
  -webkit-transition: margin 280ms;
13103
  transition: margin 280ms;
13104
}
13105
.sidebar_main_active #sidebar_main {
13106
  -webkit-transform: translate3d(0, 0, 0);
13107
  transform: translate3d(0, 0, 0);
13108
}
13109
@media only screen and (max-width: 1219px) {
13110
  .sidebar_main_active #sidebar_main {
13111
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 2px 4px 8px rgba(0, 0, 0, 0.28);
13112
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 2px 4px 8px rgba(0, 0, 0, 0.28);
13113
  }
13114
}
13115
@media only screen and (min-width: 1220px) {
13116
  .sidebar_main_active #page_content,
13117
  .sidebar_main_active #header_main,
13118
  .sidebar_main_active #top_bar {
13119
    margin-left: 240px;
13120
  }
13121
}
13122
@media only screen and (max-width: 1219px) {
13123
  .sidebar_main_active #page_content:before {
13124
    opacity: 1;
13125
    z-index: 1184;
13126
  }
13127
}
13128
.sidebar_main_active:not(.steps) .sSwitch_left .sSwitchIcon:before,
13129
.sidebar_main_active:not(.steps) .sSwitch_left .sSwitchIcon:after {
13130
  top: 0 !important;
13131
}
13132
.sidebar_main_active #header_main .sSwitch.sSwitch_left:before {
13133
  opacity: 1;
13134
}
13135
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon {
13136
  -webkit-transform: rotate(0deg);
13137
  transform: rotate(0deg);
13138
}
13139
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:before,
13140
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
13141
  width: 12px;
13142
}
13143
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
13144
  top: 4px;
13145
  -webkit-transform: rotate(35deg);
13146
  transform: rotate(35deg);
13147
  -webkit-transform-origin: left top;
13148
  transform-origin: left top;
13149
}
13150
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
13151
  top: -4px;
13152
  -webkit-transform: rotate(-35deg);
13153
  transform: rotate(-35deg);
13154
  -webkit-transform-origin: left bottom;
13155
  transform-origin: left bottom;
13156
}
13157
@media only screen and (min-width: 1220px) {
13158
  .sidebar_main_open #sidebar_main {
13159
    -webkit-transform: translate3d(0, 0, 0);
13160
    transform: translate3d(0, 0, 0);
13161
  }
13162
  .sidebar_main_open #page_content,
13163
  .sidebar_main_open #header_main,
13164
  .sidebar_main_open #top_bar {
13165
    margin-left: 240px;
13166
  }
13167
  .sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon:before,
13168
  .sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon:after {
13169
    top: 0 !important;
13170
  }
13171
  .sidebar_main_open #header_main .sSwitch.sSwitch_left:before {
13172
    opacity: 1;
13173
  }
13174
  .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon {
13175
    -webkit-transform: rotate(0deg);
13176
    transform: rotate(0deg);
13177
  }
13178
  .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:before,
13179
  .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
13180
    width: 12px;
13181
  }
13182
  .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
13183
    top: 4px;
13184
    -webkit-transform: rotate(35deg);
13185
    transform: rotate(35deg);
13186
    -webkit-transform-origin: left top;
13187
    transform-origin: left top;
13188
  }
13189
  .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
13190
    top: -4px;
13191
    -webkit-transform: rotate(-35deg);
13192
    transform: rotate(-35deg);
13193
    -webkit-transform-origin: left bottom;
13194
    transform-origin: left bottom;
13195
  }
13196
}
13197
@media only screen and (max-width: 1219px) {
13198
  .sidebar_main_hiding #page_content:before {
13199
    opacity: 0;
13200
    z-index: 1109;
13201
  }
13202
}
13203
/* mini sidebar */
13204
.sidebar_mini {
13205
  /* header full width */
13206
}
13207
.sidebar_mini #sidebar_main {
13208
  width: 60px;
13209
  background: #fff;
13210
  margin-left: 0;
13211
  -webkit-transform: none;
13212
  transform: none;
13213
  left: 0;
13214
}
13215
.sidebar_mini #sidebar_main .sidebar_main_header {
13216
  background-position: 0 0;
13217
}
13218
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_logo a {
13219
  margin-left: 0;
13220
  text-align: center;
13221
  display: block;
13222
}
13223
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions {
13224
  margin: 0 8px;
13225
}
13226
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
13227
  padding-left: 13px;
13228
}
13229
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input {
13230
  width: auto;
13231
  text-align: center;
13232
}
13233
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
13234
  display: none;
13235
}
13236
.sidebar_mini #sidebar_main .menu_section > ul > li {
13237
  position: relative;
13238
}
13239
.sidebar_mini #sidebar_main .menu_section > ul > li > a {
13240
  padding: 0;
13241
  display: block;
13242
  height: 42px;
13243
  text-align: center;
13244
}
13245
.sidebar_mini #sidebar_main .menu_section > ul > li > a .menu_icon {
13246
  display: inline-block;
13247
  text-align: center;
13248
  height: 48px;
13249
}
13250
.sidebar_mini #sidebar_main .menu_section > ul > li > a .menu_icon .material-icons {
13251
  line-height: 42px;
13252
}
13253
.sidebar_mini #sidebar_main .menu_section > ul > li > a > .menu_title {
13254
  text-align: left;
13255
  position: fixed;
13256
  left: 59px;
13257
  top: 0;
13258
  width: 202px;
13259
  display: none;
13260
  padding: 0 16px 0 17px;
13261
  line-height: 50px;
13262
  height: 48px;
13263
  font-size: 14px;
13264
  font-weight: 500;
13265
  text-transform: uppercase;
13266
  background: #7cb342;
13267
  color: #fff;
13268
  z-index: 1124;
13269
}
13270
.sidebar_mini #sidebar_main .menu_section > ul > li > a .uk-badge {
13271
  left: 4px;
13272
}
13273
.sidebar_mini #sidebar_main .menu_section > ul > li.sidebar_submenu > a:before {
13274
  position: absolute;
13275
  right: 2px;
13276
  top: 10px;
13277
  content: '\e315';
13278
  font-family: "Material Icons";
13279
  font-size: 14px;
13280
  display: block;
13281
  color: #727272;
13282
}
13283
.sidebar_mini #sidebar_main .menu_section > ul > li.sidebar_submenu_act > a .menu_icon .material-icons {
13284
  color: #7cb342;
13285
}
13286
.sidebar_mini #sidebar_main .menu_section > ul > li > ul {
13287
  position: fixed;
13288
  top: 0;
13289
  bottom: 0;
13290
  margin-top: 48px;
13291
  overflow-y: auto;
13292
  overflow-x: hidden;
13293
  left: 59px;
13294
  background: #fff;
13295
  z-index: 1114;
13296
  border-left: 2px solid #7cb342;
13297
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
13298
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
13299
}
13300
.sidebar_mini #sidebar_main .menu_section > ul > li > ul li {
13301
  width: 200px;
13302
}
13303
.sidebar_mini #sidebar_main .menu_section > ul > li > ul li a {
13304
  padding: 8px 16px;
13305
}
13306
.sidebar_mini #sidebar_main .menu_section > ul > li > ul li.menu_subtitle {
13307
  padding: 16px 16px 8px;
13308
}
13309
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu {
13310
  background: #7cb342;
13311
}
13312
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a .menu_icon .material-icons {
13313
  color: #fff;
13314
}
13315
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a .menu_title {
13316
  display: block;
13317
}
13318
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a:before {
13319
  display: none;
13320
}
13321
.sidebar_mini #sidebar_main .menu_section > ul > li:hover > ul {
13322
  display: block;
13323
}
13324
.sidebar_mini #sidebar_main .menu_section > ul > li li ul {
13325
  margin-left: 16px;
13326
  display: block;
13327
}
13328
.sidebar_mini #sidebar_main .sSidebar_hide {
13329
  display: none !important;
13330
}
13331
.sidebar_mini #sidebar_main .sSidebar_show {
13332
  display: block !important;
13333
}
13334
.sidebar_mini #page_content,
13335
.sidebar_mini #header_main,
13336
.sidebar_mini #top_bar {
13337
  margin-left: 60px;
13338
}
13339
.sidebar_mini.header_full #sidebar_main .menu_section > ul > li > a > .menu_title {
13340
  top: 0;
13341
}
13342
.sidebar_mini.header_full #sidebar_main .menu_section > ul > li > ul {
13343
  top: 0;
13344
}
13345
.sidebar_mini #footer {
13346
  margin-left: 60px;
13347
}
13348
/* slim sidebar */
13349
.sidebar_slim #sidebar_main {
13350
  -webkit-transform: none;
13351
  transform: none;
13352
  -webkit-transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
13353
  transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
13354
}
13355
.sidebar_slim #page_content,
13356
.sidebar_slim #header_main,
13357
.sidebar_slim #top_bar {
13358
  margin-left: 60px;
13359
}
13360
.sidebar_slim #footer {
13361
  margin-left: 60px;
13362
}
13363
.sidebar_slim_inactive #sidebar_main {
13364
  width: 66px;
13365
  background: #fff;
13366
  margin-left: 0;
13367
  left: 0;
13368
}
13369
.sidebar_slim_inactive #sidebar_main .sidebar_main_header {
13370
  background-position: 0 0;
13371
}
13372
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_logo a {
13373
  margin-left: 14px;
13374
  display: block;
13375
}
13376
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions {
13377
  margin: 0 8px;
13378
}
13379
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
13380
  padding-left: 12px;
13381
}
13382
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input {
13383
  width: auto;
13384
  text-align: center;
13385
}
13386
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
13387
  display: none;
13388
}
13389
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown {
13390
  display: none !important;
13391
}
13392
.sidebar_slim_inactive #sidebar_main .menu_section {
13393
  margin-top: -1px;
13394
}
13395
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a {
13396
  padding: 0 0 0 20px;
13397
  display: block;
13398
  height: 41px;
13399
}
13400
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a:before {
13401
  display: none;
13402
}
13403
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a .menu_icon {
13404
  display: inline-block;
13405
  height: 48px;
13406
}
13407
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a .menu_icon .material-icons {
13408
  line-height: 42px;
13409
}
13410
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a > .menu_title {
13411
  display: none;
13412
}
13413
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > ul {
13414
  display: none !important;
13415
}
13416
.sidebar_slim_inactive #sidebar_main .sSidebar_hide {
13417
  display: none !important;
13418
}
13419
.sidebar_slim_inactive #sidebar_main .sSidebar_show {
13420
  display: block !important;
13421
}
13422
.sidebar_slim_active #sidebar_main {
13423
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
13424
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
13425
  border-right-color: rgba(0, 0, 0, 0.25);
13426
}
13427
.sidebar_slim_active #sidebar_main .menu_section > ul > li {
13428
  width: 240px;
13429
}
13430
/* secondary sidebar */
13431
#sidebar_secondary {
13432
  position: fixed;
13433
  right: 0;
13434
  -webkit-transform: translate3d(288px, 0, 0);
13435
  transform: translate3d(288px, 0, 0);
13436
  top: 48px;
13437
  bottom: 0;
13438
  border-left: 1px solid rgba(0, 0, 0, 0.12);
13439
  width: 280px;
13440
  background: #fff;
13441
  overflow: hidden;
13442
  z-index: 1104;
13443
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), -2px 4px 8px rgba(0, 0, 0, 0.28);
13444
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), -2px 4px 8px rgba(0, 0, 0, 0.28);
13445
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13446
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13447
  will-change: transform;
13448
}
13449
#sidebar_secondary,
13450
#sidebar_secondary:before,
13451
#sidebar_secondary:after,
13452
#sidebar_secondary *,
13453
#sidebar_secondary *:before,
13454
#sidebar_secondary *:after {
13455
  -webkit-box-sizing: border-box;
13456
  box-sizing: border-box;
13457
}
13458
#sidebar_secondary .sidebar_secondary_wrapper {
13459
  margin: 8px 16px;
13460
}
13461
.header_double_height #sidebar_secondary {
13462
  top: 58px;
13463
}
13464
#sidebar_secondary .uk-switcher > li {
13465
  padding: 16px 16px 0;
13466
}
13467
#sidebar_secondary .uk-tab {
13468
  position: absolute;
13469
  top: 0;
13470
  left: 0;
13471
  right: 0;
13472
  z-index: 10;
13473
  background: #fff;
13474
}
13475
#sidebar_secondary.tabbed_sidebar {
13476
  padding-top: 44px;
13477
}
13478
.sidebar_secondary_active #sidebar_secondary {
13479
  -webkit-transform: translate3d(0, 0, 0);
13480
  transform: translate3d(0, 0, 0);
13481
}
13482
.sidebar_secondary_active:not(.steps) .sSwitch_right .sSwitchIcon:before,
13483
.sidebar_secondary_active:not(.steps) .sSwitch_right .sSwitchIcon:after {
13484
  top: 0 !important;
13485
}
13486
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right:before {
13487
  opacity: 1;
13488
}
13489
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon {
13490
  -webkit-transform: rotate(0deg);
13491
  transform: rotate(0deg);
13492
}
13493
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:before,
13494
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
13495
  width: 12px;
13496
}
13497
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:before {
13498
  top: 4px;
13499
  -webkit-transform: rotate(-35deg);
13500
  transform: rotate(-35deg);
13501
  -webkit-transform-origin: right bottom;
13502
  transform-origin: right bottom;
13503
}
13504
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
13505
  top: -4px;
13506
  -webkit-transform: rotate(35deg);
13507
  transform: rotate(35deg);
13508
  -webkit-transform-origin: right top;
13509
  transform-origin: right top;
13510
}
13511
/* top bar */
13512
#top_bar {
13513
  background: #fff;
13514
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13515
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13516
  height: 40px;
13517
  position: fixed;
13518
  top: 48px;
13519
  left: 0;
13520
  right: 0;
13521
  z-index: 100;
13522
  padding: 0 25px;
13523
}
13524
#top_bar,
13525
#top_bar:before,
13526
#top_bar:after,
13527
#top_bar *,
13528
#top_bar *:before,
13529
#top_bar *:after {
13530
  -webkit-box-sizing: border-box;
13531
  box-sizing: border-box;
13532
}
13533
#top_bar .top_bar_nav {
13534
  margin: 0;
13535
  padding: 0;
13536
  list-style: none;
13537
}
13538
#top_bar .top_bar_nav > li {
13539
  padding: 0;
13540
  margin: 0;
13541
  list-style: none;
13542
}
13543
#top_bar .top_bar_nav > li {
13544
  float: left;
13545
  text-align: center;
13546
}
13547
#top_bar .top_bar_nav > li > a {
13548
  line-height: 40px;
13549
  padding: 0 16px;
13550
  font-weight: 500;
13551
  color: #212121;
13552
  display: block;
13553
}
13554
#top_bar .top_bar_nav > li > a:hover {
13555
  -webkit-box-shadow: inset 0 -3px 0 #2196f3;
13556
  box-shadow: inset 0 -3px 0 #2196f3;
13557
}
13558
#top_bar .top_bar_nav > li.uk-active a {
13559
  -webkit-box-shadow: inset 0 -3px 0 #2196f3;
13560
  box-shadow: inset 0 -3px 0 #2196f3;
13561
}
13562
#top_bar .uk-slidenav-position:before,
13563
#top_bar .uk-slidenav-position:after {
13564
  position: absolute;
13565
  width: 25px;
13566
  height: 100%;
13567
  display: block;
13568
  top: 0;
13569
  content: '';
13570
}
13571
#top_bar .uk-slidenav-position:before {
13572
  left: -25px;
13573
}
13574
#top_bar .uk-slidenav-position:after {
13575
  right: -25px;
13576
}
13577
#top_bar .uk-slidenav-position:hover .uk-slidenav {
13578
  display: none;
13579
}
13580
#top_bar .uk-slidenav-position.uk-slidenav-hover:hover .uk-slidenav {
13581
  display: block;
13582
}
13583
#top_bar .uk-slidenav {
13584
  font-size: 32px;
13585
  height: 50px;
13586
  width: 24px;
13587
}
13588
#top_bar .uk-slidenav-previous {
13589
  left: -25px;
13590
}
13591
#top_bar .uk-slidenav-next {
13592
  right: -25px;
13593
}
13594
#top_bar.top_bar_static {
13595
  position: relative;
13596
  left: 0;
13597
  top: 0;
13598
  margin: 0 !important;
13599
}
13600
.top_bar_active {
13601
  padding-top: 88px;
13602
}
13603
.top_bar_active #header_main {
13604
  -webkit-box-shadow: none;
13605
  box-shadow: none;
13606
}
13607
.top_bar_static_active {
13608
  padding-top: 48px;
13609
}
13610
/* page heading */
13611
#page_heading {
13612
  background: #fff;
13613
  padding: 16px 24px;
13614
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
13615
  -webkit-box-sizing: border-box;
13616
  box-sizing: border-box;
13617
  min-height: 81px;
13618
}
13619
#page_heading h1 {
13620
  font: 500 22px / 28px "Roboto", sans-serif;
13621
  margin: 0;
13622
}
13623
#page_heading .heading_actions {
13624
  float: right;
13625
  margin-top: 8px;
13626
  padding-right: 15px;
13627
}
13628
#page_heading .heading_actions > * {
13629
  display: inline-block;
13630
  margin-left: 8px;
13631
  position: relative;
13632
}
13633
#page_heading .heading_actions .material-icons {
13634
  font-size: 24px;
13635
}
13636
#page_heading.uk-active {
13637
  border-bottom: none;
13638
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13639
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13640
  z-index: 100;
13641
}
13642
.page_heading_active  #header_main {
13643
  -webkit-box-shadow: none;
13644
  box-shadow: none;
13645
}
13646
/* top menu */
13647
#menu_top_dropdown .top_menu_toggle {
13648
  height: 48px;
13649
  line-height: 51px;
13650
  color: #fff;
13651
  display: block;
13652
  padding: 0 8px;
13653
}
13654
#menu_top_dropdown .top_menu_toggle .material-icons {
13655
  color: #fff;
13656
}
13657
#menu_top_dropdown .uk-dropdown {
13658
  margin-top: 0;
13659
  overflow-y: auto;
13660
  -webkit-overflow-scrolling: touch;
13661
  max-height: 340px;
13662
}
13663
@media screen and (max-height: 320px) {
13664
  #menu_top_dropdown .uk-dropdown {
13665
    max-height: 252px;
13666
  }
13667
}
13668
/* top menu */
13669
#menu_top {
13670
  margin: 0;
13671
  padding: 0;
13672
  list-style: none;
13673
  position: relative;
13674
}
13675
#menu_top > li {
13676
  padding: 0;
13677
  margin: 0;
13678
  list-style: none;
13679
}
13680
#menu_top > li {
13681
  float: left;
13682
  position: relative;
13683
}
13684
#menu_top > li > a {
13685
  height: 40px;
13686
  line-height: 40px;
13687
  display: block;
13688
  color: #212121;
13689
  padding: 0 16px;
13690
  min-width: 60px;
13691
  text-align: center;
13692
  position: relative;
13693
}
13694
@media only screen and (max-width: 767px) {
13695
  #menu_top > li > a {
13696
    padding: 0 8px;
13697
  }
13698
}
13699
#menu_top > li > a:hover {
13700
  background: rgba(0, 0, 0, 0.085);
13701
}
13702
#menu_top > li > a .material-icons {
13703
  font-size: 24px;
13704
  vertical-align: -8px;
13705
}
13706
#menu_top > li > a > span {
13707
  margin-left: 8px;
13708
  vertical-align: -2px;
13709
}
13710
#menu_top > li[data-uk-dropdown] > a {
13711
  padding-right: 32px;
13712
}
13713
#menu_top > li[data-uk-dropdown] > a:after {
13714
  position: absolute;
13715
  right: 4px;
13716
  top: 2px;
13717
  content: '\e313';
13718
  display: block;
13719
  width: 24px;
13720
  height: 24px;
13721
  font-size: 18px;
13722
  font-family: "Material Icons";
13723
  color: #727272;
13724
}
13725
#menu_top > li.uk-open > a {
13726
  background: rgba(0, 0, 0, 0.085);
13727
}
13728
#menu_top > li .uk-dropdown {
13729
  margin-top: 1px;
13730
  top: 100% !important;
13731
}
13732
@media (max-height: 767px) {
13733
  #menu_top > li .uk-dropdown {
13734
    max-height: 200px !important;
13735
    overflow-y: auto !important;
13736
  }
13737
}
13738
@media (min-height: 768px) {
13739
  #menu_top > li [class*='uk-dropdown-width'] {
13740
    max-height: 640px;
13741
    overflow-y: auto;
13742
  }
13743
}
13744
#menu_top .uk-nav-multilevel li {
13745
  position: relative;
13746
}
13747
#menu_top .uk-nav-multilevel li ul {
13748
  position: absolute;
13749
  top: 0;
13750
  left: 100%;
13751
  width: 180px;
13752
  background: #fff;
13753
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13754
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13755
  margin: 0 0 0 1px;
13756
  padding: 0;
13757
  display: none;
13758
}
13759
#menu_top .uk-nav-multilevel li ul:before {
13760
  position: absolute;
13761
  left: -1px;
13762
  height: 100%;
13763
  width: 1px;
13764
  content: '';
13765
  display: block;
13766
  z-index: 10;
13767
}
13768
#menu_top .uk-nav-multilevel li ul li > a {
13769
  font-size: 14px;
13770
  color: #212121;
13771
  padding: 5px 15px;
13772
}
13773
#menu_top .uk-nav-multilevel li ul li > a:hover {
13774
  background: rgba(0, 0, 0, 0.085);
13775
}
13776
#menu_top .uk-nav-multilevel li:hover > a {
13777
  background: rgba(0, 0, 0, 0.085);
13778
}
13779
#menu_top .uk-nav-multilevel li:hover > ul {
13780
  display: block;
13781
}
13782
#menu_top .uk-nav-multilevel li.has-submenu:after {
13783
  display: block;
13784
  position: absolute;
13785
  top: 4px;
13786
  right: 2px;
13787
  color: #727272;
13788
  content: '\e5cc';
13789
  font-family: "Material Icons";
13790
  font-size: 16px;
13791
}
13792
#breadcrumbs {
13793
  background: #fff;
13794
  margin: 0;
13795
  padding: 0;
13796
  list-style: none;
13797
  overflow: hidden;
13798
  white-space: nowrap;
13799
}
13800
#breadcrumbs > li {
13801
  padding: 0;
13802
  margin: 0;
13803
  list-style: none;
13804
}
13805
#breadcrumbs > li {
13806
  display: inline-block;
13807
}
13808
#breadcrumbs > li a,
13809
#breadcrumbs > li span {
13810
  position: relative;
13811
  display: block;
13812
  font-size: 16px;
13813
  padding: 8px 0;
13814
  line-height: 24px;
13815
}
13816
#breadcrumbs > li + li a,
13817
#breadcrumbs > li + li span {
13818
  padding-left: 40px;
13819
}
13820
#breadcrumbs > li + li a:before,
13821
#breadcrumbs > li + li span:before {
13822
  position: absolute;
13823
  top: 50%;
13824
  left: 8px;
13825
  margin-top: -12px;
13826
  content: '\e315';
13827
  font-family: "Material Icons";
13828
  font-size: 24px;
13829
  display: block;
13830
  color: #727272;
13831
}
13832
#footer {
13833
  position: fixed;
13834
  bottom: 0;
13835
  right: 0;
13836
  left: 0;
13837
  background: #fff;
13838
  padding: 0 25px;
13839
  border-top: 1px solid rgba(0, 0, 0, 0.12);
13840
  line-height: 48px;
13841
}
13842
@media only screen and (min-width: 1220px) {
13843
  .sidebar_main_open #footer,
13844
  .sidebar_main_active #footer {
13845
    margin-left: 240px;
13846
  }
13847
}
13848
.page_aside {
13849
  min-height: 200px;
13850
  width: 240px;
13851
  background: #fff;
13852
  border-right: 1px solid #e0e0e0;
13853
  -webkit-box-sizing: border-box;
13854
  box-sizing: border-box;
13855
  margin-right: 25px;
13856
  -webkit-transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
13857
  transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
13858
  position: absolute;
13859
  left: 0;
13860
  z-index: 1000;
13861
}
13862
.page_aside + * {
13863
  -webkit-transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
13864
  transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
13865
  margin-left: 265px;
13866
}
13867
@media only screen and (max-width: 959px) {
13868
  .page_aside + * {
13869
    margin-left: 25px;
13870
  }
13871
}
13872
.page_aside_inner {
13873
  padding: 24px 12px;
13874
  -webkit-box-sizing: border-box;
13875
  box-sizing: border-box;
13876
  height: 100%;
13877
}
13878
.page_aside_toggle {
13879
  position: absolute;
13880
  top: 0;
13881
  right: -26px;
13882
  height: 100%;
13883
  width: 24px;
13884
  background: #ff0000;
13885
  cursor: pointer;
13886
  background: #f5f5f5;
13887
  border-right: 1px solid #e0e0e0;
13888
  -webkit-transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
13889
  transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
13890
}
13891
.page_aside_toggle:hover {
13892
  background: #e0e0e0;
13893
}
13894
.page_aside_toggle:after {
13895
  position: absolute;
13896
  left: 3px;
13897
  top: 50%;
13898
  content: '\e314';
13899
  font-family: "Material Icons";
13900
  font-size: 18px;
13901
  display: block;
13902
  color: #727272;
13903
}
13904
.page_aside_collapsed .page_aside {
13905
  -webkit-transform: translate3d(-240px, 0, 0);
13906
  transform: translate3d(-240px, 0, 0);
13907
}
13908
.page_aside_collapsed .page_aside + * {
13909
  margin-left: 25px;
13910
}
13911
.page_aside_collapsed .page_aside_toggle:after {
13912
  content: '\e315';
13913
}
13914
/* 8. custom pages =================================== */
13915
/* user profile */
13916
.user_heading {
13917
  padding: 24px;
13918
  background: #1976d2;
13919
  color: #fff;
13920
  position: relative;
13921
  -webkit-box-sizing: border-box;
13922
  box-sizing: border-box;
13923
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13924
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13925
}
13926
.user_heading:before,
13927
.user_heading:after {
13928
  content: " ";
13929
  display: table;
13930
}
13931
.user_heading:after {
13932
  clear: both;
13933
}
13934
.user_heading:before,
13935
.user_heading:after {
13936
  content: " ";
13937
  display: table;
13938
}
13939
.user_heading:after {
13940
  clear: both;
13941
}
13942
.user_heading.uk-active {
13943
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13944
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13945
  padding: 16px 24px;
13946
  z-index: 100;
13947
}
13948
.user_heading.uk-active .user_heading_avatar .thumbnail {
13949
  width: 64px;
13950
  height: 64px;
13951
  line-height: 54px !important;
13952
}
13953
.user_heading_bg {
13954
  background-repeat: no-repeat;
13955
  background-position: center center;
13956
  padding: 0;
13957
}
13958
.user_heading_bg .bg_overlay {
13959
  padding: 24px;
13960
  position: relative;
13961
}
13962
.user_heading_bg .bg_overlay:before {
13963
  display: block;
13964
  content: '';
13965
  position: absolute;
13966
  top: 0;
13967
  left: 0;
13968
  right: 0;
13969
  bottom: 0;
13970
  background: rgba(0, 0, 0, 0.3);
13971
}
13972
.user_heading_bg .bg_overlay .user_heading_content {
13973
  position: relative;
13974
}
13975
.user_heading_avatar {
13976
  float: left;
13977
  margin-right: 24px;
13978
  position: relative;
13979
}
13980
@media only screen and (max-width: 959px) {
13981
  .user_heading_avatar {
13982
    float: none !important;
13983
    text-align: center;
13984
    margin: 0 0 8px !important ;
13985
  }
13986
}
13987
@media only screen and (max-width: 959px) {
13988
  .user_heading_avatar.fileinput {
13989
    width: 82px;
13990
    height: 82px;
13991
    margin: 0 auto 16px;
13992
    display: block;
13993
  }
13994
}
13995
.user_heading_avatar img {
13996
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13997
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13998
  display: inline-block;
13999
  vertical-align: top;
14000
}
14001
.user_heading_avatar .thumbnail {
14002
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
14003
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
14004
  width: 82px;
14005
  height: 82px;
14006
  line-height: 74px;
14007
  border-radius: 50%;
14008
  border: 2px solid #fff;
14009
  background-color: #ededed;
14010
  overflow: hidden;
14011
  -webkit-box-sizing: border-box;
14012
  box-sizing: border-box;
14013
  display: inline-block;
14014
}
14015
.user_heading_avatar .btn-file {
14016
  text-align: center;
14017
  position: absolute;
14018
  top: -4px;
14019
  right: -8px;
14020
  width: 32px;
14021
  height: 32px;
14022
  line-height: 38px;
14023
  background: #fff;
14024
  display: block;
14025
  border-radius: 50%;
14026
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
14027
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
14028
  overflow: hidden;
14029
}
14030
.user_heading_avatar .btn-file .material-icons {
14031
  color: #2196f3;
14032
  font-size: 24px;
14033
}
14034
.user_heading_avatar .btn-file.fileinput-exists {
14035
  left: -8px;
14036
  right: auto;
14037
}
14038
.user_heading_avatar .btn-file.fileinput-exists .material-icons {
14039
  color: #e53935;
14040
}
14041
.user_heading_avatar.fileinput-new .btn-file.fileinput-exists {
14042
  display: none;
14043
}
14044
.user_heading_content {
14045
  padding: 16px 0;
14046
}
14047
@media only screen and (max-width: 959px) {
14048
  .user_heading_content {
14049
    text-align: center;
14050
  }
14051
}
14052
.user_heading_content .heading_a,
14053
.user_heading_content .heading_b,
14054
.user_heading_content .heading_c,
14055
.user_heading_content .heading_a .sub-heading,
14056
.user_heading_content .heading_b .sub-heading,
14057
.user_heading_content .heading_c .sub-heading {
14058
  color: #fff;
14059
}
14060
.user_heading_content .user_stats {
14061
  margin: 0;
14062
  padding: 0;
14063
  list-style: none;
14064
  overflow: hidden;
14065
  text-align: center;
14066
}
14067
.user_heading_content .user_stats > li {
14068
  padding: 0;
14069
  margin: 0;
14070
  list-style: none;
14071
}
14072
.user_heading_content .user_stats li {
14073
  margin-right: 48px;
14074
  float: left;
14075
}
14076
@media only screen and (max-width: 959px) {
14077
  .user_heading_content .user_stats li {
14078
    float: none;
14079
    display: inline-block;
14080
    margin: 0 16px 8px;
14081
  }
14082
}
14083
.user_heading_content .user_stats .material-icons {
14084
  color: #fff;
14085
  margin-right: 4px;
14086
  font-size: 36px;
14087
  vertical-align: -12px;
14088
}
14089
.user_heading_menu {
14090
  position: absolute;
14091
  top: 8px;
14092
  right: 8px;
14093
}
14094
.user_heading .md-fab,
14095
.user_heading .md-fab-wrapper {
14096
  position: absolute;
14097
  bottom: -22px;
14098
  right: 24px;
14099
}
14100
.user_heading .md-fab-wrapper > .md-fab {
14101
  position: static;
14102
  z-index: auto;
14103
  right: auto;
14104
  bottom: auto;
14105
}
14106
.user_content {
14107
  padding: 32px;
14108
}
14109
.user_content .full_width_in_card {
14110
  margin: 16px 0 32px;
14111
}
14112
/* scrum board */
14113
.scrum_board_overflow {
14114
  height: 100%;
14115
  min-height: 100%;
14116
  overflow-y: hidden;
14117
  overflow-x: auto;
14118
  background: #fff;
14119
  -webkit-box-sizing: border-box;
14120
  box-sizing: border-box;
14121
  max-width: 100%;
14122
  -webkit-overflow-scrolling: touch;
14123
}
14124
#scrum_board {
14125
  height: 100%;
14126
  padding: 0 4px;
14127
  -webkit-box-sizing: border-box;
14128
  box-sizing: border-box;
14129
  overflow: hidden;
14130
}
14131
#scrum_board > div {
14132
  height: 100%;
14133
  float: left;
14134
  width: 320px;
14135
  -webkit-box-sizing: border-box;
14136
  box-sizing: border-box;
14137
  position: relative;
14138
  padding: 46px 0 8px;
14139
}
14140
#scrum_board .scrum_column {
14141
  background: rgba(0, 0, 0, 0.085);
14142
  padding: 8px;
14143
  height: 100%;
14144
  margin: 0 4px;
14145
  -webkit-box-sizing: border-box;
14146
  box-sizing: border-box;
14147
  overflow-x: hidden;
14148
  overflow-y: auto;
14149
}
14150
#scrum_board .scrum_column_heading_wrapper {
14151
  position: absolute;
14152
  top: 8px;
14153
  left: 0;
14154
  right: 0;
14155
}
14156
#scrum_board .scrum_column_heading_wrapper .uk-button-dropdown {
14157
  position: absolute;
14158
  right: 6px;
14159
  top: 3px;
14160
}
14161
#scrum_board .scrum_column_heading {
14162
  font-weight: 500;
14163
  font-size: 13px;
14164
  text-transform: uppercase;
14165
  background: #fff;
14166
  line-height: 36px;
14167
  -webkit-box-sizing: border-box;
14168
  box-sizing: border-box;
14169
  text-overflow: ellipsis;
14170
  display: inline-block;
14171
  vertical-align: top;
14172
  white-space: nowrap;
14173
  overflow: hidden;
14174
  width: 100%;
14175
  padding: 0 36px 0 12px;
14176
}
14177
#scrum_board .scrum_column .uk-sortable {
14178
  min-height: 100%;
14179
}
14180
#scrum_board .scrum_column .uk-sortable div {
14181
  cursor: move;
14182
}
14183
#scrum_board .scrum_column .uk-sortable div + div {
14184
  margin-top: 4px;
14185
}
14186
#scrum_board .scrum_column .uk-sortable-placeholder {
14187
  opacity: 0.4;
14188
}
14189
.scrum_task {
14190
  background: #fff;
14191
  padding: 8px 8px 8px 12px;
14192
  border-left-width: 4px;
14193
  border-left-style: solid;
14194
}
14195
.scrum_task.blocker {
14196
  border-left-color: #e53935;
14197
}
14198
.scrum_task.critical {
14199
  border-left-color: #ffa000;
14200
}
14201
.scrum_task.minor {
14202
  border-left-color: #7cb342;
14203
}
14204
.scrum_task_title {
14205
  font-size: 13px;
14206
  font-weight: 500;
14207
  margin: 0;
14208
  text-transform: uppercase;
14209
}
14210
.scrum_task_description {
14211
  margin: 0 0 4px;
14212
  font-size: 12px;
14213
}
14214
.scrum_task_info {
14215
  margin: 0;
14216
  font-size: 12px;
14217
}
14218
.scrum_board_menu {
14219
  float: left;
14220
  width: 320px;
14221
  position: relative;
14222
  padding: 46px 8px 8px 16px;
14223
  border-right: 1px solid rgba(0, 0, 0, 0.08);
14224
}
14225
@media only screen and (max-width: 767px) {
14226
  .scrum_board_menu {
14227
    display: none;
14228
  }
14229
}
14230
.scrum_board_menu_heading {
14231
  position: absolute;
14232
  top: 10px;
14233
  left: 0;
14234
  font-weight: 500;
14235
  font-size: 13px;
14236
  text-transform: uppercase;
14237
  line-height: 36px;
14238
  -webkit-box-sizing: border-box;
14239
  box-sizing: border-box;
14240
  text-overflow: ellipsis;
14241
  display: inline-block;
14242
  vertical-align: top;
14243
  white-space: nowrap;
14244
  overflow: hidden;
14245
  width: 100%;
14246
  padding: 0 16px;
14247
}
14248
.scrum_board_menu_inner {
14249
  height: 100%;
14250
  overflow: auto;
14251
  padding-right: 8px;
14252
}
14253
.scrum_board_menu_inner > div + div {
14254
  margin-top: 4px;
14255
}
14256
/* chat page */
14257
.chat_box {
14258
  padding: 16px;
14259
}
14260
.chat_box .chat_message_wrapper {
14261
  margin-bottom: 32px;
14262
}
14263
.chat_box .chat_message_wrapper:before,
14264
.chat_box .chat_message_wrapper:after {
14265
  content: " ";
14266
  display: table;
14267
}
14268
.chat_box .chat_message_wrapper:after {
14269
  clear: both;
14270
}
14271
.chat_box .chat_message_wrapper:before,
14272
.chat_box .chat_message_wrapper:after {
14273
  content: " ";
14274
  display: table;
14275
}
14276
.chat_box .chat_message_wrapper:after {
14277
  clear: both;
14278
}
14279
.chat_box .chat_message_wrapper .chat_user_avatar {
14280
  float: left;
14281
}
14282
.chat_box .chat_message_wrapper ul.chat_message {
14283
  float: left;
14284
  margin: 0 0 0 20px;
14285
  padding: 0;
14286
  list-style: none;
14287
  max-width: 60%;
14288
}
14289
.chat_box .chat_message_wrapper ul.chat_message > li {
14290
  padding: 0;
14291
  margin: 0;
14292
  list-style: none;
14293
}
14294
@media only screen and (max-width: 767px) {
14295
  .chat_box .chat_message_wrapper ul.chat_message {
14296
    max-width: 70%;
14297
  }
14298
}
14299
.chat_box .chat_message_wrapper ul.chat_message > li {
14300
  background: #ededed;
14301
  padding: 8px 16px;
14302
  border-radius: 4px;
14303
  position: relative;
14304
  font-size: 13px;
14305
  display: block;
14306
  float: left;
14307
  clear: both;
14308
  color: #212121;
14309
}
14310
@media only screen and (max-width: 767px) {
14311
  .chat_box .chat_message_wrapper ul.chat_message > li {
14312
    font-size: 14px;
14313
  }
14314
}
14315
.chat_box .chat_message_wrapper ul.chat_message > li p {
14316
  margin: 0;
14317
}
14318
.chat_box .chat_message_wrapper ul.chat_message > li .chat_message_time {
14319
  display: block;
14320
  font-size: 11px;
14321
  padding-top: 2px;
14322
  color: #727272;
14323
  text-transform: uppercase;
14324
}
14325
.chat_box .chat_message_wrapper ul.chat_message > li:first-child:before {
14326
  position: absolute;
14327
  left: -14px;
14328
  top: 0;
14329
  content: '';
14330
  width: 0;
14331
  height: 0;
14332
  border-style: solid;
14333
  border-width: 0 16px 16px 0;
14334
  border-color: rgba(0, 0, 0, 0) #ededed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
14335
}
14336
.chat_box .chat_message_wrapper ul.chat_message > li + li {
14337
  margin-top: 4px;
14338
}
14339
.chat_box .chat_message_wrapper.chat_message_right .chat_user_avatar {
14340
  float: right;
14341
}
14342
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message {
14343
  float: right;
14344
  margin-left: 0 !important;
14345
  margin-right: 24px !important;
14346
}
14347
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li {
14348
  float: right;
14349
}
14350
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
14351
  left: auto;
14352
  right: -14px;
14353
  border-width: 0 0 16px 16px;
14354
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ededed;
14355
}
14356
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li .chat_message_time {
14357
  text-align: right;
14358
}
14359
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li {
14360
  background: #616161;
14361
  color: #fff;
14362
}
14363
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li:first-child:before {
14364
  border-right-color: #616161;
14365
}
14366
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li .chat_message_time {
14367
  color: rgba(255, 255, 255, 0.7);
14368
}
14369
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li {
14370
  background: #689f38;
14371
}
14372
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
14373
  border-left-color: #689f38;
14374
}
14375
.chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message > li {
14376
  background: #0288d1;
14377
  color: #fff;
14378
}
14379
.chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message > li:first-child:before {
14380
  border-right-color: #0288d1;
14381
}
14382
.chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message > li .chat_message_time {
14383
  color: rgba(255, 255, 255, 0.7);
14384
}
14385
.chat_box.chat_box_colors_b .chat_message_wrapper.chat_message_right ul.chat_message > li {
14386
  background: #01579b;
14387
}
14388
.chat_box.chat_box_colors_b .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
14389
  border-left-color: #01579b;
14390
}
14391
.chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message > li {
14392
  background: #e64a19;
14393
  color: #fff;
14394
}
14395
.chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message > li:first-child:before {
14396
  border-right-color: #e64a19;
14397
}
14398
.chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message > li .chat_message_time {
14399
  color: rgba(255, 255, 255, 0.7);
14400
}
14401
.chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message > li {
14402
  background: #e0e0e0;
14403
  color: #212121;
14404
}
14405
.chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message > li .chat_message_time {
14406
  color: #727272;
14407
}
14408
.chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
14409
  border-left-color: #e0e0e0;
14410
}
14411
.chat_box.chat_box_colors_d .chat_message_wrapper ul.chat_message > li {
14412
  background: #e0e0e0;
14413
}
14414
.chat_box.chat_box_colors_d .chat_message_wrapper ul.chat_message > li:first-child:before {
14415
  border-right-color: #e0e0e0;
14416
}
14417
.chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message > li {
14418
  background: #4527a0;
14419
  color: #fff;
14420
}
14421
.chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message > li .chat_message_time {
14422
  color: rgba(255, 255, 255, 0.7);
14423
}
14424
.chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
14425
  border-left-color: #4527a0;
14426
}
14427
.chat_box_wrapper {
14428
  height: 100%;
14429
  padding-bottom: 100px;
14430
  position: relative;
14431
  overflow: hidden;
14432
  -webkit-box-sizing: border-box;
14433
  box-sizing: border-box;
14434
}
14435
.chat_box_wrapper .chat_box {
14436
  height: 100%;
14437
  overflow-y: auto;
14438
  overflow-x: hidden;
14439
}
14440
.chat_submit_box {
14441
  background: #fafafa;
14442
  position: absolute;
14443
  bottom: 0;
14444
  left: 0;
14445
  width: 100%;
14446
  overflow: hidden;
14447
  padding: 8px 8px 12px 16px;
14448
  border-top: 1px solid rgba(0, 0, 0, 0.12);
14449
  -webkit-box-sizing: border-box;
14450
  box-sizing: border-box;
14451
}
14452
.chat_submit_box textarea {
14453
  min-height: 40px;
14454
  max-height: 40px;
14455
  padding: 4px 4px 8px;
14456
}
14457
#sidebar_secondary .chat_box_wrapper,
14458
#sidebar_secondary .chat_submit_box,
14459
#sidebar_secondary .chat_sidebar_close {
14460
  display: none;
14461
}
14462
#sidebar_secondary.chat_sidebar {
14463
  padding-bottom: 68px;
14464
}
14465
#sidebar_secondary.chat_sidebar .chat_submit_box,
14466
#sidebar_secondary.chat_sidebar .chat_sidebar_close {
14467
  display: block;
14468
}
14469
#sidebar_secondary .chat_sidebar_close {
14470
  position: absolute;
14471
  top: 52px;
14472
  right: 8px;
14473
}
14474
#sidebar_secondary .chat_box_wrapper {
14475
  padding-bottom: 0;
14476
}
14477
.chat_box_small.chat_box_wrapper {
14478
  margin: 0 -16px;
14479
}
14480
.md-list.chat_users li {
14481
  cursor: pointer;
14482
}
14483
.list-chatboxes > li {
14484
  cursor: pointer;
14485
}
14486
#chatbox_wrapper {
14487
  position: fixed;
14488
  bottom: 8px;
14489
  left: 0;
14490
  right: 0;
14491
  padding: 0 16px 8px;
14492
  -webkit-transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
14493
  transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
14494
  white-space: nowrap;
14495
  overflow-y: hidden;
14496
  overflow-x: auto;
14497
}
14498
@media only screen and (min-width: 768px) {
14499
  #chatbox_wrapper {
14500
    text-align: right;
14501
  }
14502
}
14503
.sidebar_main_open #chatbox_wrapper,
14504
.sidebar_main_active #chatbox_wrapper {
14505
  left: 240px;
14506
}
14507
@media only screen and (min-width: 768px) {
14508
  .sidebar_secondary_active #chatbox_wrapper {
14509
    right: 280px;
14510
  }
14511
}
14512
.chatbox {
14513
  text-align: left;
14514
  display: inline-block;
14515
  height: 320px;
14516
  width: 260px;
14517
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
14518
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
14519
  background: #fff;
14520
  border-radius: 2px;
14521
  position: relative;
14522
  -webkit-box-sizing: border-box;
14523
  box-sizing: border-box;
14524
  padding: 36px 0 48px;
14525
  overflow: hidden;
14526
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
14527
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
14528
}
14529
.chatbox + .chatbox {
14530
  margin-left: 8px;
14531
}
14532
.chatbox_header {
14533
  position: absolute;
14534
  top: 0;
14535
  left: 0;
14536
  right: 0;
14537
  height: 36px;
14538
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
14539
  padding: 0 8px;
14540
}
14541
.chatbox_header:before,
14542
.chatbox_header:after {
14543
  content: " ";
14544
  display: table;
14545
}
14546
.chatbox_header:after {
14547
  clear: both;
14548
}
14549
.chatbox_header:before,
14550
.chatbox_header:after {
14551
  content: " ";
14552
  display: table;
14553
}
14554
.chatbox_header:after {
14555
  clear: both;
14556
}
14557
.chatbox_header .header_name {
14558
  line-height: 40px;
14559
  font-size: 14px;
14560
  font-weight: 500;
14561
  display: inline-block;
14562
  max-width: 180px;
14563
  text-overflow: ellipsis;
14564
  vertical-align: top;
14565
  white-space: nowrap;
14566
  overflow: hidden;
14567
}
14568
.chatbox_header .header_actions {
14569
  float: right;
14570
  display: inline-block;
14571
}
14572
.chatbox_header .header_actions > * {
14573
  display: inline-block;
14574
}
14575
.chatbox_header .header_actions .material-icons {
14576
  line-height: 36px;
14577
  font-size: 24px;
14578
}
14579
.chatbox_header .header_actions .actions_dropdown {
14580
  position: relative;
14581
}
14582
.chatbox_header .header_actions .actions_dropdown .uk-dropdown {
14583
  padding-top: 0;
14584
  padding-bottom: 0;
14585
}
14586
.chatbox_header .header_actions .actions_dropdown .uk-dropdown > ul > li > a {
14587
  white-space: normal;
14588
  font-size: 13px;
14589
}
14590
.chatbox_content {
14591
  height: 100%;
14592
  overflow-x: hidden;
14593
  overflow-y: auto;
14594
  -webkit-box-sizing: border-box;
14595
  box-sizing: border-box;
14596
}
14597
.chatbox_content .chatbox_message {
14598
  overflow: hidden;
14599
  padding: 8px;
14600
}
14601
.chatbox_content .chatbox_message .chatbox_avatar {
14602
  float: left;
14603
  margin-right: 8px;
14604
  max-width: 64px;
14605
  overflow: hidden;
14606
}
14607
.chatbox_content .chatbox_message .chatbox_avatar > img {
14608
  border-radius: 4px;
14609
}
14610
.chatbox_content .chatbox_message_content {
14611
  margin: 0;
14612
  padding: 0;
14613
  list-style: none;
14614
  overflow: hidden;
14615
}
14616
.chatbox_content .chatbox_message_content > li {
14617
  padding: 0;
14618
  margin: 0;
14619
  list-style: none;
14620
}
14621
.chatbox_content .chatbox_message_content li {
14622
  display: block;
14623
}
14624
.chatbox_content .chatbox_message_content li + li {
14625
  margin-top: 2px;
14626
}
14627
.chatbox_content .chatbox_message_content li > span {
14628
  max-width: 80%;
14629
  border-radius: 4px;
14630
  font-size: 13px;
14631
  padding: 4px 8px;
14632
  background: rgba(0, 0, 0, 0.085);
14633
  display: inline-block;
14634
  white-space: normal;
14635
}
14636
.chatbox_content .chatbox_message.own .chatbox_avatar {
14637
  float: right;
14638
  margin-left: 8px;
14639
  margin-right: 0;
14640
}
14641
.chatbox_content .chatbox_message.own .chatbox_message_content li {
14642
  text-align: right;
14643
}
14644
.chatbox_content .chatbox_message.own .chatbox_message_content li > span {
14645
  max-width: 80%;
14646
  border-radius: 4px;
14647
  font-size: 13px;
14648
  padding: 4px 8px;
14649
  background: #2196f3;
14650
  display: inline-block;
14651
  white-space: normal;
14652
  color: #fff;
14653
  text-align: left;
14654
}
14655
.chatbox_footer {
14656
  position: absolute;
14657
  bottom: 0;
14658
  left: 0;
14659
  right: 0;
14660
  -webkit-box-sizing: border-box;
14661
  box-sizing: border-box;
14662
  border-top: 1px solid rgba(0, 0, 0, 0.12);
14663
  background: #fff;
14664
}
14665
.chatbox_footer .message_input {
14666
  width: 100%;
14667
  border: none;
14668
  font-size: 13px;
14669
  padding: 8px;
14670
  max-height: 80px;
14671
  font: 400 13px / 16px "Roboto", sans-serif;
14672
  resize: none;
14673
  word-wrap: break-word;
14674
  -webkit-box-sizing: border-box;
14675
  box-sizing: border-box;
14676
  display: block;
14677
}
14678
.chatbox.removing {
14679
  -webkit-transform: translate3d(0, 100%, 0);
14680
  transform: translate3d(0, 100%, 0);
14681
  opacity: 0;
14682
}
14683
.chatbox.cb_active .chatbox_header {
14684
  background: #1976d2;
14685
}
14686
.chatbox.cb_active .chatbox_header,
14687
.chatbox.cb_active .chatbox_header .material-icons {
14688
  color: #fff;
14689
}
14690
/* blog */
14691
.blog_list_teaser_image {
14692
  margin-bottom: 16px;
14693
}
14694
.blog_list_teaser_video {
14695
  margin-bottom: 16px;
14696
  height: 200px;
14697
}
14698
.blog_list_teaser_title {
14699
  font: 400 18px / 24px "Roboto", sans-serif;
14700
  margin: 0 0 8px;
14701
}
14702
.blog_list_teaser p {
14703
  margin: 0 0 8px;
14704
}
14705
.blog_list_footer {
14706
  border-top: 1px solid #e0e0e0;
14707
  padding: 8px 0 0 8px;
14708
  margin-top: 8px;
14709
  overflow: hidden;
14710
}
14711
.blog_list_footer_info {
14712
  float: left;
14713
  padding-top: 6px;
14714
}
14715
.blog_list_footer_info .material-icons {
14716
  color: #9e9e9e;
14717
}
14718
.blog_list_footer_info small {
14719
  vertical-align: 1px;
14720
}
14721
.blog_article .uk-thumbnail.thumbnail_left {
14722
  float: left;
14723
  margin: 0 24px 24px 0;
14724
}
14725
.blog_article .uk-thumbnail.thumbnail_right {
14726
  float: right;
14727
  margin: 0 0 24px 24px;
14728
}
14729
.blog_article * + p,
14730
.blog_article * + ul,
14731
.blog_article * + ol,
14732
.blog_article * + dl,
14733
.blog_article * + blockquote,
14734
.blog_article * + pre,
14735
.blog_article * + address,
14736
.blog_article * + fieldset,
14737
.blog_article * + figure {
14738
  margin-top: 24px;
14739
}
14740
.blog_article .material-icons + small {
14741
  vertical-align: 2px;
14742
}
14743
.blog_tags .uk-badge {
14744
  margin: 0 4px 4px 0;
14745
}
14746
/* gallery */
14747
.gallery_grid_item {
14748
  padding: 0 !important;
14749
}
14750
.gallery_grid_item,
14751
.gallery_grid_item:hover,
14752
.gallery_grid_item:focus {
14753
  color: #212121;
14754
}
14755
.gallery_grid_item > a,
14756
.gallery_grid_item img {
14757
  display: block;
14758
}
14759
.gallery_grid_image_caption {
14760
  padding: 8px 16px;
14761
  display: block;
14762
  position: relative;
14763
  z-index: 10;
14764
  background-color: #fff;
14765
}
14766
.gallery_grid_image_caption .gallery_image_title {
14767
  font: 500 14px / 20px "Roboto", sans-serif;
14768
  margin: 0;
14769
}
14770
.gallery_grid_image_menu {
14771
  position: relative;
14772
  float: right;
14773
  margin: 4px 0 0 8px;
14774
}
14775
/* pricing tables */
14776
.pricing_table.pricing_table_a {
14777
  text-align: center;
14778
}
14779
.pricing_table.pricing_table_a .pricing_table_plan {
14780
  font-size: 18px;
14781
  font-weight: 400;
14782
  padding: 16px 0;
14783
  margin-bottom: 16px;
14784
}
14785
.pricing_table.pricing_table_a .pricing_table_price {
14786
  padding: 8px 0 0;
14787
  font-size: 48px;
14788
  margin-bottom: 24px;
14789
}
14790
.pricing_table.pricing_table_a .pricing_table_price .currency {
14791
  vertical-align: top;
14792
  font-size: 24px;
14793
  padding: 0 4px;
14794
}
14795
.pricing_table.pricing_table_a .pricing_table_price .period {
14796
  font-size: 14px;
14797
  padding: 4px;
14798
  color: #aaa;
14799
  display: block;
14800
}
14801
.pricing_table.pricing_table_a .pricing_table_features {
14802
  margin: 0;
14803
  padding: 0;
14804
  list-style: none;
14805
}
14806
.pricing_table.pricing_table_a .pricing_table_features > li {
14807
  padding: 0;
14808
  margin: 0;
14809
  list-style: none;
14810
}
14811
.pricing_table.pricing_table_a .pricing_table_features li {
14812
  font-size: 16px;
14813
  padding: 8px 0;
14814
}
14815
.pricing_table.pricing_table_a .pricing_table_select {
14816
  padding: 32px 0;
14817
}
14818
.pricing_table.pricing_table_b {
14819
  text-align: center;
14820
}
14821
.pricing_table.pricing_table_b .pricing_table_plan {
14822
  font-size: 16px;
14823
  font-weight: 400;
14824
  padding: 16px 0;
14825
  margin-bottom: 16px;
14826
  text-transform: uppercase;
14827
}
14828
.pricing_table.pricing_table_b .pricing_table_price {
14829
  padding: 8px 0 0;
14830
  font-size: 48px;
14831
  margin-bottom: 24px;
14832
}
14833
.pricing_table.pricing_table_b .pricing_table_price .currency {
14834
  vertical-align: top;
14835
  font-size: 24px;
14836
  padding: 0 4px;
14837
}
14838
.pricing_table.pricing_table_b .pricing_table_price .period {
14839
  font-size: 14px;
14840
  padding: 4px;
14841
  color: #aaa;
14842
  display: block;
14843
}
14844
.pricing_table.pricing_table_b .pricing_table_features {
14845
  margin: 0;
14846
  padding: 0;
14847
  list-style: none;
14848
}
14849
.pricing_table.pricing_table_b .pricing_table_features > li {
14850
  padding: 0;
14851
  margin: 0;
14852
  list-style: none;
14853
}
14854
.pricing_table.pricing_table_b .pricing_table_features li {
14855
  font-size: 16px;
14856
  padding: 8px 0;
14857
}
14858
.pricing_table.pricing_table_b .pricing_table_select {
14859
  padding: 32px 0;
14860
}
14861
.pricing_table.pricing_table_c {
14862
  text-align: center;
14863
}
14864
.pricing_table.pricing_table_c .pricing_table_plan {
14865
  font-size: 16px;
14866
  font-weight: 400;
14867
  padding: 16px 0;
14868
  margin-bottom: 8px;
14869
}
14870
.pricing_table.pricing_table_c .pricing_table_price {
14871
  padding: 8px 0 0;
14872
  font-size: 48px;
14873
  margin-bottom: 24px;
14874
}
14875
.pricing_table.pricing_table_c .pricing_table_price .currency {
14876
  vertical-align: top;
14877
  font-size: 24px;
14878
  padding: 0 4px;
14879
}
14880
.pricing_table.pricing_table_c .pricing_table_price .period {
14881
  font-size: 14px;
14882
  color: #aaa;
14883
  vertical-align: 0;
14884
  padding-left: 4px;
14885
}
14886
.pricing_table.pricing_table_c .pricing_table_features {
14887
  margin: 0;
14888
  padding: 0;
14889
  list-style: none;
14890
}
14891
.pricing_table.pricing_table_c .pricing_table_features > li {
14892
  padding: 0;
14893
  margin: 0;
14894
  list-style: none;
14895
}
14896
.pricing_table.pricing_table_c .pricing_table_features li {
14897
  font-size: 16px;
14898
  padding: 8px 0;
14899
}
14900
.pricing_table.pricing_table_c .pricing_table_select {
14901
  padding: 32px 0;
14902
}
14903
.pricing_table_v2.pricing_table_v2_a {
14904
  text-align: center;
14905
}
14906
.pricing_table_v2.pricing_table_v2_a .pricing_table_plan {
14907
  font-size: 18px;
14908
  font-weight: 400;
14909
  padding: 24px 0;
14910
}
14911
.pricing_table_v2.pricing_table_v2_a .pricing_table_price {
14912
  padding: 8px 0 0;
14913
  font-size: 48px;
14914
  margin: 0 8px 24px;
14915
  color: #fff;
14916
  background: #4db6ac;
14917
}
14918
.pricing_table_v2.pricing_table_v2_a .pricing_table_price .currency {
14919
  vertical-align: top;
14920
  font-size: 24px;
14921
  padding: 0 4px;
14922
}
14923
.pricing_table_v2.pricing_table_v2_a .pricing_table_price .period {
14924
  font-size: 14px;
14925
  padding: 4px;
14926
  display: block;
14927
}
14928
.pricing_table_v2.pricing_table_v2_a .pricing_table_features {
14929
  margin: 0;
14930
  padding: 0;
14931
  list-style: none;
14932
}
14933
.pricing_table_v2.pricing_table_v2_a .pricing_table_features > li {
14934
  padding: 0;
14935
  margin: 0;
14936
  list-style: none;
14937
}
14938
.pricing_table_v2.pricing_table_v2_a .pricing_table_features li {
14939
  font-size: 16px;
14940
  padding: 8px 0;
14941
}
14942
.pricing_table_v2.pricing_table_v2_a .pricing_table_select {
14943
  padding: 32px 0;
14944
}
14945
.pricing_table_v2.pricing_table_v2_a .md-btn {
14946
  background: #4db6ac;
14947
  color: #fff;
14948
}
14949
.pricing_table_v2.pricing_table_v2_b {
14950
  text-align: center;
14951
}
14952
.pricing_table_v2.pricing_table_v2_b .pricing_table_plan {
14953
  font-size: 18px;
14954
  font-weight: 400;
14955
  padding: 16px 0;
14956
  background: #ef5350;
14957
  color: #fff;
14958
}
14959
.pricing_table_v2.pricing_table_v2_b .pricing_table_price {
14960
  padding: 8px 0;
14961
  font-size: 48px;
14962
  font-weight: 700;
14963
  margin: 0 0 48px;
14964
  color: #fff;
14965
  background: #e53935;
14966
}
14967
.pricing_table_v2.pricing_table_v2_b .pricing_table_price .currency {
14968
  vertical-align: top;
14969
  font-size: 24px;
14970
  padding: 0 4px;
14971
}
14972
.pricing_table_v2.pricing_table_v2_b .pricing_table_price .period {
14973
  font-size: 14px;
14974
  padding: 4px;
14975
  display: block;
14976
  font-weight: 400;
14977
}
14978
.pricing_table_v2.pricing_table_v2_b .pricing_table_features {
14979
  margin: 0;
14980
  padding: 0;
14981
  list-style: none;
14982
}
14983
.pricing_table_v2.pricing_table_v2_b .pricing_table_features > li {
14984
  padding: 0;
14985
  margin: 0;
14986
  list-style: none;
14987
}
14988
.pricing_table_v2.pricing_table_v2_b .pricing_table_features li {
14989
  font-size: 16px;
14990
  padding: 8px 0;
14991
}
14992
.pricing_table_v2.pricing_table_v2_b .pricing_table_features li:nth-child(odd) {
14993
  background: #f5f5f5;
14994
}
14995
.pricing_table_v2.pricing_table_v2_b .pricing_table_select {
14996
  padding: 32px 0;
14997
}
14998
.pricing_table_v2.pricing_table_v2_b .md-btn {
14999
  background: #ef5350;
15000
  color: #fff;
15001
}
15002
.pricing_table_v2.pricing_table_v2_c {
15003
  text-align: center;
15004
}
15005
.pricing_table_v2.pricing_table_v2_c .pricing_table_plan {
15006
  font-size: 14px;
15007
  font-weight: 700;
15008
  margin: 0 32px 24px;
15009
  padding: 16px 0;
15010
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
15011
  text-transform: uppercase;
15012
  color: #727272;
15013
}
15014
.pricing_table_v2.pricing_table_v2_c .pricing_table_price {
15015
  padding: 8px 0;
15016
  font-size: 48px;
15017
  margin: 0 0 24px;
15018
}
15019
.pricing_table_v2.pricing_table_v2_c .pricing_table_price .currency {
15020
  vertical-align: top;
15021
  font-size: 24px;
15022
  padding: 0 4px;
15023
}
15024
.pricing_table_v2.pricing_table_v2_c .pricing_table_price .period {
15025
  font-size: 14px;
15026
  padding: 4px;
15027
  font-weight: 400;
15028
  color: #aaa;
15029
}
15030
.pricing_table_v2.pricing_table_v2_c .pricing_table_features {
15031
  margin: 0;
15032
  padding: 0;
15033
  list-style: none;
15034
}
15035
.pricing_table_v2.pricing_table_v2_c .pricing_table_features > li {
15036
  padding: 0;
15037
  margin: 0;
15038
  list-style: none;
15039
}
15040
.pricing_table_v2.pricing_table_v2_c .pricing_table_features li {
15041
  font-size: 14px;
15042
  padding: 12px 0;
15043
  margin: 0 32px;
15044
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
15045
}
15046
.pricing_table_v2.pricing_table_v2_c .pricing_table_select {
15047
  padding: 32px 0;
15048
}
15049
.invoice_header {
15050
  height: 72px;
15051
  padding: 20px;
15052
  -webkit-box-sizing: border-box;
15053
  box-sizing: border-box;
15054
  margin: -16px -16px 24px;
15055
}
15056
.invoice_header > img {
15057
  max-height: 100%;
15058
  width: auto;
15059
}
15060
.invoice_header_active.md-card-toolbar {
15061
  border-bottom: none;
15062
}
15063
.invoice_footer {
15064
  border-top: 1px solid rgba(0, 0, 0, 0.12);
15065
  margin-top: 40px;
15066
  height: 64px;
15067
  padding: 8px;
15068
  font-size: 13px;
15069
  text-align: center;
15070
  -webkit-box-sizing: border-box;
15071
  box-sizing: border-box;
15072
  line-height: 20px;
15073
}
15074
.invoice_footer > span {
15075
  font-weight: 700;
15076
  font-size: 24px;
15077
  vertical-align: -4px;
15078
  padding: 0 8px;
15079
}
15080
.invoice_content {
15081
  position: relative;
15082
}
15083
.invoice_content address p + p {
15084
  margin-top: 0;
15085
}
15086
#tabs_search_content > li {
15087
  padding: 24px;
15088
}
15089
#tabs_search_content > li.full_height {
15090
  padding: 0;
15091
  height: 100%;
15092
}
15093
.map_search_wrapper {
15094
  position: relative;
15095
  padding-left: 320px;
15096
}
15097
@media only screen and (max-width: 767px) {
15098
  .map_search_wrapper {
15099
    padding-left: 0;
15100
  }
15101
}
15102
.map_search_wrapper .map_search_list_wrapper {
15103
  position: absolute;
15104
  left: 0;
15105
  top: 0;
15106
  bottom: 0;
15107
  width: 320px;
15108
  padding: 16px 0;
15109
  background: #fff;
15110
  -webkit-box-sizing: border-box;
15111
  box-sizing: border-box;
15112
  overflow-x: hidden;
15113
  overflow-y: auto;
15114
  -webkit-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.26);
15115
  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.26);
15116
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
15117
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
15118
  -webkit-transform: translate3d(0, 0, 0);
15119
  transform: translate3d(0, 0, 0);
15120
}
15121
@media only screen and (max-width: 767px) {
15122
  .map_search_wrapper .map_search_list_wrapper {
15123
    width: 240px;
15124
  }
15125
}
15126
.map_search_wrapper .map_search_list_wrapper .md-list li {
15127
  padding: 8px 16px;
15128
  border-bottom-color: rgba(0, 0, 0, 0.08);
15129
}
15130
.map_search_list_active.map_search_wrapper {
15131
  padding: 0;
15132
}
15133
.map_search_list_active.map_search_wrapper .map_search_list_wrapper {
15134
  -webkit-transform: translate3d(-340px, 0, 0);
15135
  transform: translate3d(-340px, 0, 0);
15136
}
15137
#map_search_list_toggle {
15138
  position: absolute;
15139
  left: 320px;
15140
  bottom: 50%;
15141
  margin-bottom: -20px;
15142
  width: 40px;
15143
  height: 40px;
15144
  border-radius: 0 8px 8px 0;
15145
  background: #fff;
15146
  display: block;
15147
  z-index: 1;
15148
  text-align: center;
15149
  padding-top: 8px;
15150
  -webkit-box-sizing: border-box;
15151
  box-sizing: border-box;
15152
  cursor: pointer;
15153
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
15154
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
15155
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
15156
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
15157
}
15158
@media only screen and (max-width: 767px) {
15159
  #map_search_list_toggle {
15160
    left: 240px;
15161
  }
15162
}
15163
.map_search_list_active #map_search_list_toggle {
15164
  left: 0;
15165
}
15166
.search_list {
15167
  margin: 0;
15168
  padding: 0;
15169
  list-style: none;
15170
}
15171
.search_list > li {
15172
  padding: 0;
15173
  margin: 0;
15174
  list-style: none;
15175
}
15176
.search_list_heading {
15177
  font: 400 18px / 22px "Roboto", sans-serif;
15178
  margin: 0 0 2px;
15179
}
15180
.search_list_link {
15181
  color: #7cb342;
15182
  display: block;
15183
  margin-bottom: 2px;
15184
}
15185
.search_list p {
15186
  margin: 0;
15187
  font-size: 13px;
15188
}
15189
.search_list li {
15190
  padding: 24px 0;
15191
}
15192
.search_list li:before,
15193
.search_list li:after {
15194
  content: " ";
15195
  display: table;
15196
}
15197
.search_list li:after {
15198
  clear: both;
15199
}
15200
.search_list li:before,
15201
.search_list li:after {
15202
  content: " ";
15203
  display: table;
15204
}
15205
.search_list li:after {
15206
  clear: both;
15207
}
15208
.search_list li + li {
15209
  border-top: 1px solid rgba(0, 0, 0, 0.08);
15210
}
15211
.search_list_thumb {
15212
  width: 100px;
15213
  height: 100px;
15214
  margin-right: 16px;
15215
  float: left;
15216
}
15217
@media only screen and (max-width: 767px) {
15218
  .search_list_thumb {
15219
    float: none !important;
15220
    width: auto;
15221
    margin: 0 0 16px !important;
15222
  }
15223
}
15224
.search_list_content {
15225
  overflow: hidden;
15226
}
15227
ol.questions,
15228
ul.answers,
15229
ul.responses,
15230
ol.questions li,
15231
ul.answers li,
15232
ul.responses li {
15233
  margin: 0;
15234
  padding: 0;
15235
  list-style-type: none;
15236
}
15237
.startQuiz,
15238
.nextQuestion,
15239
.backToQuestion,
15240
.questions li.question,
15241
.questions li.question .responses,
15242
.questions li.question .responses .correct,
15243
.questions li.question .responses .incorrect,
15244
.quizResults {
15245
  display: none;
15246
}
15247
.startQuiz {
15248
  margin-top: 40px;
15249
}
15250
.tryAgain {
15251
  float: none;
15252
  margin: 20px 0;
15253
}
15254
/* clearfix */
15255
.quizArea,
15256
.quizResults {
15257
  zoom: 1;
15258
}
15259
.quizArea:before,
15260
.quizArea:after,
15261
.quizResults:before,
15262
.quizResults:after {
15263
  content: "\0020";
15264
  display: block;
15265
  height: 0;
15266
  visibility: hidden;
15267
  font-size: 0;
15268
}
15269
.quizArea:after,
15270
.quizResults:after {
15271
  clear: both;
15272
}
15273
.questionCount {
15274
  font-size: 14px;
15275
  font-style: italic;
15276
}
15277
.questionCount span {
15278
  font-weight: bold;
15279
}
15280
ol.questions {
15281
  margin-top: 20px;
15282
}
15283
ol.questions .md-btn {
15284
  margin-left: 0 !important;
15285
}
15286
ul.responses li {
15287
  margin: 40px 0;
15288
}
15289
ul.responses li p span {
15290
  display: block;
15291
  font-weight: bold;
15292
  font-size: 22px;
15293
}
15294
.complete ul.answers li.correct,
15295
ul.responses li.correct p span {
15296
  color: #7cb342;
15297
}
15298
ul.responses li.incorrect p span {
15299
  color: #e53935;
15300
}
15301
ul.answers {
15302
  margin: 30px 0;
15303
}
15304
ul.answers > li {
15305
  margin: 14px 0 0 20px;
15306
}
15307
ul.answers > li label {
15308
  padding-left: 4px;
15309
}
15310
.quizResults h3 {
15311
  margin: 10px 0;
15312
  font-size: 20px;
15313
  font-weight: 700;
15314
}
15315
.quizResults h3 span {
15316
  font-weight: normal;
15317
  font-style: italic;
15318
}
15319
.quizResultsCopy {
15320
  clear: both;
15321
  margin-top: 20px;
15322
}
15323
.quizResultsCopy h5 {
15324
  border-top: 1px solid rgba(0, 0, 0, 0.12);
15325
  font-size: 18px;
15326
  margin: 20px 0 10px;
15327
  padding-top: 20px;
15328
}
15329
.quizResultsCopy p {
15330
  margin-top: 0;
15331
}
15332
.nextQuestion.checkAnswer {
15333
  display: block;
15334
}
15335
/* Accessibility */
15336
.quizName span:first-child {
15337
  border: 0;
15338
  clip: rect(0 0 0 0);
15339
  height: 1px;
15340
  margin: -1px;
15341
  overflow: hidden;
15342
  padding: 0;
15343
  position: absolute;
15344
  width: 1px;
15345
}
15346
/* 9. altair main styles ============================= */
15347
html {
15348
  height: 100%;
15349
  overflow-x: hidden;
15350
  overflow-y: auto;
15351
  -webkit-overflow-scrolling: touch;
15352
  background: #ececec;
15353
}
15354
body {
15355
  min-height: 100%;
15356
  font: 400 14px / 1.42857143 "Roboto", sans-serif;
15357
  padding-top: 48px;
15358
  -webkit-box-sizing: border-box;
15359
  box-sizing: border-box;
15360
}
15361
a,
15362
button {
15363
  outline: none !important;
15364
}
15365
a {
15366
  color: #1e88e5;
15367
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
15368
}
15369
a:hover,
15370
a:active {
15371
  color: #0d47a1;
15372
  text-decoration: none;
15373
}
15374
pre,
15375
code,
15376
code[class*="language-"],
15377
pre[class*="language-"] {
15378
  font: 400 12px / 18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
15379
  -webkit-box-sizing: border-box;
15380
  box-sizing: border-box;
15381
}
15382
pre[class*="language-"] {
15383
  -webkit-box-shadow: none;
15384
  box-shadow: none;
15385
  border: 1px solid rgba(0, 0, 0, 0.12);
15386
  padding: 0;
15387
}
15388
pre[class*="language-"]:before,
15389
pre[class*="language-"]:after {
15390
  display: none;
15391
}
15392
.line-numbers .line-numbers-rows {
15393
  border-right-color: rgba(0, 0, 0, 0.12);
15394
}
15395
:not(pre) > code,
15396
:not(pre) > kbd,
15397
:not(pre) > samp {
15398
  font: 400 12px / 18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
15399
  color: #d32f2f;
15400
}
15401
pre.large_code,
15402
code.large_code {
15403
  font: 400 14px / 24px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
15404
}
15405
.touchscroll {
15406
  overflow-y: auto !important;
15407
  -webkit-overflow-scrolling: touch;
15408
}
15409
.transform-origin-50 {
15410
  -webkit-transform-origin: 50% 50%;
15411
  transform-origin: 50% 50%;
15412
}
15413
blockquote {
15414
  border-left: 4px solid rgba(0, 0, 0, 0.085);
15415
}
15416
/* clearfix */
15417
.clearfix:before,
15418
.clearfix:after {
15419
  content: " ";
15420
  display: table;
15421
}
15422
.clearfix:after {
15423
  clear: both;
15424
}
15425
/* headings */
15426
h1,
15427
h2,
15428
h3,
15429
h4,
15430
h5,
15431
h6 {
15432
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
15433
  font-weight: 500;
15434
}
15435
.heading_a {
15436
  margin: 0;
15437
  font: 400 18px / 24px "Roboto", sans-serif;
15438
}
15439
.heading_a .sub-heading {
15440
  font-weight: 300;
15441
  font-size: 14px;
15442
  line-height: 18px;
15443
  display: block;
15444
  color: #727272;
15445
}
15446
.heading_b {
15447
  margin: 0;
15448
  font: 400 22px / 28px "Roboto", sans-serif;
15449
}
15450
.heading_b .sub-heading {
15451
  font-weight: 300;
15452
  font-size: 16px;
15453
  line-height: 20px;
15454
  display: block;
15455
  color: #727272;
15456
}
15457
.heading_c {
15458
  margin: 0;
15459
  font: 400 16px / 20px "Roboto", sans-serif;
15460
}
15461
.heading_c .sub-heading {
15462
  font-weight: 300;
15463
  font-size: 13px;
15464
  line-height: 20px;
15465
  display: block;
15466
  color: #727272;
15467
}
15468
.heading_list {
15469
  color: #727272;
15470
  font: 500 13px / 16px "Roboto", sans-serif;
15471
  padding: 0 16px;
15472
  margin: 0 0 16px;
15473
}
15474
.heading_a + .uk-grid,
15475
.heading_b + .uk-grid,
15476
.heading_c + .uk-grid,
15477
.heading_list + .uk-grid {
15478
  margin-top: 24px;
15479
}
15480
.uk-grid + .heading_a,
15481
.uk-grid + .heading_b,
15482
.uk-grid + .heading_c,
15483
.uk-grid + .heading_list {
15484
  margin-top: 24px;
15485
}
15486
/* uikit extend */
15487
.uk-text-large {
15488
  font-size: 16px;
15489
  font-weight: 400;
15490
  margin: 0 0 16px;
15491
}
15492
* > .uk-text-large {
15493
  margin-top: 16px;
15494
}
15495
.uk-text-small {
15496
  font-size: 12px !important;
15497
}
15498
.uk-text-upper {
15499
  text-transform: uppercase;
15500
}
15501
.uk-text-italic {
15502
  font-style: italic;
15503
}
15504
.uk-text-del {
15505
  text-decoration: line-through;
15506
}
15507
.uk-table.no-border td,
15508
.uk-table .no-border td {
15509
  border-bottom: none;
15510
}
15511
.uk-table .row-selected {
15512
  background: #fff8e1 !important;
15513
}
15514
.uk-table [data-link] {
15515
  cursor: pointer;
15516
}
15517
.uk-text-pre {
15518
  white-space: pre;
15519
}
15520
.table_tree {
15521
  margin-bottom: 4px !important;
15522
}
15523
.table_tree .table-child-row {
15524
  display: none;
15525
}
15526
.table_tree .toggle-childrens {
15527
  display: block;
15528
  padding-left: 24px;
15529
  position: relative;
15530
}
15531
.table_tree .toggle-childrens:before {
15532
  content: '\e313';
15533
  font-family: "Material Icons";
15534
  font-size: 28px;
15535
  position: absolute;
15536
  left: -6px;
15537
  top: -10px;
15538
  color: #727272;
15539
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
15540
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
15541
  -webkit-transform: rotate(0deg);
15542
  transform: rotate(0deg);
15543
}
15544
.table_tree .table-child-row {
15545
  display: table-row;
15546
}
15547
.table_tree .table-child-row .child-row-main-col {
15548
  padding-left: 40px;
15549
}
15550
.table_tree .show_child_row .toggle-childrens:before {
15551
  -webkit-transform: rotate(-90deg);
15552
  transform: rotate(-90deg);
15553
}
15554
/* custom styles */
15555
address {
15556
  margin: 0;
15557
}
15558
address p {
15559
  margin: 0;
15560
}
15561
address p + p {
15562
  margin-top: 4px;
15563
}
15564
.grid-block {
15565
  border-width: 1px 0;
15566
  border-style: solid;
15567
  border-color: rgba(0, 0, 0, 0.12);
15568
  background: rgba(179, 179, 179, 0.085);
15569
  padding: 48px 0;
15570
}
15571
.inline-list {
15572
  margin: 0;
15573
  padding: 0;
15574
  list-style: none;
15575
  overflow: hidden;
15576
}
15577
.inline-list > li {
15578
  padding: 0;
15579
  margin: 0;
15580
  list-style: none;
15581
}
15582
.inline-list li {
15583
  float: left;
15584
  margin: 0 8px 8px 0;
15585
  height: 32px;
15586
  width: 32px;
15587
  line-height: 32px;
15588
  text-align: center;
15589
  background: rgba(102, 102, 102, 0.085);
15590
}
15591
.img_thumb {
15592
  width: 80px;
15593
  max-width: 100%;
15594
  height: auto;
15595
}
15596
.img_thumb.square {
15597
  height: 80px;
15598
}
15599
.img_small {
15600
  width: 120px;
15601
  max-width: 100%;
15602
  height: auto;
15603
}
15604
.img_small.square {
15605
  height: 120px;
15606
}
15607
.img_medium {
15608
  width: 240px;
15609
  max-width: 100%;
15610
  height: auto;
15611
}
15612
.img_medium.square {
15613
  height: 240px;
15614
}
15615
.img_large {
15616
  width: 400px;
15617
  max-width: 100%;
15618
  height: auto;
15619
}
15620
.img_large.square {
15621
  height: 400px;
15622
}
15623
/* forms */
15624
.inline-label {
15625
  padding-left: 4px;
15626
  cursor: pointer;
15627
  vertical-align: -1px;
15628
}
15629
.form_hr {
15630
  border-top: 1px dashed rgba(0, 0, 0, 0.12);
15631
  margin: 32px 0 16px;
15632
}
15633
/* layout */
15634
#page_content:before {
15635
  content: '';
15636
  position: fixed;
15637
  left: 0;
15638
  top: 0;
15639
  right: 0;
15640
  bottom: 0;
15641
  background: rgba(0, 0, 0, 0.3);
15642
  display: block;
15643
  opacity: 0;
15644
  -webkit-transition: opacity 400ms;
15645
  transition: opacity 400ms;
15646
  z-index: -1;
15647
}
15648
#page_content_inner {
15649
  padding: 24px 24px 100px;
15650
}
15651
#page_overflow {
15652
  min-height: 100%;
15653
  overflow-y: auto;
15654
}
15655
@media only screen and (min-width: 1220px) {
15656
  .boxed_layout #page_content {
15657
    max-width: 1220px;
15658
    margin: 0 auto !important;
15659
  }
15660
  .boxed_layout .uk-width-large-8-10.uk-container-center {
15661
    width: 100%;
15662
  }
15663
  .boxed_layout.sidebar_main_open #page_content,
15664
  .boxed_layout.sidebar_main_active #page_content {
15665
    padding-left: 240px;
15666
  }
15667
  .boxed_layout .md-top-bar {
15668
    max-width: 1172px;
15669
    margin: 0 auto;
15670
  }
15671
  .boxed_layout #page_heading {
15672
    border-width: 0 1px 1px;
15673
    border-style: solid;
15674
    border-color: rgba(0, 0, 0, 0.12);
15675
    -webkit-box-sizing: border-box;
15676
    box-sizing: border-box;
15677
  }
15678
}
15679
.disable_transitions #sidebar_main,
15680
.disable_transitions #page_content,
15681
.disable_transitions #header_main,
15682
.disable_transitions #top_bar,
15683
.disable_transitions #header_main .sSwitch .sSwitchIcon,
15684
.disable_transitions #header_main .sSwitch .sSwitchIcon:before,
15685
.disable_transitions #header_main .sSwitch .sSwitchIcon:after {
15686
  -webkit-transition: none !important;
15687
  transition: none !important;
15688
}
15689
/* 10. print styles ================================== */
15690
/* print stylesheet */
15691
@media print {
15692
  *,
15693
  *:before,
15694
  *:after {
15695
    background: transparent !important;
15696
    color: #000 !important;
15697
    -webkit-box-shadow: none !important;
15698
    box-shadow: none !important;
15699
    text-shadow: none !important;
15700
  }
15701
  a,
15702
  a:visited {
15703
    text-decoration: underline;
15704
  }
15705
  a[href]:after {
15706
    content: " (" attr(href) ")";
15707
  }
15708
  abbr[title]:after {
15709
    content: " (" attr(title) ")";
15710
  }
15711
  a[href^="#"]:after,
15712
  a[href^="javascript:"]:after {
15713
    content: "";
15714
  }
15715
  pre,
15716
  blockquote {
15717
    border: 1px solid #999;
15718
    page-break-inside: avoid;
15719
  }
15720
  thead {
15721
    display: table-header-group;
15722
  }
15723
  tr,
15724
  img {
15725
    page-break-inside: avoid;
15726
  }
15727
  img {
15728
    max-width: 100% !important;
15729
  }
15730
  p,
15731
  h2,
15732
  h3 {
15733
    orphans: 3;
15734
    widows: 3;
15735
  }
15736
  h2,
15737
  h3 {
15738
    page-break-after: avoid;
15739
  }
15740
  .uk-table {
15741
    border-collapse: collapse !important;
15742
  }
15743
  .uk-table td,
15744
  .uk-table th {
15745
    background-color: #fff !important;
15746
  }
15747
  .uk-table-bordered th,
15748
  .uk-table-bordered td {
15749
    border: 1px solid #ddd !important;
15750
  }
15751
  #sidebar_main,
15752
  #sidebar_secondary,
15753
  #header_main,
15754
  #style_switcher,
15755
  .header_double_height:before,
15756
  .hidden-print,
15757
  .md-fab-wrapper {
15758
    display: none !important;
15759
    width: 0 !important;
15760
    height: 0 !important;
15761
    overflow: hidden !important;
15762
    margin: 0 !important;
15763
    left: 0 !important;
15764
  }
15765
  .sidebar_main_active #header_main,
15766
  .sidebar_main_active #top_bar {
15767
    display: none !important;
15768
    left: 0 !important;
15769
  }
15770
  body {
15771
    overflow-y: visible !important;
15772
    background: #fff;
15773
    padding: 20px !important;
15774
  }
15775
  body:after {
15776
    content: '';
15777
    position: fixed;
15778
    top: 0;
15779
    left: 0;
15780
    right: 0;
15781
    bottom: 0;
15782
    background: #fff;
15783
    display: block;
15784
    z-index: 9999;
15785
  }
15786
  #sidebar_main {
15787
    left: -240px !important;
15788
  }
15789
  .main-print {
15790
    padding: 0 !important;
15791
    margin: 0 !important;
15792
    width: 100% !important;
15793
    left: 0 !important;
15794
    top: 0 !important;
15795
  }
15796
  .md-card-single {
15797
    margin: 0 !important;
15798
  }
15799
  #page_content {
15800
    margin: 0 !important;
15801
    overflow-y: visible !important;
15802
    height: auto !important;
15803
    -webkit-transition: none !important;
15804
    transition: none !important;
15805
  }
15806
  #page_content:before {
15807
    display: none !important;
15808
  }
15809
  .print_bg,
15810
  .print_bg > * {
15811
    -webkit-print-color-adjust: exact;
15812
  }
15813
  .reset-print {
15814
    left: 0 !important;
15815
    right: 0 !important;
15816
    margin: 0 !important;
15817
    padding: 0 !important;
15818
    width: 100% !important;
15819
  }
15820
  .md-card-content {
15821
    height: auto !important;
15822
  }
15823
}
15824

    
15825
/*# sourceMappingURL=main.css.map */
(9-9/16)