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 "Open Sans";
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 "Open Sans";
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 "Open Sans";
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: 336px;
2080
  }
2081
  .sidebar_main_active .uk-notify-top-center,
2082
  .sidebar_main_open .uk-notify-top-center {
2083
    margin-left: -40px;
2084
  }
2085
  .sidebar_main_active .uk-notify-bottom-left,
2086
  .sidebar_main_open .uk-notify-bottom-left {
2087
    left: 336px;
2088
  }
2089
  .sidebar_main_active .uk-notify-bottom-center,
2090
  .sidebar_main_open .uk-notify-bottom-center {
2091
    margin-left: -40px;
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: 136px !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: 136px;
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 "Open Sans" !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 "Open Sans";
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 "Open Sans";
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 "Open Sans";
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 "Open Sans";
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 "Open Sans";
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 "Open Sans";
6253
}
6254
.md-card.md-card-overlay .md-card-overlay-header h4 {
6255
  font: 500 14px / 30px "Open Sans";
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 "Open Sans";
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 "Open Sans";
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
    @import "plugins/_prism";*/
8338
.scroll-wrapper {
8339
  overflow: hidden !important;
8340
  padding: 0 !important;
8341
  position: relative;
8342
}
8343
.scroll-wrapper > .scroll-content {
8344
  border: none !important;
8345
  -webkit-box-sizing: content-box !important;
8346
  box-sizing: content-box !important;
8347
  height: auto;
8348
  left: 0;
8349
  margin: 0;
8350
  max-height: none;
8351
  max-width: none !important;
8352
  overflow-y: scroll !important;
8353
  overflow-x: hidden !important;
8354
  padding: 0;
8355
  position: relative !important;
8356
  top: 0;
8357
  width: auto !important;
8358
}
8359
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
8360
  height: 0;
8361
  width: 0;
8362
}
8363
.scroll-element {
8364
  display: none;
8365
}
8366
.scroll-element,
8367
.scroll-element div {
8368
  -webkit-box-sizing: content-box;
8369
  box-sizing: content-box;
8370
}
8371
.scroll-element.scroll-x.scroll-scrollx_visible,
8372
.scroll-element.scroll-y.scroll-scrolly_visible {
8373
  display: block;
8374
}
8375
.scroll-element .scroll-bar,
8376
.scroll-element .scroll-arrow {
8377
  cursor: default;
8378
}
8379
.scroll-textarea > .scroll-content {
8380
  overflow: hidden !important;
8381
}
8382
.scroll-textarea > .scroll-content > textarea {
8383
  border: none !important;
8384
  -webkit-box-sizing: border-box;
8385
  box-sizing: border-box;
8386
  height: 100% !important;
8387
  margin: 0;
8388
  max-height: none !important;
8389
  max-width: none !important;
8390
  overflow: scroll !important;
8391
  outline: none;
8392
  padding: 2px;
8393
  position: relative !important;
8394
  top: 0;
8395
  width: 100% !important;
8396
}
8397
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
8398
  height: 0;
8399
  width: 0;
8400
}
8401
.scrollbar-inner {
8402
  height: 100% !important;
8403
  max-height: 100%;
8404
  overflow-y: auto;
8405
}
8406
.scrollbar-inner > .scroll-element,
8407
.scrollbar-inner > .scroll-element div {
8408
  background: none;
8409
  border: none;
8410
  margin: 0;
8411
  padding: 0;
8412
  position: absolute;
8413
  z-index: 10;
8414
}
8415
.scrollbar-inner > .scroll-element div {
8416
  display: block;
8417
  height: 100%;
8418
  left: 0;
8419
  top: 0;
8420
  width: 100%;
8421
}
8422
.scrollbar-inner > .scroll-element .scroll-element_track {
8423
  display: none;
8424
}
8425
.scrollbar-inner > .scroll-element .scroll-bar {
8426
  background-color: #6C6E71;
8427
  display: block;
8428
  opacity: 0;
8429
  border-radius: 6px;
8430
  -webkit-transition: opacity 0.2s linear;
8431
  transition: opacity 0.2s linear;
8432
}
8433
.scrollbar-inner > .scroll-element.scroll-x {
8434
  bottom: 0;
8435
  height: 0;
8436
  left: 0;
8437
  min-width: 100%;
8438
  overflow: visible;
8439
  width: 100%;
8440
}
8441
.scrollbar-inner > .scroll-element.scroll-x .scroll-bar {
8442
  height: 7px;
8443
  min-width: 10px;
8444
  top: -9px;
8445
}
8446
.scrollbar-inner > .scroll-element.scroll-x .scroll-element_outer {
8447
  left: 2px;
8448
}
8449
.scrollbar-inner > .scroll-element.scroll-x .scroll-element_size {
8450
  left: -4px;
8451
}
8452
.scrollbar-inner > .scroll-element.scroll-y {
8453
  height: 100%;
8454
  min-height: 100%;
8455
  right: 0;
8456
  top: 0;
8457
  width: 0;
8458
}
8459
.scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
8460
  left: -8px;
8461
  min-height: 10px;
8462
  width: 6px;
8463
}
8464
.scrollbar-inner > .scroll-element.scroll-y .scroll-element_outer {
8465
  top: 2px;
8466
}
8467
.scrollbar-inner > .scroll-element.scroll-y .scroll-element_size {
8468
  top: -4px;
8469
}
8470
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
8471
  left: -11px;
8472
}
8473
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
8474
  top: -11px;
8475
}
8476
.scrollbar-inner:hover > .scroll-element .scroll-bar,
8477
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
8478
  opacity: 0.7;
8479
}
8480
.sidebar_mini #sidebar_main .scrollbar-inner > .scroll-element.scroll-y {
8481
  right: auto;
8482
  left: 0;
8483
}
8484
.sidebar_mini #sidebar_main .scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
8485
  left: 2px;
8486
}
8487
/*    // selectize
8488
    @import "plugins/_selectize";*/
8489
/* codemirror */
8490
#code_editor_close {
8491
  display: none;
8492
}
8493
.CodeMirror pre {
8494
  font-size: 14px !important;
8495
  line-height: 20px !important;
8496
}
8497
.CodeMirror div.CodeMirror-cursor {
8498
  min-height: 20px;
8499
}
8500
.CodeMirror-fullscreen {
8501
  position: fixed;
8502
  top: 0;
8503
  left: 0;
8504
  right: 0;
8505
  bottom: 0;
8506
  height: auto;
8507
}
8508
.CodeMirror-fullscreen #code_editor_close {
8509
  position: absolute;
8510
  top: 10px;
8511
  right: 10px;
8512
  display: block;
8513
}
8514
.CodeMirror_textarea {
8515
  visibility: hidden;
8516
}
8517
.uk-notouch #code_editor_close {
8518
  right: 30px !important;
8519
}
8520
.md-card-CodeMirror .md-card-content form,
8521
.md-card-CodeMirror .md-card-content form .CodeMirror {
8522
  height: 100%;
8523
}
8524
body.CodeMirror-fullscreen-active #header_main,
8525
body.CodeMirror-fullscreen-active #sidebar_main,
8526
body.CodeMirror-fullscreen-active #style_switcher {
8527
  display: none;
8528
}
8529
body.CodeMirror-fullscreen-active .md-card-CodeMirror {
8530
  z-index: 1154;
8531
}
8532
body.CodeMirror-fullscreen-active .CodeMirror-fullscreen {
8533
  z-index: 1154;
8534
}
8535
body.CodeMirror-fullscreen-active .CodeMirror-fullscreen #code_editor_close {
8536
  z-index: 1155;
8537
}
8538
/* switchery */
8539
.switchery {
8540
  background-color: #fff;
8541
  border-radius: 20px;
8542
  cursor: pointer;
8543
  display: inline-block;
8544
  height: 14px;
8545
  position: relative;
8546
  vertical-align: middle;
8547
  width: 38px;
8548
  -webkit-user-select: none;
8549
  -moz-user-select: none;
8550
  -ms-user-select: none;
8551
  user-select: none;
8552
  -webkit-box-sizing: content-box;
8553
  box-sizing: content-box;
8554
  background-clip: content-box;
8555
  -webkit-transition: background-color 800ms ease-out !important;
8556
  transition: background-color 800ms ease-out !important;
8557
  -webkit-box-shadow: none !important;
8558
  box-shadow: none !important;
8559
  margin: 6px 2px;
8560
}
8561
.switchery > small {
8562
  background: #fff;
8563
  border-radius: 50%;
8564
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
8565
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
8566
  height: 20px;
8567
  position: absolute;
8568
  top: 0;
8569
  width: 20px;
8570
  margin-top: -3px;
8571
  -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
8572
  transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
8573
}
8574
.switchery-small {
8575
  width: 32px;
8576
  height: 9px;
8577
  margin: 4px 1px;
8578
}
8579
.switchery-small > small {
8580
  height: 16px;
8581
  width: 16px;
8582
  top: -1px;
8583
}
8584
.switchery-large {
8585
  width: 48px;
8586
}
8587
.switchery-large > small {
8588
  height: 24px;
8589
  width: 24px;
8590
  top: -3px;
8591
}
8592
/* Ion.RangeSlider, Modern Skin */
8593
.irs {
8594
  position: relative;
8595
  display: block;
8596
  -webkit-touch-callout: none;
8597
  -webkit-user-select: none;
8598
  -moz-user-select: none;
8599
  -ms-user-select: none;
8600
  user-select: none;
8601
  height: 55px;
8602
}
8603
.tablesorter .irs {
8604
  height: 42px;
8605
}
8606
.irs-line {
8607
  height: 2px;
8608
  top: 33px;
8609
  background: #EEE;
8610
  position: relative;
8611
  display: block;
8612
  overflow: hidden;
8613
  outline: none !important;
8614
}
8615
.irs-line-left,
8616
.irs-line-mid,
8617
.irs-line-right {
8618
  position: absolute;
8619
  display: block;
8620
  top: 0;
8621
}
8622
.irs-line-left {
8623
  height: 8px;
8624
  left: 0;
8625
  width: 11%;
8626
}
8627
.irs-line-mid {
8628
  height: 8px;
8629
  left: 9%;
8630
  width: 82%;
8631
}
8632
.irs-line-right {
8633
  height: 8px;
8634
  right: 0;
8635
  width: 11%;
8636
}
8637
.irs-bar {
8638
  height: 2px;
8639
  top: 33px;
8640
  background: #009688;
8641
  position: absolute;
8642
  display: block;
8643
  left: 0;
8644
  width: 0;
8645
}
8646
.irs-bar-edge {
8647
  height: 2px;
8648
  width: 6px;
8649
  border-right: 0;
8650
  background: #009688;
8651
  position: absolute;
8652
  display: block;
8653
  top: 33px;
8654
  left: 0;
8655
}
8656
.irs-shadow {
8657
  height: 4px;
8658
  top: 32px;
8659
  background: #000;
8660
  opacity: 0.4;
8661
  position: absolute;
8662
  display: none;
8663
  left: 0;
8664
  width: 0;
8665
}
8666
.irs-slider {
8667
  top: 28px;
8668
  width: 12px;
8669
  height: 12px;
8670
  background: #009688;
8671
  border-radius: 50%;
8672
  cursor: pointer;
8673
  position: absolute;
8674
  display: block;
8675
  z-index: 1;
8676
}
8677
.irs-slider.state_hover,
8678
.irs-slider:hover {
8679
  background: #009688;
8680
}
8681
.irs-slider.type_last {
8682
  z-index: 2;
8683
}
8684
.irs-min,
8685
.irs-max {
8686
  color: #727272;
8687
  font-size: 12px;
8688
  line-height: 16px;
8689
  text-shadow: none;
8690
  top: 0;
8691
  padding: 1px 4px;
8692
  background: rgba(0, 0, 0, 0.08);
8693
  border-radius: 2px;
8694
  display: block;
8695
  cursor: default;
8696
  position: absolute;
8697
}
8698
.irs-min {
8699
  left: 0;
8700
}
8701
.irs-max {
8702
  right: 0;
8703
}
8704
.irs-from,
8705
.irs-to,
8706
.irs-single {
8707
  color: #fff;
8708
  font-size: 12px;
8709
  line-height: 16px;
8710
  text-shadow: none;
8711
  padding: 1px 4px;
8712
  background: #009688;
8713
  border-radius: 2px;
8714
  position: absolute;
8715
  display: block;
8716
  top: 0;
8717
  left: 0;
8718
  cursor: default;
8719
  white-space: nowrap;
8720
  z-index: 10;
8721
}
8722
.irs-from:after,
8723
.irs-to:after,
8724
.irs-single:after {
8725
  content: '';
8726
  position: absolute;
8727
  bottom: -8px;
8728
  left: 50%;
8729
  margin-left: -4px;
8730
  display: block;
8731
  border: 4px solid transparent;
8732
  border-top-color: #009688;
8733
}
8734
.irs-with-grid {
8735
  height: 65px;
8736
}
8737
.irs-grid {
8738
  position: absolute;
8739
  display: none;
8740
  bottom: 0;
8741
  left: 0;
8742
  width: 100%;
8743
  height: 20px;
8744
}
8745
.irs-grid-pol {
8746
  opacity: 0.5;
8747
  position: absolute;
8748
  top: 0;
8749
  left: 0;
8750
  width: 1px;
8751
  height: 8px;
8752
  background: #727272;
8753
}
8754
.irs-grid-pol.small {
8755
  background: #727272;
8756
  height: 4px;
8757
}
8758
.irs-grid-text {
8759
  position: absolute;
8760
  bottom: 0;
8761
  left: 0;
8762
  white-space: nowrap;
8763
  text-align: center;
8764
  font-size: 9px;
8765
  line-height: 9px;
8766
  padding: 0 3px;
8767
  color: #727272;
8768
}
8769
.irs-with-grid .irs-grid {
8770
  display: block;
8771
}
8772
.irs-disable-mask {
8773
  position: absolute;
8774
  display: block;
8775
  top: 0;
8776
  left: -1%;
8777
  width: 102%;
8778
  height: 100%;
8779
  cursor: default;
8780
  background: rgba(0, 0, 0, 0);
8781
  z-index: 2;
8782
}
8783
.irs-disabled {
8784
  opacity: 0.4;
8785
}
8786
.irs-hidden-input {
8787
  position: absolute !important;
8788
  display: block !important;
8789
  top: 0 !important;
8790
  left: 0 !important;
8791
  width: 0 !important;
8792
  height: 0 !important;
8793
  font-size: 0 !important;
8794
  line-height: 0 !important;
8795
  padding: 0 !important;
8796
  margin: 0 !important;
8797
  outline: none !important;
8798
  z-index: -9999 !important;
8799
  background: none !important;
8800
  border-style: solid !important;
8801
  border-color: transparent !important;
8802
}
8803
.lt-ie9 .irs-shadow {
8804
  filter: alpha(opacity=30);
8805
}
8806
.lt-ie9 .irs-min,
8807
.lt-ie9 .irs-max {
8808
  background: #ccc;
8809
}
8810
.lt-ie9 .irs-from,
8811
.lt-ie9 .irs-to,
8812
.lt-ie9 .irs-single {
8813
  background: #999;
8814
}
8815
.lt-ie9 .irs-disable-mask {
8816
  background: #000;
8817
  filter: alpha(opacity=0);
8818
  cursor: not-allowed;
8819
}
8820
.parsley-errors-list {
8821
  color: #e53935;
8822
  margin-top: 0;
8823
}
8824
.parsley-errors-list span {
8825
  display: block;
8826
  padding-top: 4px;
8827
}
8828
/* datatables */
8829
.dataTables_wrapper .uk-table {
8830
  margin: 0 auto;
8831
  border-spacing: 0;
8832
}
8833
.dataTables_wrapper .uk-table thead .sorting,
8834
.dataTables_wrapper .uk-table thead .sorting_asc,
8835
.dataTables_wrapper .uk-table thead .sorting_desc {
8836
  cursor: pointer;
8837
  padding-right: 24px;
8838
}
8839
.dataTables_wrapper .uk-table thead .sorting,
8840
.dataTables_wrapper .uk-table thead .sorting_asc,
8841
.dataTables_wrapper .uk-table thead .sorting_desc,
8842
.dataTables_wrapper .uk-table thead .sorting_asc_disabled,
8843
.dataTables_wrapper .uk-table thead .sorting_desc_disabled {
8844
  position: relative;
8845
}
8846
.dataTables_wrapper .uk-table thead .sorting:after,
8847
.dataTables_wrapper .uk-table thead .sorting_asc:after,
8848
.dataTables_wrapper .uk-table thead .sorting_desc:after,
8849
.dataTables_wrapper .uk-table thead .sorting_asc_disabled:after,
8850
.dataTables_wrapper .uk-table thead .sorting_desc_disabled:after {
8851
  position: absolute;
8852
  right: 4px;
8853
  bottom: 13px;
8854
  content: '';
8855
  display: block;
8856
  width: 18px;
8857
  height: 18px;
8858
  font-size: 18px;
8859
  font-family: "Material Icons";
8860
  color: #212121;
8861
}
8862
.dataTables_wrapper .uk-table thead .sorting:after {
8863
  content: '\e164';
8864
  color: #aaa;
8865
}
8866
.dataTables_wrapper .uk-table thead .sorting_asc:after {
8867
  content: '\e313';
8868
}
8869
.dataTables_wrapper .uk-table thead .sorting_desc:after {
8870
  content: '\e316';
8871
}
8872
.dataTables_wrapper .uk-table thead .sorting_asc_disabled:after {
8873
  content: '\e313';
8874
  color: #aaa;
8875
}
8876
.dataTables_wrapper .uk-table thead .sorting_desc_disabled:after {
8877
  content: '\e316';
8878
  color: #aaa;
8879
}
8880
.dataTables_wrapper .uk-table,
8881
.dataTables_wrapper .uk-table th,
8882
.dataTables_wrapper .uk-table td {
8883
  -webkit-box-sizing: content-box;
8884
  box-sizing: content-box;
8885
}
8886
.dataTables_wrapper .uk-table:active,
8887
.dataTables_wrapper .uk-table th:active,
8888
.dataTables_wrapper .uk-table td:active {
8889
  outline: none;
8890
}
8891
.dataTables_wrapper .uk-table tbody tr.selected {
8892
  background-color: rgba(102, 102, 102, 0.085);
8893
}
8894
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_1,
8895
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_2,
8896
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_3,
8897
.dataTables_wrapper .uk-table tbody tr > .sorting_1,
8898
.dataTables_wrapper .uk-table tbody tr > .sorting_2,
8899
.dataTables_wrapper .uk-table tbody tr > .sorting_3 {
8900
  background-color: rgba(102, 102, 102, 0.085);
8901
}
8902
.dataTables_wrapper .uk-table.nowrap th,
8903
.dataTables_wrapper .uk-table.nowrap td {
8904
  white-space: nowrap;
8905
}
8906
.dataTables_wrapper .uk-table.compact thead th,
8907
.dataTables_wrapper .uk-table.compact thead td {
8908
  padding: 4px 17px 4px 4px;
8909
}
8910
.dataTables_wrapper .uk-table.compact tfoot th,
8911
.dataTables_wrapper .uk-table.compact tfoot td {
8912
  padding: 4px;
8913
}
8914
.dataTables_wrapper .uk-table.compact tbody th,
8915
.dataTables_wrapper .uk-table.compact tbody td {
8916
  padding: 4px;
8917
}
8918
.dataTables_wrapper .uk-table th.dt-left,
8919
.dataTables_wrapper .uk-table td.dt-left {
8920
  text-align: left;
8921
}
8922
.dataTables_wrapper .uk-table th.dt-center,
8923
.dataTables_wrapper .uk-table td.dt-center,
8924
.dataTables_wrapper .uk-table td.dataTables_empty {
8925
  text-align: center;
8926
}
8927
.dataTables_wrapper .uk-table th.dt-right,
8928
.dataTables_wrapper .uk-table td.dt-right {
8929
  text-align: right;
8930
}
8931
.dataTables_wrapper .uk-table th.dt-justify,
8932
.dataTables_wrapper .uk-table td.dt-justify {
8933
  text-align: justify;
8934
}
8935
.dataTables_wrapper .uk-table th.dt-nowrap,
8936
.dataTables_wrapper .uk-table td.dt-nowrap {
8937
  white-space: nowrap;
8938
}
8939
.dataTables_wrapper .uk-table thead th.dt-head-left,
8940
.dataTables_wrapper .uk-table thead td.dt-head-left,
8941
.dataTables_wrapper .uk-table tfoot th.dt-head-left,
8942
.dataTables_wrapper .uk-table tfoot td.dt-head-left {
8943
  text-align: left;
8944
}
8945
.dataTables_wrapper .uk-table thead th.dt-head-center,
8946
.dataTables_wrapper .uk-table thead td.dt-head-center,
8947
.dataTables_wrapper .uk-table tfoot th.dt-head-center,
8948
.dataTables_wrapper .uk-table tfoot td.dt-head-center {
8949
  text-align: center;
8950
}
8951
.dataTables_wrapper .uk-table thead th.dt-head-right,
8952
.dataTables_wrapper .uk-table thead td.dt-head-right,
8953
.dataTables_wrapper .uk-table tfoot th.dt-head-right,
8954
.dataTables_wrapper .uk-table tfoot td.dt-head-right {
8955
  text-align: right;
8956
}
8957
.dataTables_wrapper .uk-table thead th.dt-head-justify,
8958
.dataTables_wrapper .uk-table thead td.dt-head-justify,
8959
.dataTables_wrapper .uk-table tfoot th.dt-head-justify,
8960
.dataTables_wrapper .uk-table tfoot td.dt-head-justify {
8961
  text-align: justify;
8962
}
8963
.dataTables_wrapper .uk-table thead th.dt-head-nowrap,
8964
.dataTables_wrapper .uk-table thead td.dt-head-nowrap,
8965
.dataTables_wrapper .uk-table tfoot th.dt-head-nowrap,
8966
.dataTables_wrapper .uk-table tfoot td.dt-head-nowrap {
8967
  white-space: nowrap;
8968
}
8969
.dataTables_wrapper .uk-table tbody th.dt-body-left,
8970
.dataTables_wrapper .uk-table tbody td.dt-body-left {
8971
  text-align: left;
8972
}
8973
.dataTables_wrapper .uk-table tbody th.dt-body-center,
8974
.dataTables_wrapper .uk-table tbody td.dt-body-center {
8975
  text-align: center;
8976
}
8977
.dataTables_wrapper .uk-table tbody th.dt-body-right,
8978
.dataTables_wrapper .uk-table tbody td.dt-body-right {
8979
  text-align: right;
8980
}
8981
.dataTables_wrapper .uk-table tbody th.dt-body-justify,
8982
.dataTables_wrapper .uk-table tbody td.dt-body-justify {
8983
  text-align: justify;
8984
}
8985
.dataTables_wrapper .uk-table tbody th.dt-body-nowrap,
8986
.dataTables_wrapper .uk-table tbody td.dt-body-nowrap {
8987
  white-space: nowrap;
8988
}
8989
.dataTables_wrapper .uk-table tfoot .md-input-wrapper {
8990
  padding-top: 0;
8991
}
8992
.dataTables_wrapper .uk-table tfoot .md-input-wrapper .md-input {
8993
  padding: 8px 4px;
8994
}
8995
.dataTables_wrapper .dataTables_length {
8996
  margin-top: -1px;
8997
}
8998
.dataTables_wrapper .dataTables_filter .md-input-wrapper {
8999
  padding-top: 3px;
9000
}
9001
.dataTables_wrapper .dataTables_filter .md-input-wrapper .md-input {
9002
  padding: 6px 4px;
9003
  -webkit-appearance: none;
9004
  border-radius: 0;
9005
}
9006
.dataTables_wrapper .selectize-control.dt-selectize {
9007
  min-width: 64px;
9008
  display: inline-block;
9009
  vertical-align: middle;
9010
  margin: 0 8px;
9011
  height: 40px;
9012
}
9013
.dataTables_wrapper .selectize-control.dt-selectize .selectize-input {
9014
  border-color: transparent;
9015
  background: transparent;
9016
}
9017
.dataTables_wrapper .selectize-control.dt-selectize:hover .selectize-input {
9018
  border-color: rgba(0, 0, 0, 0.12);
9019
  background: #fff;
9020
}
9021
.dataTables_wrapper .dt-uikit-header {
9022
  padding: 4px 8px;
9023
  margin-bottom: 16px;
9024
}
9025
.dataTables_wrapper .dt-uikit-footer {
9026
  padding: 4px 8px;
9027
  margin-top: 16px;
9028
}
9029
.dataTables_wrapper .dt-uikit-footer .dataTables_info {
9030
  padding-top: 8px;
9031
  color: #727272;
9032
  font-size: 12px;
9033
}
9034
@media only screen and (max-width: 767px) {
9035
  .dataTables_wrapper .dt-uikit-footer .dataTables_info {
9036
    text-align: center;
9037
  }
9038
}
9039
.dataTables_wrapper .dt-uikit-footer .uk-pagination {
9040
  text-align: right;
9041
}
9042
@media only screen and (max-width: 767px) {
9043
  .dataTables_wrapper .dt-uikit-footer .uk-pagination {
9044
    margin-top: 16px;
9045
    text-align: center;
9046
  }
9047
}
9048
.dataTables_wrapper .uk-overflow-container th,
9049
.dataTables_wrapper .uk-overflow-container td {
9050
  white-space: nowrap !important;
9051
}
9052
/* plugins */
9053
.dt_colVis_buttons {
9054
  margin-bottom: 8px;
9055
}
9056
.dt_colVis_buttons:before,
9057
.dt_colVis_buttons:after {
9058
  content: " ";
9059
  display: table;
9060
}
9061
.dt_colVis_buttons:after {
9062
  clear: both;
9063
}
9064
.dt_colVis_buttons:before,
9065
.dt_colVis_buttons:after {
9066
  content: " ";
9067
  display: table;
9068
}
9069
.dt_colVis_buttons:after {
9070
  clear: both;
9071
}
9072
div.dt-button-info {
9073
  position: fixed;
9074
  top: 50%;
9075
  left: 50%;
9076
  width: 400px;
9077
  margin-top: -100px;
9078
  margin-left: -200px;
9079
  background-color: #fff;
9080
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
9081
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
9082
  border-radius: 3px;
9083
  text-align: center;
9084
  z-index: 21;
9085
}
9086
div.dt-button-info h2 {
9087
  padding: 16px;
9088
  margin: 0;
9089
  font: 400 20px / 24px "Open Sans";
9090
}
9091
div.dt-button-info > div {
9092
  padding: 16px 24px;
9093
}
9094
.dt-button embed {
9095
  outline: none;
9096
}
9097
div.dt-buttons {
9098
  position: relative;
9099
  float: left;
9100
}
9101
div.dt-buttons.buttons-right {
9102
  float: right;
9103
}
9104
.dt-button-collection.uk-dropdown {
9105
  margin-top: 4px;
9106
  position: absolute;
9107
  top: 0;
9108
  left: 0;
9109
  opacity: 1 !important;
9110
  -webkit-transform: scale(1);
9111
  transform: scale(1);
9112
  z-index: 2020;
9113
}
9114
.dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility a {
9115
  position: relative;
9116
  padding-left: 32px;
9117
  color: #212121;
9118
  font-size: 15px;
9119
  line-height: 20px;
9120
}
9121
.dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility a:before {
9122
  position: absolute;
9123
  left: 0;
9124
  top: 5px;
9125
  content: '\e835';
9126
  font-family: "Material Icons";
9127
  font-size: 24px;
9128
  color: rgba(0, 0, 0, 0.54);
9129
}
9130
.dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility.active a:before {
9131
  content: '\e834';
9132
  color: #009688;
9133
}
9134
div.dt-button-collection {
9135
  position: absolute;
9136
  top: 0;
9137
  left: 0;
9138
  width: 150px;
9139
  margin-top: 3px;
9140
  padding: 8px 8px 4px 8px;
9141
  border: 1px solid rgba(0, 0, 0, 0.4);
9142
  background-color: white;
9143
  overflow: hidden;
9144
  z-index: 2002;
9145
  border-radius: 5px;
9146
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
9147
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
9148
  -webkit-column-gap: 8px;
9149
  -moz-column-gap: 8px;
9150
  column-gap: 8px;
9151
}
9152
div.dt-button-collection.fixed {
9153
  position: fixed;
9154
  top: 50%;
9155
  left: 50%;
9156
  margin-left: -75px;
9157
  border-radius: 0;
9158
}
9159
div.dt-button-collection.fixed.two-column {
9160
  margin-left: -150px;
9161
}
9162
div.dt-button-collection.fixed.three-column {
9163
  margin-left: -225px;
9164
}
9165
div.dt-button-collection.fixed.four-column {
9166
  margin-left: -300px;
9167
}
9168
div.dt-button-collection > * {
9169
  -webkit-column-break-inside: avoid;
9170
  -moz-column-break-inside: avoid;
9171
  break-inside: avoid;
9172
}
9173
div.dt-button-collection.two-column {
9174
  width: 300px;
9175
  padding-bottom: 1px;
9176
  -webkit-column-count: 2;
9177
  -moz-column-count: 2;
9178
  column-count: 2;
9179
}
9180
div.dt-button-collection.three-column {
9181
  width: 450px;
9182
  padding-bottom: 1px;
9183
  -webkit-column-count: 3;
9184
  -moz-column-count: 3;
9185
  column-count: 3;
9186
}
9187
div.dt-button-collection.four-column {
9188
  width: 600px;
9189
  padding-bottom: 1px;
9190
  -webkit-column-count: 4;
9191
  -moz-column-count: 4;
9192
  column-count: 4;
9193
}
9194
div.dt-button-background {
9195
  position: fixed;
9196
  top: 0;
9197
  left: 0;
9198
  width: 100%;
9199
  height: 100%;
9200
  z-index: 2001;
9201
  background: rgba(0, 0, 0, 0.08);
9202
}
9203
@media screen and (max-width: 640px) {
9204
  div.dt-buttons {
9205
    float: none !important;
9206
    text-align: center;
9207
  }
9208
}
9209
/* fullcalendar */
9210
.fc-state-default {
9211
  border: none;
9212
  background: none;
9213
  -webkit-box-shadow: none;
9214
  box-shadow: none;
9215
  border-radius: 0 !important;
9216
}
9217
.fc-toolbar {
9218
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
9219
  margin: -16px -16px 16px;
9220
  height: 48px;
9221
  padding: 0 16px;
9222
}
9223
.fc-toolbar h2 {
9224
  line-height: 48px;
9225
}
9226
.fc-toolbar .fc-button {
9227
  margin-top: 8px;
9228
  border-radius: 50% !important;
9229
}
9230
.fc-toolbar .fc-button:hover {
9231
  background: rgba(0, 0, 0, 0.08);
9232
}
9233
.fc-event {
9234
  background: #0277bd;
9235
  border-radius: 3px;
9236
  font-size: 12px;
9237
}
9238
.fc-day-grid-event {
9239
  padding: 2px 2px;
9240
}
9241
.fc-day-number.fc-other-month {
9242
  opacity: 0.4;
9243
}
9244
.fc .fc-button-group + .fc-button-group {
9245
  margin-left: 24px;
9246
}
9247
.fc .fc-day-grid-event {
9248
  margin-top: 2px;
9249
}
9250
.fc-unthemed .fc-divider,
9251
.fc-unthemed .fc-popover,
9252
.fc-unthemed .fc-row,
9253
.fc-unthemed tbody,
9254
.fc-unthemed td,
9255
.fc-unthemed th,
9256
.fc-unthemed thead {
9257
  border-color: rgba(102, 102, 102, 0.12);
9258
}
9259
.fc-unthemed .fc-widget-header {
9260
  border: none;
9261
  text-align: left;
9262
  font-size: 15px;
9263
  color: #727272;
9264
  font-weight: 400;
9265
  padding: 2px 1px;
9266
}
9267
.fc-unthemed .fc-today {
9268
  background: #fffde7;
9269
}
9270
.fc-unthemed .fc-button {
9271
  position: relative;
9272
  min-width: 32px;
9273
  height: 32px;
9274
  -webkit-box-sizing: border-box;
9275
  box-sizing: border-box;
9276
  padding: 0;
9277
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
9278
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
9279
}
9280
.fc-unthemed .fc-button + .fc-button {
9281
  margin-left: 8px;
9282
}
9283
.fc-unthemed .fc-button:after {
9284
  font-family: "Material Icons";
9285
  font-size: 24px;
9286
  position: absolute;
9287
  color: #727272;
9288
  left: 0;
9289
  top: 4px;
9290
  width: 100%;
9291
  height: 100%;
9292
  display: block;
9293
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
9294
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
9295
}
9296
.fc-unthemed .fc-button:hover:after {
9297
  color: #212121;
9298
}
9299
.fc-unthemed .fc-button.fc-state-active {
9300
  background: none !important;
9301
  cursor: default;
9302
}
9303
.fc-unthemed .fc-button.fc-state-active:after {
9304
  color: #7cb342;
9305
}
9306
.fc-unthemed .fc-button.fc-state-disabled {
9307
  background: none !important;
9308
  cursor: default;
9309
}
9310
.fc-unthemed .fc-button.fc-state-disabled:hover:after {
9311
  color: #727272;
9312
}
9313
.fc-unthemed .fc-today-button {
9314
  margin-left: 16px;
9315
}
9316
.fc-unthemed .fc-today-button:after {
9317
  content: '\e8df';
9318
}
9319
.fc-unthemed .fc-month-button:after {
9320
  content: '\e42a';
9321
}
9322
.fc-unthemed .fc-agendaWeek-button:after {
9323
  content: '\e8f3';
9324
}
9325
.fc-unthemed .fc-agendaDay-button:after {
9326
  content: '\e8ed';
9327
}
9328
.fc-unthemed .fc-listWeek-button:after {
9329
  content: '\e8ef';
9330
}
9331
.fc-unthemed .fc-prev-button:after {
9332
  content: '\e408';
9333
}
9334
.fc-unthemed .fc-next-button {
9335
  margin-left: 0 !important;
9336
}
9337
.fc-unthemed .fc-next-button:after {
9338
  content: '\e409';
9339
}
9340
.fc-unthemed .fc-popover {
9341
  border: none !important;
9342
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
9343
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
9344
  margin: -10px 0 0 -4px;
9345
}
9346
.fc-unthemed .fc-popover .fc-header {
9347
  padding: 4px;
9348
  background: #999;
9349
  color: #fff;
9350
}
9351
.fc-unthemed .fc-popover .fc-header .fc-close {
9352
  margin-top: 3px;
9353
  color: #fff;
9354
}
9355
.fc-unthemed .fc-popover .fc-event-container {
9356
  padding: 8px;
9357
}
9358
.fc-unthemed .fc-highlight {
9359
  background: none;
9360
  -webkit-box-shadow: inset 0 0 0 2px #2196f3, inset 0 -1px 0 2px #2196f3;
9361
  box-shadow: inset 0 0 0 2px #2196f3, inset 0 -1px 0 2px #2196f3;
9362
  opacity: 1;
9363
}
9364
.fc-ltr .fc-basic-view .fc-day-number {
9365
  text-align: left;
9366
  color: #212121;
9367
}
9368
.fc-basic-view td.fc-day-number,
9369
.fc-basic-view td.fc-week-number span {
9370
  padding: 2px 4px;
9371
}
9372
.fc-list-item + .fc-list-heading .fc-widget-header {
9373
  border-top: 1px solid #ddd;
9374
}
9375
.fc-list-heading .fc-widget-header {
9376
  padding: 4px 8px;
9377
  font-size: 14px;
9378
  font-weight: 500;
9379
}
9380
/* vector maps */
9381
.mapTooltip {
9382
  background: #616161;
9383
  color: #fff;
9384
  font-size: 14px;
9385
  padding: 6px 16px;
9386
  line-height: 18px;
9387
  text-shadow: none;
9388
  position: fixed;
9389
  border-radius: 4px;
9390
  z-index: 1000;
9391
  max-width: 200px;
9392
  display: none;
9393
}
9394
.vm_wrapper {
9395
  max-width: 100%;
9396
  margin: 0 auto;
9397
}
9398
.plotLegend {
9399
  margin-top: 24px;
9400
  padding: 16px 16px 8px;
9401
}
9402
/* fileInput */
9403
.btn-file {
9404
  position: relative;
9405
  overflow: hidden;
9406
  vertical-align: middle;
9407
  cursor: pointer;
9408
}
9409
.btn-file input {
9410
  position: absolute;
9411
  top: 0;
9412
  right: 0;
9413
  width: 100%;
9414
  height: 100%;
9415
  margin: 0;
9416
  font-size: 14px;
9417
  cursor: pointer;
9418
  opacity: 0;
9419
  direction: ltr;
9420
}
9421
.fileinput {
9422
  display: inline-block;
9423
}
9424
.fileinput .form-control {
9425
  display: inline-block;
9426
  padding-top: 7px;
9427
  padding-bottom: 5px;
9428
  margin-bottom: 0;
9429
  vertical-align: middle;
9430
  cursor: text;
9431
}
9432
.fileinput .thumbnail {
9433
  display: inline-block;
9434
  overflow: hidden;
9435
  text-align: center;
9436
  vertical-align: top;
9437
}
9438
.fileinput .thumbnail > img {
9439
  height: 100%;
9440
  width: 100%;
9441
}
9442
.fileinput .btn {
9443
  vertical-align: middle;
9444
}
9445
.fileinput-exists .fileinput-new,
9446
.fileinput-new .fileinput-exists {
9447
  display: none !important;
9448
}
9449
.fileinput-inline .fileinput-controls {
9450
  display: inline;
9451
}
9452
.fileinput-filename {
9453
  display: inline-block;
9454
  overflow: hidden;
9455
  vertical-align: middle;
9456
}
9457
/*
9458
jQuery.ganttView v.0.8.0
9459
Copyright (c) 2010 JC Grubbs - jc.grubbs@devmynd.com
9460
MIT License Applies
9461
*/
9462
div.ganttview {
9463
  position: relative;
9464
  /* Horizontal Header */
9465
  /* Vertical Header */
9466
  /* Slider */
9467
  /* Grid */
9468
  /* Adjustments for jQuery UI Styling */
9469
}
9470
div.ganttview,
9471
div.ganttview:before,
9472
div.ganttview:after,
9473
div.ganttview *,
9474
div.ganttview *:before,
9475
div.ganttview *:after {
9476
  -webkit-box-sizing: border-box;
9477
  box-sizing: border-box;
9478
}
9479
div.ganttview-wrapper {
9480
  margin: 0 auto;
9481
  overflow: hidden;
9482
}
9483
div.ganttview-hzheader-month,
9484
div.ganttview-hzheader-day,
9485
div.ganttview-vtheader,
9486
div.ganttview-grid,
9487
div.ganttview-grid-row-cell {
9488
  float: left;
9489
}
9490
div.ganttview-hzheader-month,
9491
div.ganttview-hzheader-day {
9492
  text-align: center;
9493
}
9494
div.ganttview-grid-row-cell.last,
9495
div.ganttview-hzheader-day.last,
9496
div.ganttview-hzheader-month.last {
9497
  border-right: none;
9498
}
9499
div.ganttview-hzheader-month {
9500
  width: 60px;
9501
  height: 20px;
9502
  border-right: 1px solid rgba(0, 0, 0, 0.12);
9503
  line-height: 20px;
9504
  font-size: 11px;
9505
  font-weight: 700;
9506
  text-transform: uppercase;
9507
  color: #727272;
9508
  -webkit-box-sizing: content-box;
9509
  box-sizing: content-box;
9510
}
9511
div.ganttview-hzheader-day {
9512
  width: 20px;
9513
  height: 20px;
9514
  border-right: 1px solid #f0f0f0;
9515
  border-top: 1px solid rgba(0, 0, 0, 0.12);
9516
  line-height: 20px;
9517
  color: #999;
9518
  font-size: 11px;
9519
}
9520
div.ganttview-hzheader-day.ganttview-weekend {
9521
  background: #f8f8f8;
9522
}
9523
div.ganttview-hzheader-day.ganttview-today {
9524
  background: #fff9db !important;
9525
}
9526
div.ganttview-vtheader {
9527
  margin-top: 41px;
9528
  width: 240px;
9529
  background-color: #fff;
9530
}
9531
div.ganttview-vtheader-group {
9532
  color: #212121;
9533
}
9534
div.ganttview-vtheader-group-name {
9535
  line-height: 24px;
9536
  font-size: 13px;
9537
  font-weight: 500;
9538
  height: 24px;
9539
  padding: 0 8px;
9540
  position: relative;
9541
  border-top: 1px solid #e0e0e0;
9542
  background: rgba(0, 0, 0, 0.085);
9543
}
9544
div.ganttview-vtheader-group-name.toggle_enabled {
9545
  cursor: pointer;
9546
}
9547
div.ganttview-vtheader-group-name.toggle_enabled:before {
9548
  position: absolute;
9549
  right: 4px;
9550
  top: 0;
9551
  display: block;
9552
  content: '\e313';
9553
  font-family: "Material Icons";
9554
  font-size: 18px;
9555
  color: #727272;
9556
}
9557
div.ganttview-vtheader-group-name.toggle_enabled.projectHidden:before {
9558
  content: '\e316';
9559
}
9560
div.ganttview-vtheader-series-row {
9561
  height: 42px;
9562
  padding: 3px 8px;
9563
  border-top: 1px solid #e0e0e0;
9564
  font-size: 13px;
9565
  overflow: hidden;
9566
  position: relative;
9567
}
9568
div.ganttview-vtheader-series-row:hover {
9569
  overflow: visible;
9570
}
9571
div.ganttview-vtheader-series-row:hover .series-content {
9572
  min-width: 100%;
9573
  background: #fff;
9574
  top: 0;
9575
  left: 0;
9576
  position: absolute;
9577
  z-index: 100;
9578
  overflow: visible;
9579
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
9580
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
9581
  padding: 5px 8px 3px;
9582
}
9583
div.ganttview-vtheader-series-row .series-users {
9584
  float: left;
9585
  margin-right: 8px;
9586
}
9587
div.ganttview-vtheader-series-row .series-users .series-user {
9588
  margin-right: 0;
9589
}
9590
div.ganttview-vtheader-series-row .series-users .series-user + .series-user {
9591
  margin-left: 4px;
9592
}
9593
div.ganttview-vtheader-series-row .series-users .series-user > span {
9594
  display: inline-block;
9595
}
9596
div.ganttview-vtheader-series-row .series-user {
9597
  float: left;
9598
  margin-right: 8px;
9599
}
9600
div.ganttview-vtheader-series-row .series-user img {
9601
  width: 34px;
9602
  height: 34px;
9603
  border-radius: 50%;
9604
}
9605
div.ganttview-vtheader-series-row .series-content {
9606
  line-height: 16px;
9607
  padding-top: 2px;
9608
  overflow: hidden;
9609
  white-space: nowrap;
9610
}
9611
div.ganttview-vtheader-series-row .series-content .series-name {
9612
  text-overflow: ellipsis;
9613
  display: inline-block;
9614
  vertical-align: top;
9615
  white-space: nowrap;
9616
  overflow: hidden;
9617
  width: 100%;
9618
  display: block;
9619
}
9620
div.ganttview-vtheader-series-row .series-content .series-dates {
9621
  color: #aaa;
9622
  font-size: 11px;
9623
  text-transform: uppercase;
9624
  margin-top: 2px;
9625
  text-overflow: ellipsis;
9626
  display: inline-block;
9627
  vertical-align: top;
9628
  white-space: nowrap;
9629
  overflow: hidden;
9630
  width: 100%;
9631
  display: block;
9632
}
9633
div.ganttview-vtheader-series-row .series-content .series-dates > .date-user {
9634
  display: none;
9635
}
9636
div.ganttview-vtheader-series-row .series-content .date-sep {
9637
  display: inline-block;
9638
  margin: 0 8px;
9639
}
9640
div.ganttview-hzheader-months,
9641
div.ganttview-hzheader-days {
9642
  overflow: hidden;
9643
}
9644
div.ganttview-hzheader-days {
9645
  position: relative;
9646
}
9647
div.ganttview-slide-container {
9648
  -webkit-user-select: none;
9649
  -moz-user-select: none;
9650
  -ms-user-select: none;
9651
  user-select: none;
9652
  overflow-y: auto;
9653
  overflow-x: scroll;
9654
  -webkit-overflow-scrolling: touch;
9655
}
9656
div.ganttview-grid-row {
9657
  overflow: hidden;
9658
}
9659
div.ganttview-grid-row-cell {
9660
  width: 20px;
9661
  height: 42px;
9662
  border-right: 1px solid #f0f0f0;
9663
  border-top: 1px solid rgba(0, 0, 0, 0.12);
9664
}
9665
div.ganttview-grid-row-cell.ganttview-weekend {
9666
  background-color: #fafafa;
9667
}
9668
div.ganttview-grid-row-cell.ganttview-today {
9669
  background-color: #fff9db !important;
9670
}
9671
div.ganttview-grid-spacer {
9672
  background: #ededed;
9673
  height: 24px;
9674
  border-top: 1px solid #e0e0e0;
9675
  cursor: pointer;
9676
}
9677
div.ganttview-grid-spacer + .ganttview-grid-row > div.ganttview-grid-row-cell {
9678
  border-top-color: #e0e0e0;
9679
}
9680
div.ganttview-blocks {
9681
  min-width: 100%;
9682
  width: auto;
9683
}
9684
div.ganttview-block {
9685
  height: 60%;
9686
  background-color: #bbb;
9687
  border-radius: 2px;
9688
  position: absolute !important;
9689
  opacity: 0.8;
9690
  top: 20%;
9691
}
9692
div.ganttview-block-spacer {
9693
  height: 24px;
9694
}
9695
div.ganttview-block-container {
9696
  position: relative;
9697
  height: 42px;
9698
  width: 100%;
9699
}
9700
div.ganttview-block-text {
9701
  position: absolute;
9702
  font-size: 11px;
9703
  color: #fff;
9704
  padding: 5px 8px 2px;
9705
  text-overflow: ellipsis;
9706
  display: inline-block;
9707
  vertical-align: top;
9708
  white-space: nowrap;
9709
  overflow: hidden;
9710
  width: 100%;
9711
  display: block;
9712
}
9713
div.ganttview-block-text > a {
9714
  color: #fff;
9715
  text-decoration: underline;
9716
}
9717
div.ganttview-block div.ui-resizable-handle.ui-resizable-s {
9718
  bottom: 0;
9719
}
9720
div.ganttview-block:hover {
9721
  z-index: 1000;
9722
  opacity: 1;
9723
}
9724
div.ganttview .ui-resizable {
9725
  position: relative;
9726
}
9727
div.ganttview .ui-resizable-handle {
9728
  display: block;
9729
  font-size: 0.1px;
9730
  position: absolute;
9731
}
9732
div.ganttview .ui-resizable-disabled .ui-resizable-handle,
9733
div.ganttview .ui-resizable-autohide .ui-resizable-handle {
9734
  display: none;
9735
}
9736
div.ganttview .ui-resizable-e {
9737
  cursor: e-resize;
9738
  height: 100%;
9739
  right: -5px;
9740
  top: 0;
9741
  width: 7px;
9742
}
9743
div.ganttview .ui-resizable-w {
9744
  cursor: w-resize;
9745
  height: 100%;
9746
  left: -5px;
9747
  top: 0;
9748
  width: 7px;
9749
}
9750
@media only screen and (min-width: 768px) {
9751
  div.ganttview-wrapper {
9752
    width: 100%;
9753
  }
9754
  div.ganttview-slide-container {
9755
    width: 75%;
9756
    border: 1px solid rgba(0, 0, 0, 0.12);
9757
  }
9758
  div.ganttview-vtheader {
9759
    width: 25%;
9760
    border-right: 1px solid rgba(0, 0, 0, 0.12);
9761
  }
9762
}
9763
@media only screen and (max-width: 767px) {
9764
  div.ganttview-wrapper {
9765
    position: relative;
9766
  }
9767
  div.ganttview-vtheader {
9768
    position: absolute;
9769
    left: 0;
9770
    top: 0;
9771
    background: none;
9772
    width: 100%;
9773
    z-index: 10;
9774
    margin-top: 40px;
9775
  }
9776
  div.ganttview-vtheader-series-name {
9777
    height: 22px;
9778
    line-height: 20px;
9779
    border: none;
9780
    margin-bottom: 31px;
9781
  }
9782
  div.ganttview-vtheader-series-row {
9783
    margin-bottom: 42px;
9784
  }
9785
  div.ganttview-row {
9786
    margin-top: 21px;
9787
  }
9788
  div.ganttview-grid-spacer {
9789
    background: none;
9790
    border-top: none;
9791
  }
9792
  div.ganttview-grid-spacer + .ganttview-grid-row > div.ganttview-grid-row-cell {
9793
    border-top-color: rgba(0, 0, 0, 0.12);
9794
  }
9795
  div.ganttview-grid-row {
9796
    margin-top: 42px;
9797
  }
9798
  div.ganttview-block-container {
9799
    margin-top: 42px;
9800
  }
9801
  div.ganttview-wrapper,
9802
  div.ganttview-slide-container {
9803
    width: 100%;
9804
  }
9805
  div.ganttview-slide-container {
9806
    border-left: none;
9807
    position: relative;
9808
    z-index: 10;
9809
  }
9810
  div.ganttview-vtheader-group:last-child {
9811
    border-bottom: none;
9812
  }
9813
}
9814
.animate_hide {
9815
  display: none;
9816
}
9817
/* wizard */
9818
.wizard,
9819
.tabcontrol {
9820
  display: block;
9821
  width: 100%;
9822
  overflow: hidden;
9823
}
9824
.wizard a,
9825
.tabcontrol a {
9826
  outline: 0;
9827
}
9828
.wizard ul,
9829
.tabcontrol ul {
9830
  list-style: none !important;
9831
  padding: 0;
9832
  margin: 0;
9833
}
9834
.wizard ul > li,
9835
.tabcontrol ul > li {
9836
  display: block;
9837
  padding: 0;
9838
}
9839
.wizard > .steps .current-info,
9840
.tabcontrol > .steps .current-info {
9841
  position: absolute;
9842
  left: -999em;
9843
}
9844
.wizard .content > .title,
9845
.tabcontrol .content > .title {
9846
  position: absolute;
9847
  left: -999em;
9848
}
9849
.wizard > .steps {
9850
  position: relative;
9851
  display: block;
9852
  width: 100%;
9853
  background: #2196f3;
9854
}
9855
.wizard > .steps .number {
9856
  font-size: 14px;
9857
  border: 2px solid #fff;
9858
  width: 24px;
9859
  height: 24px;
9860
  line-height: 24px;
9861
  text-align: center;
9862
  border-radius: 50%;
9863
  position: absolute;
9864
  left: 12px;
9865
  top: 50%;
9866
  margin-top: -14px;
9867
}
9868
@media only screen and (min-width: 960px) {
9869
  .wizard > .steps .number {
9870
    font-size: 16px;
9871
    width: 32px;
9872
    height: 32px;
9873
    line-height: 32px;
9874
    margin-top: -18px;
9875
  }
9876
}
9877
.wizard > .steps .title {
9878
  text-overflow: ellipsis;
9879
  display: inline-block;
9880
  vertical-align: top;
9881
  white-space: nowrap;
9882
  overflow: hidden;
9883
  width: 100%;
9884
  padding-left: 46px;
9885
  -webkit-box-sizing: border-box;
9886
  box-sizing: border-box;
9887
}
9888
.wizard > .steps > ul > li {
9889
  display: block;
9890
}
9891
@media only screen and (min-width: 960px) {
9892
  .wizard > .steps > ul > li {
9893
    float: left;
9894
    width: 25%;
9895
  }
9896
}
9897
.wizard > .steps > ul > li + li a {
9898
  border-top: 1px solid rgba(0, 0, 0, 0.15);
9899
}
9900
@media only screen and (min-width: 960px) {
9901
  .wizard > .steps > ul > li + li a {
9902
    border-top: none;
9903
    border-right: 1px solid rgba(0, 0, 0, 0.15);
9904
  }
9905
}
9906
.wizard > .steps > ul > li a {
9907
  position: relative;
9908
}
9909
.wizard > .steps > ul > li a,
9910
.wizard > .steps > ul > li a:hover,
9911
.wizard > .steps > ul > li a:active {
9912
  display: block;
9913
  width: auto;
9914
  padding: 12px 8px;
9915
  text-decoration: none;
9916
  color: #fff;
9917
}
9918
@media only screen and (min-width: 960px) {
9919
  .wizard > .steps > ul > li a,
9920
  .wizard > .steps > ul > li a:hover,
9921
  .wizard > .steps > ul > li a:active {
9922
    padding: 16px;
9923
  }
9924
}
9925
.wizard > .steps > ul > li.disabled a,
9926
.wizard > .steps > ul > li.disabled a:hover,
9927
.wizard > .steps > ul > li.disabled a:active {
9928
  color: #fff;
9929
  cursor: default;
9930
}
9931
.wizard > .steps > ul > li.current a,
9932
.wizard > .steps > ul > li.current a:hover,
9933
.wizard > .steps > ul > li.current a:active {
9934
  background: #51adf6;
9935
  color: #fff;
9936
  cursor: default;
9937
}
9938
.wizard > .steps > ul > li.done a,
9939
.wizard > .steps > ul > li.done a:hover,
9940
.wizard > .steps > ul > li.done a:active {
9941
  background: #1976d2;
9942
  color: #fff;
9943
}
9944
.wizard > .steps > ul > li.error a,
9945
.wizard > .steps > ul > li.error a:hover,
9946
.wizard > .steps > ul > li.error a:active {
9947
  background: #c62828;
9948
  color: #fff;
9949
}
9950
.wizard > .content {
9951
  display: block;
9952
  min-height: 360px;
9953
  overflow: hidden;
9954
  position: relative;
9955
  -webkit-box-sizing: border-box;
9956
  box-sizing: border-box;
9957
}
9958
.wizard > .content > .body {
9959
  padding: 48px 24px 64px;
9960
  width: 100%;
9961
  position: absolute;
9962
  -webkit-box-sizing: border-box;
9963
  box-sizing: border-box;
9964
}
9965
.wizard > .content > .body ul {
9966
  margin: 0;
9967
  padding: 0;
9968
  list-style: none;
9969
}
9970
.wizard > .content > .body ul > li {
9971
  padding: 0;
9972
  margin: 0;
9973
  list-style: none;
9974
}
9975
.wizard > .content > .body .uk-form-label {
9976
  display: block;
9977
  font-weight: 500;
9978
  font-size: 13px;
9979
  margin: -4px 0;
9980
}
9981
.wizard > .content > .body .icheck-inline {
9982
  margin: 4px 16px 0 0;
9983
}
9984
.wizard > .content > .body .icheck-inline + .parsley-errors-list {
9985
  margin-top: 2px;
9986
}
9987
.wizard > .content > .body > iframe {
9988
  border: 0 none;
9989
  width: 100%;
9990
  height: 100%;
9991
}
9992
.wizard > .content > .body pre[class*="language-"] {
9993
  max-height: inherit;
9994
}
9995
.wizard > .actions {
9996
  display: block;
9997
  background: rgba(0, 0, 0, 0.085);
9998
  padding: 8px 24px;
9999
}
10000
.wizard > .actions > ul > li.button_previous {
10001
  float: left;
10002
}
10003
.wizard > .actions > ul > li.button_next,
10004
.wizard > .actions > ul > li.button_finish {
10005
  float: right;
10006
}
10007
@media only screen and (max-width: 479px) {
10008
  .wizard > .actions > ul > li + li {
10009
    margin-top: 8px;
10010
  }
10011
  .wizard > .actions > ul > li.button_previous {
10012
    float: none;
10013
  }
10014
  .wizard > .actions > ul > li.button_next,
10015
  .wizard > .actions > ul > li.button_finish {
10016
    float: none;
10017
  }
10018
}
10019
.wizard > .actions a,
10020
.wizard > .actions a:hover,
10021
.wizard > .actions a:active {
10022
  color: #212121;
10023
  display: block;
10024
  padding: 0 16px;
10025
  min-width: 80px;
10026
  text-align: center;
10027
  text-decoration: none;
10028
  font-weight: 500;
10029
  font-size: 14px;
10030
  line-height: 31px;
10031
  text-transform: uppercase;
10032
}
10033
.wizard > .actions a .material-icons {
10034
  color: #212121;
10035
}
10036
.wizard > .actions .disabled a,
10037
.wizard > .actions .disabled a:hover,
10038
.wizard > .actions .disabled a:active {
10039
  color: #aaa;
10040
}
10041
.wizard > .actions .disabled .material-icons {
10042
  color: #aaa;
10043
}
10044
@media only screen and (min-width: 960px) {
10045
  .wizard.vertical > .steps {
10046
    width: 25%;
10047
    float: left;
10048
    -webkit-box-sizing: border-box;
10049
    box-sizing: border-box;
10050
    padding: 8px;
10051
  }
10052
}
10053
@media only screen and (min-width: 1220px) {
10054
  .wizard.vertical > .steps {
10055
    width: 20%;
10056
  }
10057
}
10058
@media only screen and (min-width: 960px) {
10059
  .wizard.vertical > .steps > ul > li {
10060
    float: none;
10061
    width: 100%;
10062
  }
10063
  .wizard.vertical > .steps > ul > li + li {
10064
    margin-top: 8px;
10065
  }
10066
  .wizard.vertical > .steps > ul > li a {
10067
    padding: 12px;
10068
    border: none;
10069
    border-radius: 4px;
10070
  }
10071
  .wizard.vertical > .steps .number {
10072
    font-size: 12px;
10073
    border: 2px solid #fff;
10074
    width: 24px;
10075
    height: 24px;
10076
    line-height: 24px;
10077
    text-align: center;
10078
    border-radius: 50%;
10079
    position: absolute;
10080
    left: 12px;
10081
    top: 50%;
10082
    margin-top: -14px;
10083
  }
10084
}
10085
.wizard.vertical > .content {
10086
  display: block;
10087
  background: #fff;
10088
}
10089
@media only screen and (min-width: 960px) {
10090
  .wizard.vertical > .content {
10091
    width: 75%;
10092
    float: left;
10093
  }
10094
  .wizard.vertical > .content .body {
10095
    padding: 16px 32px;
10096
  }
10097
}
10098
@media only screen and (min-width: 1220px) {
10099
  .wizard.vertical > .content {
10100
    width: 80%;
10101
  }
10102
}
10103
.wizard.vertical > .actions {
10104
  display: block;
10105
  clear: both;
10106
}
10107
/* chartist overide */
10108
.chartist {
10109
  height: 240px;
10110
  width: 100%;
10111
}
10112
.chartist .ct-label {
10113
  color: #727272;
10114
  fill: #727272;
10115
  font-size: 14px;
10116
}
10117
.chartist-labels-inside .ct-label {
10118
  color: #fff;
10119
  fill: #fff;
10120
}
10121
.ct-line {
10122
  stroke-width: 2px;
10123
}
10124
.ct-point {
10125
  stroke-width: 8px;
10126
}
10127
.ct-series-a .ct-bar,
10128
.ct-series-a .ct-line,
10129
.ct-series-a .ct-point,
10130
.ct-series-a .ct-slice-donut {
10131
  stroke: #1f77b4;
10132
}
10133
.ct-series-a .ct-area,
10134
.ct-series-a .ct-slice-pie {
10135
  fill: #1f77b4;
10136
}
10137
.ct-series-b .ct-bar,
10138
.ct-series-b .ct-line,
10139
.ct-series-b .ct-point,
10140
.ct-series-b .ct-slice-donut {
10141
  stroke: #ff7f0e;
10142
}
10143
.ct-series-b .ct-area,
10144
.ct-series-b .ct-slice-pie {
10145
  fill: #ff7f0e;
10146
}
10147
.ct-series-c .ct-bar,
10148
.ct-series-c .ct-line,
10149
.ct-series-c .ct-point,
10150
.ct-series-c .ct-slice-donut {
10151
  stroke: #2ca02c;
10152
}
10153
.ct-series-c .ct-area,
10154
.ct-series-c .ct-slice-pie {
10155
  fill: #2ca02c;
10156
}
10157
.ct-series-d .ct-bar,
10158
.ct-series-d .ct-line,
10159
.ct-series-d .ct-point,
10160
.ct-series-d .ct-slice-donut {
10161
  stroke: #d62728;
10162
}
10163
.ct-series-d .ct-area,
10164
.ct-series-d .ct-slice-pie {
10165
  fill: #d62728;
10166
}
10167
.ct-series-e .ct-bar,
10168
.ct-series-e .ct-line,
10169
.ct-series-e .ct-point,
10170
.ct-series-e .ct-slice-donut {
10171
  stroke: #9467bd;
10172
}
10173
.ct-series-e .ct-area,
10174
.ct-series-e .ct-slice-pie {
10175
  fill: #9467bd;
10176
}
10177
.ct-series-f .ct-bar,
10178
.ct-series-f .ct-line,
10179
.ct-series-f .ct-point,
10180
.ct-series-f .ct-slice-donut {
10181
  stroke: #8c564b;
10182
}
10183
.ct-series-f .ct-area,
10184
.ct-series-f .ct-slice-pie {
10185
  fill: #8c564b;
10186
}
10187
.ct-series-g .ct-bar,
10188
.ct-series-g .ct-line,
10189
.ct-series-g .ct-point,
10190
.ct-series-g .ct-slice-donut {
10191
  stroke: #e377c2;
10192
}
10193
.ct-series-g .ct-area,
10194
.ct-series-g .ct-slice-pie {
10195
  fill: #e377c2;
10196
}
10197
.ct-series-h .ct-bar,
10198
.ct-series-h .ct-line,
10199
.ct-series-h .ct-point,
10200
.ct-series-h .ct-slice-donut {
10201
  stroke: #7f7f7f;
10202
}
10203
.ct-series-h .ct-area,
10204
.ct-series-h .ct-slice-pie {
10205
  fill: #7f7f7f;
10206
}
10207
.ct-series-i .ct-bar,
10208
.ct-series-i .ct-line,
10209
.ct-series-i .ct-point,
10210
.ct-series-i .ct-slice-donut {
10211
  stroke: #bcbd22;
10212
}
10213
.ct-series-i .ct-area,
10214
.ct-series-i .ct-slice-pie {
10215
  fill: #bcbd22;
10216
}
10217
.ct-series-j .ct-bar,
10218
.ct-series-j .ct-line,
10219
.ct-series-j .ct-point,
10220
.ct-series-j .ct-slice-donut {
10221
  stroke: #17becf;
10222
}
10223
.ct-series-j .ct-area,
10224
.ct-series-j .ct-slice-pie {
10225
  fill: #17becf;
10226
}
10227
.ct-series-k .ct-bar,
10228
.ct-series-k .ct-line,
10229
.ct-series-k .ct-point,
10230
.ct-series-k .ct-slice-donut {
10231
  stroke: #eacf7d;
10232
}
10233
.ct-series-k .ct-area,
10234
.ct-series-k .ct-slice-pie {
10235
  fill: #eacf7d;
10236
}
10237
.ct-series-l .ct-bar,
10238
.ct-series-l .ct-line,
10239
.ct-series-l .ct-point,
10240
.ct-series-l .ct-slice-donut {
10241
  stroke: #86797d;
10242
}
10243
.ct-series-l .ct-area,
10244
.ct-series-l .ct-slice-pie {
10245
  fill: #86797d;
10246
}
10247
.ct-series-m .ct-bar,
10248
.ct-series-m .ct-line,
10249
.ct-series-m .ct-point,
10250
.ct-series-m .ct-slice-donut {
10251
  stroke: #b2c326;
10252
}
10253
.ct-series-m .ct-area,
10254
.ct-series-m .ct-slice-pie {
10255
  fill: #b2c326;
10256
}
10257
.ct-series-n .ct-bar,
10258
.ct-series-n .ct-line,
10259
.ct-series-n .ct-point,
10260
.ct-series-n .ct-slice-donut {
10261
  stroke: #6188e2;
10262
}
10263
.ct-series-n .ct-area,
10264
.ct-series-n .ct-slice-pie {
10265
  fill: #6188e2;
10266
}
10267
.ct-series-o .ct-bar,
10268
.ct-series-o .ct-line,
10269
.ct-series-o .ct-point,
10270
.ct-series-o .ct-slice-donut {
10271
  stroke: #a748ca;
10272
}
10273
.ct-series-o .ct-area,
10274
.ct-series-o .ct-slice-pie {
10275
  fill: #a748ca;
10276
}
10277
/* dragula.js */
10278
.gu-mirror {
10279
  position: fixed !important;
10280
  margin: 0 !important;
10281
  z-index: 9999 !important;
10282
  opacity: 0.8;
10283
}
10284
.gu-hide {
10285
  display: none !important;
10286
}
10287
.gu-unselectable {
10288
  -webkit-user-select: none !important;
10289
  -moz-user-select: none !important;
10290
  -ms-user-select: none !important;
10291
  user-select: none !important;
10292
}
10293
.gu-transit {
10294
  opacity: 0.2;
10295
}
10296
.dragula > * {
10297
  cursor: move;
10298
}
10299
.dragula-vertical {
10300
  height: 100%;
10301
}
10302
.dragula-vertical * + * {
10303
  margin-top: 4px;
10304
}
10305
/* Tablesorter Altair Theme */
10306
.tablesorter-altair {
10307
  /*td.primary,
10308
    tr.odd td.primary {
10309
        color: #ddd;
10310
        background-color: #165388;
10311
    }
10312
    tr.even {
10313
        td {
10314
            &.primary {
10315
                color: #ddd;
10316
                background-color: #195c93;
10317
            }
10318
            &.secondary {
10319
                color: #ddd;
10320
                background-color: #1D67A5;
10321
            }
10322
            &.tertiary {
10323
                color: #ddd;
10324
                background-color: #2073B7;
10325
            }
10326
        }
10327
    }
10328
    td.secondary,
10329
    tr.odd td.secondary {
10330
        color: #ddd;
10331
        background-color: #185C9A;
10332
    }
10333
    td.tertiary,
10334
    tr.odd td.tertiary {
10335
        color: #ddd;
10336
        background-color: #1B67AD;
10337
    }*/
10338
}
10339
.tablesorter-altair .tablesorter-header-inner {
10340
  position: relative;
10341
  padding: 0 32px 0 0;
10342
}
10343
.tablesorter-altair .tablesorter-header-inner:after {
10344
  position: absolute;
10345
  right: 0;
10346
  top: -3px;
10347
  content: '\e164';
10348
  display: block;
10349
  width: 18px;
10350
  height: 18px;
10351
  font-size: 18px;
10352
  font-family: "Material Icons";
10353
  color: #aaa;
10354
}
10355
.tablesorter-altair .sorter-false .tablesorter-header-inner {
10356
  padding: 0;
10357
}
10358
.tablesorter-altair .header,
10359
.tablesorter-altair .tablesorter-header {
10360
  cursor: pointer;
10361
}
10362
.tablesorter-altair th {
10363
  outline: 0 !important;
10364
}
10365
.tablesorter-altair .headerSortUp,
10366
.tablesorter-altair .tablesorter-headerSortUp,
10367
.tablesorter-altair .tablesorter-headerAsc {
10368
  color: #7cb342;
10369
}
10370
.tablesorter-altair .headerSortUp .tablesorter-header-inner:after,
10371
.tablesorter-altair .tablesorter-headerSortUp .tablesorter-header-inner:after,
10372
.tablesorter-altair .tablesorter-headerAsc .tablesorter-header-inner:after {
10373
  top: -2px;
10374
  content: '\e313';
10375
  color: #212121;
10376
}
10377
.tablesorter-altair .headerSortDown,
10378
.tablesorter-altair .tablesorter-headerSortDown,
10379
.tablesorter-altair .tablesorter-headerDesc {
10380
  color: #7cb342;
10381
}
10382
.tablesorter-altair .headerSortDown .tablesorter-header-inner:after,
10383
.tablesorter-altair .tablesorter-headerSortDown .tablesorter-header-inner:after,
10384
.tablesorter-altair .tablesorter-headerDesc .tablesorter-header-inner:after {
10385
  top: -2px;
10386
  content: '\e316';
10387
  color: #212121;
10388
}
10389
.tablesorter-altair thead .sorter-false {
10390
  cursor: default;
10391
}
10392
.tablesorter-altair thead .sorter-false .tablesorter-header-inner:after {
10393
  display: none;
10394
}
10395
.tablesorter-altair tbody > tr.even > td {
10396
  background-color: rgba(0, 0, 0, 0.085);
10397
}
10398
.tablesorter-altair tbody > tr.row_highlighted > td {
10399
  background: #e3f2fd;
10400
}
10401
.tablesorter-altair .tablesorter-processing {
10402
  background-position: center center !important;
10403
  background-repeat: no-repeat !important;
10404
  background-image: url(../img/spinners/spinner_small.gif) !important;
10405
}
10406
.tablesorter-altair caption {
10407
  background-color: #fff;
10408
}
10409
.tablesorter-altair .tablesorter-filter-row td {
10410
  padding: 8px 4px;
10411
  line-height: normal;
10412
  text-align: center;
10413
  -webkit-transition: line-height 0.1s ease;
10414
  transition: line-height 0.1s ease;
10415
}
10416
.tablesorter-altair .tablesorter-filter-row .disabled {
10417
  opacity: 0.5;
10418
  cursor: not-allowed;
10419
  background: rgba(0, 0, 0, 0.085);
10420
}
10421
.tablesorter-altair .tablesorter-filter-row.hideme * {
10422
  height: 1px;
10423
  min-height: 0;
10424
  border: 0;
10425
  padding: 0;
10426
  margin: 0;
10427
  opacity: 0;
10428
}
10429
.tablesorter-altair .tablesorter-filter-row.hideme td {
10430
  /*** *********************************************** ***/
10431
  /*** change this padding to modify the thickness     ***/
10432
  /*** of the closed filter row (height = padding x 2) ***/
10433
  padding: 2px;
10434
  /*** *********************************************** ***/
10435
  margin: 0;
10436
  line-height: 0;
10437
  cursor: pointer;
10438
}
10439
.tablesorter-altair input.tablesorter-filter,
10440
.tablesorter-altair select.tablesorter-filter {
10441
  width: 100%;
10442
  height: auto;
10443
  margin: 0;
10444
  padding: 4px;
10445
  line-height: 24px;
10446
  border: 1px solid rgba(0, 0, 0, 0.12);
10447
  color: #212121;
10448
  -webkit-box-sizing: border-box;
10449
  box-sizing: border-box;
10450
  -webkit-transition: height 0.1s ease;
10451
  transition: height 0.1s ease;
10452
  border-radius: 0;
10453
  -webkit-appearance: none;
10454
}
10455
.tablesorter-altair .ts-align-wrap {
10456
  white-space: nowrap;
10457
  width: 100%;
10458
  overflow: hidden;
10459
}
10460
.tablesorter-altair .ts-align-wrap,
10461
.tablesorter-altair .ts-align-left,
10462
.tablesorter-altair .ts-align-right {
10463
  display: inline-block;
10464
  -webkit-box-sizing: border-box;
10465
  box-sizing: border-box;
10466
}
10467
.tablesorter-altair .ts-align-left {
10468
  text-align: right;
10469
}
10470
.tablesorter-altair .ts-align-right {
10471
  text-align: left;
10472
}
10473
.tablesorter-altair td:nth-child(3) .ts-align-right i {
10474
  color: #e53935;
10475
}
10476
.tablesorter-altair input[type="search"]::-webkit-search-decoration,
10477
.tablesorter-altair input[type="search"]::-webkit-search-cancel-button,
10478
.tablesorter-altair input[type="search"]::-webkit-search-results-button,
10479
.tablesorter-altair input[type="search"]::-webkit-search-results-decoration {
10480
  display: none;
10481
}
10482
.tablesorter .filtered {
10483
  display: none;
10484
}
10485
.tablesorter .tablesorter-errorRow td {
10486
  text-align: center;
10487
  cursor: pointer;
10488
  background-color: #e53935;
10489
  color: #fff;
10490
}
10491
.tablesorter .remove-me {
10492
  display: none;
10493
}
10494
.ts_pager .selectize-control {
10495
  vertical-align: middle;
10496
  display: inline-block;
10497
  text-align: left;
10498
  margin-top: -3px;
10499
  margin-left: 4px;
10500
}
10501
.ts_pager .selectize-control .selectize-input {
10502
  min-width: 64px;
10503
}
10504
/*!
10505
* Waves v0.7.4
10506
* http://fian.my.id/Waves
10507
*
10508
* Copyright 2014 Alfiana E. Sibuea and other contributors
10509
* Released under the MIT license
10510
* https://github.com/fians/Waves/blob/master/LICENSE
10511
*/
10512
.waves-effect {
10513
  position: relative;
10514
  cursor: pointer;
10515
  overflow: hidden;
10516
  -webkit-tap-highlight-color: transparent;
10517
}
10518
.waves-effect .waves-ripple {
10519
  position: absolute;
10520
  border-radius: 50%;
10521
  width: 80px;
10522
  height: 80px;
10523
  margin-top: -40px;
10524
  margin-left: -40px;
10525
  opacity: 0;
10526
  background: rgba(0, 0, 0, 0.2);
10527
  -webkit-transition: all 500ms ease-out;
10528
  transition: all 500ms ease-out;
10529
  -webkit-transition-property: opacity, -webkit-transform;
10530
  transition-property: opacity, -webkit-transform;
10531
  transition-property: transform, opacity;
10532
  transition-property: transform, opacity, -webkit-transform;
10533
  -webkit-transform: scale(0) translate(0, 0);
10534
  transform: scale(0) translate(0, 0);
10535
  pointer-events: none;
10536
}
10537
.waves-effect.waves-light .waves-ripple {
10538
  background: rgba(255, 255, 255, 0.55);
10539
}
10540
.waves-effect.md-btn-flat {
10541
  background: none;
10542
}
10543
.waves-effect.waves-default .waves-ripple {
10544
  background: rgba(153, 153, 153, 0.2);
10545
}
10546
.waves-effect.md-btn-flat-primary .waves-ripple {
10547
  background: rgba(33, 150, 243, 0.4);
10548
}
10549
.waves-effect.md-btn-flat-danger .waves-ripple {
10550
  background: rgba(229, 57, 53, 0.4);
10551
}
10552
.waves-effect.md-btn-flat-warning .waves-ripple {
10553
  background: rgba(255, 160, 0, 0.4);
10554
}
10555
.waves-effect.md-btn-flat-success .waves-ripple {
10556
  background: rgba(124, 179, 66, 0.4);
10557
}
10558
.waves-notransition {
10559
  -webkit-transition: none !important;
10560
  transition: none !important;
10561
}
10562
.waves-button,
10563
.waves-circle {
10564
  -webkit-transform: translateZ(0);
10565
  transform: translateZ(0);
10566
}
10567
.waves-input-wrapper {
10568
  border-radius: 0.2em;
10569
  vertical-align: bottom;
10570
}
10571
.waves-input-wrapper.waves-button {
10572
  padding: 0;
10573
}
10574
.waves-input-wrapper .waves-button-input {
10575
  position: relative;
10576
  top: 0;
10577
  left: 0;
10578
  z-index: 1;
10579
}
10580
.waves-circle {
10581
  text-align: center;
10582
  width: 2.5em;
10583
  height: 2.5em;
10584
  line-height: 2.5em;
10585
  border-radius: 50%;
10586
}
10587
.waves-float {
10588
  -webkit-mask-image: none;
10589
  -webkit-transition: all 300ms;
10590
  transition: all 300ms;
10591
}
10592
.waves-block {
10593
  display: block;
10594
}
10595
/* Firefox Bug: link not triggered */
10596
a.waves-effect .waves-ripple {
10597
  z-index: -1;
10598
}
10599
.enjoyhint {
10600
  position: fixed;
10601
  width: 100%;
10602
  height: 100%;
10603
  top: 0;
10604
  left: 0;
10605
  z-index: 2000;
10606
  pointer-events: none;
10607
  overflow: hidden;
10608
}
10609
.enjoyhint_hide {
10610
  display: none;
10611
}
10612
.enjoyhint_disable_events {
10613
  position: absolute;
10614
  width: 2000px;
10615
  height: 1500px;
10616
  z-index: 2010;
10617
  pointer-events: all;
10618
}
10619
@media only screen and (max-width: 767px) {
10620
  .enjoyhint_disable_events {
10621
    width: 100%;
10622
    height: 100%;
10623
  }
10624
}
10625
.enjoyhint_next_btn,
10626
.enjoyhint_skip_btn,
10627
.enjoyhint_btn {
10628
  position: absolute;
10629
  z-index: 2020;
10630
  pointer-events: all;
10631
  -webkit-box-sizing: content-box;
10632
  box-sizing: content-box;
10633
  width: 100px;
10634
  height: 46px;
10635
  cursor: pointer;
10636
  margin: 0 auto;
10637
  border-radius: 3px;
10638
  font: 500 20px / 46px "Open Sans";
10639
  text-align: center;
10640
  text-overflow: clip;
10641
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
10642
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
10643
  text-transform: uppercase;
10644
}
10645
.enjoyhint_next_btn {
10646
  color: #212121;
10647
  background: #fff;
10648
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
10649
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
10650
}
10651
.enjoyhint_next_btn:hover {
10652
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
10653
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
10654
}
10655
.enjoyhint_next_btn:active {
10656
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
10657
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
10658
  -webkit-transition: none;
10659
  transition: none;
10660
}
10661
@media only screen and (max-width: 767px) {
10662
  .enjoyhint_next_btn {
10663
    left: 20px !important;
10664
  }
10665
}
10666
.enjoyhint_skip_btn {
10667
  color: #29b6f6;
10668
}
10669
.enjoyhint_skip_btn:hover {
10670
  background: rgba(0, 0, 0, 0.1);
10671
}
10672
.enjoyhint_skip_btn:active {
10673
  background: rgba(0, 0, 0, 0.1);
10674
  -webkit-transition: none;
10675
  transition: none;
10676
}
10677
@media only screen and (max-width: 767px) {
10678
  .enjoyhint_skip_btn {
10679
    right: 20px !important;
10680
    left: auto !important;
10681
  }
10682
}
10683
.enjoyhint_close_btn {
10684
  display: inline-block;
10685
  position: absolute;
10686
  z-index: 2020;
10687
  pointer-events: all;
10688
  -webkit-box-sizing: content-box;
10689
  box-sizing: content-box;
10690
  width: 0.3em;
10691
  height: 0.3em;
10692
  border-radius: 1em;
10693
  font: 400 8em / normal Arial, Helvetica, sans-serif;
10694
  color: #000000;
10695
  text-overflow: clip;
10696
  background: rgba(0, 0, 0, 0);
10697
  border: 2px solid #fff;
10698
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
10699
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
10700
}
10701
.enjoyhint_close_btn:before {
10702
  display: inline-block;
10703
  -webkit-box-sizing: content-box;
10704
  box-sizing: content-box;
10705
  width: 73%;
10706
  height: 2px;
10707
  position: absolute;
10708
  content: "";
10709
  top: 48%;
10710
  left: 14%;
10711
  border: none;
10712
  font: normal 100% / normal Arial, Helvetica, sans-serif;
10713
  color: #000000;
10714
  text-overflow: clip;
10715
  background: #fff;
10716
  text-shadow: none;
10717
  -webkit-transform: rotateZ(45deg);
10718
  transform: rotateZ(45deg);
10719
}
10720
.enjoyhint_close_btn:after {
10721
  display: inline-block;
10722
  -webkit-box-sizing: content-box;
10723
  box-sizing: content-box;
10724
  width: 73%;
10725
  height: 2px;
10726
  position: absolute;
10727
  content: "";
10728
  top: 46%;
10729
  left: 15%;
10730
  border: none;
10731
  font: normal 100% / normal Arial, Helvetica, sans-serif;
10732
  color: #000000;
10733
  text-overflow: clip;
10734
  background: #fff;
10735
  text-shadow: none;
10736
  -webkit-transform: rotateZ(-45deg);
10737
  transform: rotateZ(-45deg);
10738
}
10739
.enjoyhint_close_btn:hover {
10740
  color: #ffffff;
10741
  border-color: #e53935;
10742
  cursor: pointer;
10743
}
10744
.enjoyhint_close_btn:active {
10745
  border: 2px solid #fff;
10746
  -webkit-transition: none;
10747
  transition: none;
10748
}
10749
.enjoyhint_btn {
10750
  -webkit-box-sizing: content-box;
10751
  box-sizing: content-box;
10752
  width: 150px;
10753
  height: 40px;
10754
  cursor: pointer;
10755
  margin: 0 auto;
10756
  border: 2px solid #1ecd97;
10757
  border-radius: 40px;
10758
  font: normal normal normal 17px/40px "Advent Pro", Helvetica, sans-serif;
10759
  color: #1ecd97;
10760
  text-align: center;
10761
  text-overflow: clip;
10762
  letter-spacing: 1px;
10763
  background: rgba(0, 0, 0, 0);
10764
  -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);
10765
  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);
10766
}
10767
.enjoyhint_btn:hover {
10768
  color: #ffffff;
10769
  background: #1ecd97;
10770
}
10771
.enjoyhint_btn:active {
10772
  border: 2px solid #21e0a3;
10773
  background: #21e0a3;
10774
  -webkit-transition: none;
10775
  transition: none;
10776
}
10777
.enjoyhint div.canvas-container {
10778
  position: absolute;
10779
}
10780
.enjoyhint_canvas {
10781
  position: absolute;
10782
  z-index: 2010;
10783
  width: 100%;
10784
  height: 100%;
10785
  pointer-events: none;
10786
}
10787
.enjoyhint_svg_wrapper {
10788
  position: absolute;
10789
  width: 100%;
10790
  height: 100%;
10791
  top: 0;
10792
  left: 0;
10793
  z-index: 2010;
10794
  -webkit-transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
10795
  transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
10796
}
10797
.enjoyhint_svg_wrapper svg {
10798
  position: absolute;
10799
  width: 100%;
10800
  height: 100%;
10801
  top: 0;
10802
  left: 0;
10803
}
10804
.enjoyhint_svg_transparent .enjoyhint_svg_wrapper,
10805
.enjoyhint_svg_transparent .enjoy_hint_label {
10806
  opacity: 0;
10807
}
10808
.enjoy_hint_label {
10809
  position: absolute;
10810
  color: #fff;
10811
  z-index: 2020;
10812
  font: 400 22px / 32px "Open Sans";
10813
  -webkit-transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
10814
  transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
10815
}
10816
.enjoy_hint_label .material-icons {
10817
  color: #fff;
10818
  font-size: 24px;
10819
}
10820
@media only screen and (max-width: 767px) {
10821
  .enjoy_hint_label {
10822
    left: 20px !important;
10823
  }
10824
}
10825
#kinetic_container {
10826
  pointer-events: none;
10827
  position: absolute;
10828
  width: 100%;
10829
  height: 100%;
10830
  top: 0;
10831
  left: 0;
10832
}
10833
div.kineticjs-content {
10834
  position: absolute !important;
10835
}
10836
.enjoyhint_disable_events {
10837
  position: fixed;
10838
}
10839
.cr_preview {
10840
  overflow: hidden;
10841
  border: 1px solid #555;
10842
  margin: 8px 8px 8px 0;
10843
}
10844
.cr_preview_lg {
10845
  width: 264px;
10846
  height: 148px;
10847
}
10848
.cr_preview_md {
10849
  width: 140px;
10850
  height: 78px;
10851
}
10852
.cr_preview_sm {
10853
  width: 68px;
10854
  height: 48px;
10855
}
10856
.cr_preview_xs {
10857
  width: 36px;
10858
  height: 36px;
10859
}
10860
.canvasModalImage {
10861
  margin: 0 auto;
10862
  text-align: center;
10863
}
10864
.canvasModalImage > * {
10865
  border: 1px solid #ccc;
10866
  padding: 4px;
10867
}
10868
.context-menu-list {
10869
  border: none;
10870
  border-radius: 2px;
10871
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
10872
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
10873
}
10874
.context-menu-list .context-menu-item {
10875
  padding: 5px 32px;
10876
  font-size: 14px;
10877
  color: #212121;
10878
}
10879
.context-menu-list .context-menu-hover {
10880
  background: rgba(0, 0, 0, 0.085);
10881
  color: #212121;
10882
}
10883
.context-menu-list .context-menu-material > .material-icons {
10884
  position: absolute;
10885
  left: 7px;
10886
  top: 5px;
10887
  font-size: 18px;
10888
}
10889
.context-menu-list .context-menu-separator {
10890
  margin: 8px 0;
10891
  padding: 0;
10892
}
10893
.context-menu-list .context-menu-disabled,
10894
.context-menu-list .context-menu-disabled > .material-icons {
10895
  color: #bbb;
10896
}
10897
.echart {
10898
  min-height: 380px;
10899
  height: 100%;
10900
}
10901
.echart-large {
10902
  min-height: 460px;
10903
}
10904
.listNav {
10905
  display: block;
10906
  position: relative;
10907
}
10908
.listNavWrapper > div,
10909
.listNavWrapper > li {
10910
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
10911
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
10912
}
10913
.listNavWrapper .listNavHide {
10914
  opacity: 0;
10915
  -webkit-transform: scale(0.2);
10916
  transform: scale(0.2);
10917
  display: none;
10918
}
10919
.listNavWrapper .listNavShow {
10920
  display: block;
10921
  opacity: 1;
10922
  -webkit-transform: scale(1);
10923
  transform: scale(1);
10924
}
10925
.letterCountShow {
10926
  display: block;
10927
}
10928
.ln-letters {
10929
  padding-top: 8px;
10930
}
10931
.ln-letters:before,
10932
.ln-letters:after {
10933
  content: " ";
10934
  display: table;
10935
}
10936
.ln-letters:after {
10937
  clear: both;
10938
}
10939
.ln-letters:before,
10940
.ln-letters:after {
10941
  content: " ";
10942
  display: table;
10943
}
10944
.ln-letters:after {
10945
  clear: both;
10946
}
10947
.ln-letters a {
10948
  font-size: 13px;
10949
  display: block;
10950
  float: left;
10951
  padding: 4px 6px;
10952
  border: 1px solid #e0e0e0;
10953
  text-decoration: none;
10954
  background: #fff;
10955
  text-align: center;
10956
  color: #212121;
10957
  min-width: 32px;
10958
  min-height: 32px;
10959
  line-height: 32px;
10960
  margin: -1px 0 0 -1px;
10961
  text-transform: uppercase;
10962
}
10963
.ln-letters a:hover,
10964
.ln-letters .ln-selected {
10965
  background-color: #2196f3;
10966
  color: #fff;
10967
}
10968
.ln-letters .ln-disabled {
10969
  color: #bdbdbd !important;
10970
  background: #f5f5f5 !important;
10971
}
10972
.ln-letter-count {
10973
  position: absolute;
10974
  padding: 4px 0;
10975
  text-align: center;
10976
  font-size: 11px;
10977
  color: #212121;
10978
  margin-left: -2px;
10979
}
10980
.ln-letter-count.listNavHide {
10981
  display: none;
10982
}
10983
.tip-yellowsimple {
10984
  background: #fff;
10985
  position: relative;
10986
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
10987
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
10988
  border: none;
10989
  padding: 16px;
10990
  min-width: 240px;
10991
  z-index: 9999;
10992
  border-radius: 3px;
10993
}
10994
.tip-yellowsimple .tip-inner > div > label {
10995
  font-weight: 500;
10996
  margin-bottom: 8px;
10997
  display: block;
10998
  font-size: 15px;
10999
}
11000
.editable-footer {
11001
  margin-top: 16px;
11002
  text-align: right;
11003
}
11004
.editable-container .md-input {
11005
  display: inline-block;
11006
  -webkit-transition: all 280ms ease;
11007
  transition: all 280ms ease;
11008
}
11009
.editable-container .md-input:focus {
11010
  border-bottom-color: #1976d2 !important;
11011
}
11012
.editable-container select:disabled {
11013
  display: block;
11014
  width: 100%;
11015
  height: 42px;
11016
  border-width: 0 0 1px 0;
11017
  border-bottom-color: rgba(0, 0, 0, 0.12);
11018
}
11019
.editable-container textarea {
11020
  height: 120px;
11021
  resize: vertical;
11022
  overflow-y: auto;
11023
}
11024
.editable-container .select2-container {
11025
  width: 240px;
11026
}
11027
.editable-container .select2-container .select2-choice {
11028
  background: none;
11029
  border-width: 0 0 1px 0;
11030
  border-style: solid;
11031
  border-color: rgba(0, 0, 0, 0.12);
11032
  border-radius: 0;
11033
}
11034
.editable-container .select2-container .select2-choice .select2-arrow {
11035
  background: none;
11036
  border: none;
11037
}
11038
.editable-container .select2-container-multi .select2-choices {
11039
  background: none;
11040
  border: 1px solid rgba(0, 0, 0, 0.12);
11041
  border-radius: 0;
11042
  -webkit-box-shadow: none;
11043
  box-shadow: none;
11044
}
11045
.editable-container .select2-container-multi .select2-choices .select2-search-choice {
11046
  background: #eeeeee;
11047
  border: none;
11048
  border-radius: 18px;
11049
  padding: 4px 24px 4px 12px;
11050
  -webkit-box-shadow: none;
11051
  box-shadow: none;
11052
  font-size: 13px;
11053
}
11054
.editable-container .select2-container-multi .select2-search-choice-close {
11055
  left: auto;
11056
  right: 4px;
11057
}
11058
.editable-inline {
11059
  background: #fff;
11060
  border-radius: 3px;
11061
  border: 1px solid rgba(0, 0, 0, 0.12);
11062
  padding: 8px;
11063
}
11064
.editable-address + div {
11065
  margin-top: 12px;
11066
}
11067
.editable-address label > span,
11068
.editable-address label > input {
11069
  display: inline-block !important;
11070
}
11071
.editable-address label > span {
11072
  width: 80px;
11073
}
11074
.editable-address label > input {
11075
  width: auto !important;
11076
}
11077
.select2-drop {
11078
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11079
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11080
  border-color: transparent !important;
11081
}
11082
.select2-results {
11083
  margin-top: 8px;
11084
}
11085
.select2-results .select2-highlighted {
11086
  background: rgba(0, 0, 0, 0.085);
11087
  color: #212121;
11088
}
11089
.select2-search input {
11090
  border-width: 0 0 1px;
11091
  -webkit-box-shadow: none;
11092
  box-shadow: none;
11093
}
11094
.select2-container-active .select2-choice,
11095
.select2-container-active .select2-choices {
11096
  -webkit-box-shadow: none;
11097
  box-shadow: none;
11098
}
11099
.ui-datepicker,
11100
.ui-datepicker .ui-datepicker-header {
11101
  border: none;
11102
}
11103
.ui-datepicker th {
11104
  font: 400 13px / 15px "Roboto", sans-serif;
11105
  text-transform: uppercase;
11106
  color: #727272;
11107
}
11108
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
11109
.ui-datepicker .ui-datepicker-next.ui-state-hover {
11110
  background: transparent !important;
11111
  border-color: transparent !important;
11112
  font-weight: 400 !important;
11113
  color: #727272 !important;
11114
}
11115
.ui-datepicker .ui-datepicker-prev span,
11116
.ui-datepicker .ui-datepicker-next span {
11117
  background: transparent;
11118
  display: block;
11119
  position: relative;
11120
  left: 0;
11121
  top: 0;
11122
  margin: 0;
11123
  width: 24px;
11124
  height: 24px;
11125
}
11126
.ui-datepicker .ui-datepicker-prev span:after,
11127
.ui-datepicker .ui-datepicker-next span:after {
11128
  position: absolute;
11129
  top: 2px;
11130
  display: block;
11131
  font-family: 'FontAwesome';
11132
  color: #727272 !important;
11133
  text-indent: 0;
11134
  font-size: 14px;
11135
}
11136
.ui-datepicker .ui-datepicker-prev span:after {
11137
  left: 0;
11138
  content: '\f053';
11139
}
11140
.ui-datepicker .ui-datepicker-next span:after {
11141
  right: 0;
11142
  content: '\f054';
11143
}
11144
.ui-datepicker tbody td a,
11145
.ui-datepicker tbody td span {
11146
  -webkit-box-sizing: border-box;
11147
  box-sizing: border-box;
11148
  padding: 4px;
11149
  text-align: center;
11150
  width: 30px;
11151
  height: 30px;
11152
  line-height: 24px;
11153
  display: block;
11154
  border-radius: 50%;
11155
}
11156
.ui-datepicker tbody td a:hover,
11157
.ui-datepicker tbody td span:hover {
11158
  background: rgba(0, 0, 0, 0.085);
11159
}
11160
.ui-datepicker select {
11161
  border-width: 0 0 1px;
11162
}
11163
.ui-datepicker select + select {
11164
  margin-left: 4px !important;
11165
}
11166
.ui-datepicker .ui-state-default,
11167
.ui-datepicker .ui-widget-content .ui-state-default,
11168
.ui-datepicker .ui-widget-header .ui-state-default {
11169
  border: none;
11170
  background: transparent;
11171
}
11172
.ui-datepicker .ui-state-active {
11173
  background: #009688 !important;
11174
  color: #fff;
11175
}
11176
.editableform {
11177
  margin-bottom: 0;
11178
}
11179
.editableform .control-group {
11180
  margin-bottom: 0;
11181
  white-space: nowrap;
11182
  line-height: 20px;
11183
}
11184
.editableform .form-control {
11185
  width: auto;
11186
}
11187
.editable-buttons.editable-buttons-bottom {
11188
  display: block;
11189
}
11190
.editable-buttons button.ui-button-icon-only {
11191
  height: 24px;
11192
  width: 30px;
11193
}
11194
.editable-input .editableform-loading {
11195
  background-position: left 5px;
11196
}
11197
.editable-input .add-on .icon-th {
11198
  margin-top: 3px;
11199
  margin-left: 1px;
11200
}
11201
.editableform-loading {
11202
  background: url('../img/spinners/spinner.gif') center center no-repeat;
11203
  height: 32px;
11204
  margin: 24px 0;
11205
}
11206
.editable-error-block {
11207
  margin: 8px 0 0 0;
11208
  white-space: normal;
11209
  text-align: center;
11210
}
11211
.editable-error-block.ui-state-error {
11212
  padding: 3px;
11213
}
11214
.editable-error {
11215
  color: #e53935;
11216
}
11217
.editableform .editable-date {
11218
  padding: 0;
11219
  margin: 0;
11220
  float: left;
11221
}
11222
.editable-checklist label {
11223
  white-space: nowrap;
11224
}
11225
.editable-checklist label input[type="checkbox"],
11226
.editable-checklist label span {
11227
  vertical-align: middle;
11228
  margin: 0;
11229
}
11230
.editable-checklist > div + div {
11231
  margin-top: 8px;
11232
}
11233
.editable-wysihtml5 {
11234
  width: 566px;
11235
  height: 250px;
11236
}
11237
.editable-clear {
11238
  clear: both;
11239
  font-size: 0.9em;
11240
  text-decoration: none;
11241
  text-align: right;
11242
}
11243
.editable-clear-x {
11244
  display: block;
11245
  width: 24px;
11246
  height: 42px;
11247
  position: absolute;
11248
  z-index: 100;
11249
  top: 0;
11250
  right: 0;
11251
}
11252
.editable-clear-x:after {
11253
  opacity: 0.6;
11254
  content: '\e5cd';
11255
  font-family: "Material Icons";
11256
  font-size: 18px;
11257
  position: absolute;
11258
  top: 11px;
11259
  right: 8px;
11260
  display: block;
11261
  color: #727272;
11262
  cursor: pointer;
11263
}
11264
.editable-clear-x:hover:after {
11265
  opacity: 1;
11266
}
11267
.editable-pre-wrapped {
11268
  white-space: pre-wrap;
11269
}
11270
.editable-container.editable-popup {
11271
  max-width: none !important;
11272
}
11273
.editable-container.popover {
11274
  width: auto;
11275
}
11276
.editable-container.editable-inline {
11277
  display: inline-block;
11278
  vertical-align: middle;
11279
  width: auto;
11280
}
11281
.editable-container.ui-widget {
11282
  font-size: inherit;
11283
  z-index: 9990;
11284
}
11285
.editable-click,
11286
a.editable-click,
11287
a.editable-click:hover {
11288
  text-decoration: none;
11289
  border-bottom: dashed 1px #0088cc;
11290
}
11291
.editable-click.editable-disabled,
11292
a.editable-click.editable-disabled,
11293
a.editable-click.editable-disabled:hover {
11294
  color: #585858;
11295
  cursor: default;
11296
  border-bottom: none;
11297
}
11298
.editable-empty,
11299
.editable-empty:hover,
11300
.editable-empty:focus {
11301
  font-style: italic;
11302
  color: #DD1144;
11303
  text-decoration: none;
11304
}
11305
.editable-unsaved {
11306
  font-weight: bold;
11307
}
11308
.editable-bg-transition {
11309
  -webkit-transition: background-color 1400ms ease-out;
11310
  transition: background-color 1400ms ease-out;
11311
}
11312
.form-horizontal .editable {
11313
  padding-top: 5px;
11314
  display: inline-block;
11315
}
11316
.select2-container--default .select2-selection--single {
11317
  border-color: rgba(0, 0, 0, 0.12);
11318
  border-radius: 0;
11319
  height: 40px;
11320
  outline: none !important;
11321
  -webkit-box-sizing: border-box;
11322
  box-sizing: border-box;
11323
}
11324
.select2-container--default .select2-selection--single .select2-selection__rendered {
11325
  line-height: 40px;
11326
}
11327
.select2-container--default .select2-selection--single .select2-selection__clear {
11328
  width: 18px;
11329
  position: relative;
11330
  text-indent: -9999em;
11331
  height: 38px;
11332
}
11333
.select2-container--default .select2-selection--single .select2-selection__clear:after {
11334
  text-indent: 0;
11335
  display: block;
11336
  position: absolute;
11337
  top: 0;
11338
  right: 0;
11339
  color: #727272;
11340
  content: '\e5cd';
11341
  font-family: "Material Icons";
11342
  font-size: 18px;
11343
}
11344
.select2-container--default .select2-selection--single .select2-selection__arrow {
11345
  height: 38px;
11346
}
11347
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
11348
  display: block;
11349
  position: absolute;
11350
  top: 8px;
11351
  right: 2px;
11352
  color: #727272;
11353
  content: '\e5c5';
11354
  font-family: "Material Icons";
11355
  font-size: 18px;
11356
}
11357
.select2-container--default .select2-selection--single .select2-selection__arrow b {
11358
  display: none;
11359
}
11360
.select2-container--default .select2-search--dropdown .select2-search__field {
11361
  border-width: 0 0 1px;
11362
  border-color: rgba(0, 0, 0, 0.12);
11363
  height: 32px;
11364
  line-height: 32px;
11365
  -webkit-transition: all 260ms cubic-bezier(0.4, 0, 0.2, 1);
11366
  transition: all 260ms cubic-bezier(0.4, 0, 0.2, 1);
11367
}
11368
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
11369
  border-bottom-color: #1976d2;
11370
}
11371
.select2-container--default .select2-selection--multiple {
11372
  border-color: rgba(0, 0, 0, 0.12);
11373
  border-radius: 0;
11374
  min-height: 40px;
11375
  padding: 6px 8px 3px;
11376
  -webkit-box-sizing: border-box;
11377
  box-sizing: border-box;
11378
}
11379
.select2-container--default .select2-selection--multiple .select2-selection__choice {
11380
  border-radius: 18px;
11381
  padding: 3px 2px 2px 8px;
11382
  font-size: 14px;
11383
  border: none;
11384
  margin-top: 0;
11385
  margin-bottom: 5px;
11386
  background: #f2f2f2;
11387
}
11388
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
11389
  padding-left: 0;
11390
  display: block;
11391
}
11392
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
11393
  float: right;
11394
  text-indent: -9999em;
11395
  position: relative;
11396
  width: 18px;
11397
  height: 18px;
11398
  margin-left: 4px;
11399
}
11400
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after {
11401
  text-indent: 0;
11402
  display: block;
11403
  position: absolute;
11404
  top: -2px;
11405
  right: 0;
11406
  color: #727272;
11407
  content: '\e5cd';
11408
  font-family: "Material Icons";
11409
  font-size: 18px;
11410
}
11411
.select2-container--default.select2-container--focus .select2-selection--multiple {
11412
  border-color: rgba(0, 0, 0, 0.12);
11413
}
11414
.select2-container--default .select2-results__group {
11415
  font-size: 12px;
11416
  color: #aaa;
11417
  padding-top: 8px;
11418
  border-bottom: rgba(0, 0, 0, 0.12);
11419
  text-transform: uppercase;
11420
  font-weight: 400;
11421
}
11422
.select2-container--default .select2-results__option--highlighted[aria-selected] {
11423
  background: rgba(0, 0, 0, 0.085);
11424
  color: inherit;
11425
}
11426
.select2-container--default .select2-results__option[aria-selected=true] {
11427
  background: rgba(0, 0, 0, 0.085);
11428
}
11429
.select2-container--default .select2-results > .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true] {
11430
  display: none;
11431
}
11432
.select2-container--default .select2-results__option .select2-results__option {
11433
  font-size: 15px;
11434
}
11435
.select2-dropdown {
11436
  border-radius: 0;
11437
  border-color: transparent;
11438
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11439
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11440
}
11441
/*
11442
 * Dropzone CSS
11443
 * The MIT License
11444
 * Copyright (c) 2012 Matias Meno <m@tias.me>
11445
 */
11446
.dropzone {
11447
  position: relative;
11448
  min-height: 150px;
11449
  border: 2px dashed rgba(0, 0, 0, 0.12);
11450
  background: #fff;
11451
  padding: 16px;
11452
  border-radius: 3px;
11453
}
11454
.dropzone,
11455
.dropzone * {
11456
  -webkit-box-sizing: border-box;
11457
  box-sizing: border-box;
11458
}
11459
.dropzone.dz-clickable {
11460
  cursor: pointer !important;
11461
}
11462
.dropzone.dz-clickable * {
11463
  cursor: default;
11464
}
11465
.dropzone.dz-clickable .dz-message,
11466
.dropzone.dz-clickable .dz-message * {
11467
  cursor: pointer;
11468
}
11469
.dropzone.dz-started .dz-message {
11470
  display: none;
11471
}
11472
.dropzone.dz-drag-hover {
11473
  border-style: solid;
11474
}
11475
.dropzone.dz-drag-hover .dz-message {
11476
  opacity: 0.5;
11477
}
11478
.dropzone .dz-message {
11479
  text-align: center;
11480
  margin: 2em 0;
11481
}
11482
.dropzone .dz-preview {
11483
  position: relative;
11484
  display: inline-block;
11485
  width: 120px;
11486
  vertical-align: top;
11487
  margin: 16px;
11488
  min-height: 100px;
11489
}
11490
.dropzone .dz-preview:hover {
11491
  z-index: 1000;
11492
}
11493
.dropzone .dz-preview:hover .dz-details {
11494
  opacity: 1;
11495
}
11496
.dropzone .dz-preview:hover .dz-image img {
11497
  -webkit-transform: scale(1.05, 1.05);
11498
  transform: scale(1.05, 1.05);
11499
  -webkit-filter: blur(8px);
11500
  filter: blur(8px);
11501
}
11502
.dropzone .dz-preview .dz-image {
11503
  border-radius: 20px;
11504
  overflow: hidden;
11505
  width: 120px;
11506
  height: 120px;
11507
  position: relative;
11508
  display: block;
11509
  z-index: 10;
11510
  cursor: default;
11511
}
11512
.dropzone .dz-preview .dz-image img {
11513
  display: block;
11514
}
11515
.dropzone .dz-preview .dz-details {
11516
  z-index: 20;
11517
  position: absolute;
11518
  top: 20%;
11519
  left: 0;
11520
  opacity: 0;
11521
  font-size: 12px;
11522
  min-width: 100%;
11523
  max-width: 100%;
11524
  padding: 4px;
11525
  text-align: center;
11526
  color: rgba(0, 0, 0, 0.9);
11527
}
11528
.dropzone .dz-preview .dz-details .dz-filename {
11529
  white-space: nowrap;
11530
}
11531
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
11532
  overflow: hidden;
11533
  text-overflow: ellipsis;
11534
}
11535
.dropzone .dz-preview .dz-details .dz-filename:hover span {
11536
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
11537
}
11538
.dropzone .dz-preview .dz-details .dz-filename span,
11539
.dropzone .dz-preview .dz-details .dz-size span {
11540
  display: inline-block;
11541
  background-color: rgba(255, 255, 255, 0.6);
11542
  border-radius: 3px;
11543
  margin-bottom: 8px;
11544
  padding: 0 4px;
11545
  font-size: 12px;
11546
  height: 18px;
11547
  line-height: 16px;
11548
  border: 1px solid transparent;
11549
}
11550
.dropzone .dz-preview.dz-file-preview .dz-image {
11551
  border-radius: 20px;
11552
  background: #999;
11553
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
11554
  background: linear-gradient(to bottom, #eee, #ddd);
11555
}
11556
.dropzone .dz-preview.dz-file-preview .dz-details {
11557
  opacity: 1;
11558
}
11559
.dropzone .dz-preview.dz-image-preview {
11560
  background: white;
11561
}
11562
.dropzone .dz-preview.dz-image-preview .dz-details {
11563
  -webkit-transition: opacity 0.2s linear;
11564
  transition: opacity 0.2s linear;
11565
}
11566
.dropzone .dz-preview .dz-remove {
11567
  font-size: 12px;
11568
  text-align: center;
11569
  display: block;
11570
  cursor: pointer;
11571
  border: none;
11572
  text-transform: uppercase;
11573
  margin-top: 4px;
11574
}
11575
.dropzone .dz-preview .dz-remove:hover {
11576
  text-decoration: underline;
11577
}
11578
.dropzone .dz-preview .dz-progress {
11579
  display: block;
11580
  border: 1px solid rgba(0, 0, 0, 0.12);
11581
  opacity: 1;
11582
  z-index: 1000;
11583
  pointer-events: none;
11584
  position: absolute;
11585
  height: 16px;
11586
  left: 50%;
11587
  top: 50%;
11588
  margin-top: -8px;
11589
  width: 80px;
11590
  margin-left: -40px;
11591
  background: rgba(255, 255, 255, 0.9);
11592
  border-radius: 8px;
11593
  overflow: hidden;
11594
}
11595
.dropzone .dz-preview .dz-progress .dz-upload {
11596
  display: block;
11597
  height: 100%;
11598
  width: 0;
11599
  background: #333;
11600
  background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
11601
  background: linear-gradient(to bottom, #666, #444);
11602
  position: absolute;
11603
  top: 0;
11604
  left: 0;
11605
  bottom: 0;
11606
  -webkit-transition: width 300ms ease-in-out;
11607
  transition: width 300ms ease-in-out;
11608
}
11609
.dropzone .dz-preview.dz-processing .dz-progress {
11610
  opacity: 1;
11611
  -webkit-transition: all 0.2s linear;
11612
  transition: all 0.2s linear;
11613
}
11614
.dropzone .dz-preview.dz-complete .dz-progress {
11615
  opacity: 0;
11616
  -webkit-transition: opacity 0.4s ease-in;
11617
  transition: opacity 0.4s ease-in;
11618
}
11619
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
11620
  -webkit-animation: pulse 6s ease infinite;
11621
  animation: pulse 6s ease infinite;
11622
}
11623
.dropzone .dz-preview .dz-error-message {
11624
  pointer-events: none;
11625
  z-index: 1000;
11626
  position: absolute;
11627
  display: none;
11628
  opacity: 0;
11629
  -webkit-transition: opacity 0.3s ease;
11630
  transition: opacity 0.3s ease;
11631
  border-radius: 4px;
11632
  font-size: 13px;
11633
  top: 130px;
11634
  left: -10px;
11635
  width: 140px;
11636
  background: #e53935;
11637
  padding: 8px;
11638
  color: #fff;
11639
  word-break: break-word;
11640
}
11641
.dropzone .dz-preview .dz-error-message:after {
11642
  content: '';
11643
  position: absolute;
11644
  top: -6px;
11645
  left: 64px;
11646
  width: 0;
11647
  height: 0;
11648
  border-left: 6px solid transparent;
11649
  border-right: 6px solid transparent;
11650
  border-bottom: 6px solid #e53935;
11651
}
11652
.dropzone .dz-preview.dz-error .dz-error-message {
11653
  display: block;
11654
}
11655
.dropzone .dz-preview.dz-error .dz-error-message:hover .dz-error-message {
11656
  opacity: 1;
11657
  pointer-events: auto;
11658
}
11659
.dropzone .dz-preview.dz-error .dz-error-message,
11660
.dropzone .dz-preview.dz-error .dz-error-mark {
11661
  opacity: 1;
11662
  display: block;
11663
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
11664
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
11665
}
11666
.dropzone .dz-preview.dz-success .dz-success-mark {
11667
  display: block;
11668
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
11669
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
11670
}
11671
.dropzone .dz-preview .dz-error-mark,
11672
.dropzone .dz-preview .dz-success-mark {
11673
  position: absolute;
11674
  width: 54px;
11675
  height: 58px;
11676
  left: 50%;
11677
  margin-left: -27px;
11678
  margin-top: -27px;
11679
  pointer-events: none;
11680
  opacity: 0;
11681
  z-index: 500;
11682
  display: block;
11683
  top: 50%;
11684
}
11685
.dropzone .dz-preview .dz-error-mark svg,
11686
.dropzone .dz-preview .dz-success-mark svg {
11687
  display: block;
11688
  width: 54px;
11689
  height: 54px;
11690
}
11691
@-webkit-keyframes passing-through {
11692
  0% {
11693
    opacity: 0;
11694
    -webkit-transform: translateY(40px);
11695
    transform: translateY(40px);
11696
  }
11697
  30%,
11698
  70% {
11699
    opacity: 1;
11700
    -webkit-transform: translateY(0px);
11701
    transform: translateY(0px);
11702
  }
11703
  100% {
11704
    opacity: 0;
11705
    -webkit-transform: translateY(-40px);
11706
    transform: translateY(-40px);
11707
  }
11708
}
11709
@keyframes passing-through {
11710
  0% {
11711
    opacity: 0;
11712
    -webkit-transform: translateY(40px);
11713
    transform: translateY(40px);
11714
  }
11715
  30%,
11716
  70% {
11717
    opacity: 1;
11718
    -webkit-transform: translateY(0px);
11719
    transform: translateY(0px);
11720
  }
11721
  100% {
11722
    opacity: 0;
11723
    -webkit-transform: translateY(-40px);
11724
    transform: translateY(-40px);
11725
  }
11726
}
11727
@-webkit-keyframes slide-in {
11728
  0% {
11729
    opacity: 0;
11730
    -webkit-transform: translateY(40px);
11731
    transform: translateY(40px);
11732
  }
11733
  30% {
11734
    opacity: 1;
11735
    -webkit-transform: translateY(0px);
11736
    transform: translateY(0px);
11737
  }
11738
}
11739
@keyframes slide-in {
11740
  0% {
11741
    opacity: 0;
11742
    -webkit-transform: translateY(40px);
11743
    transform: translateY(40px);
11744
  }
11745
  30% {
11746
    opacity: 1;
11747
    -webkit-transform: translateY(0px);
11748
    transform: translateY(0px);
11749
  }
11750
}
11751
@-webkit-keyframes pulse {
11752
  0% {
11753
    -webkit-transform: scale(1);
11754
    transform: scale(1);
11755
  }
11756
  10% {
11757
    -webkit-transform: scale(1.1);
11758
    transform: scale(1.1);
11759
  }
11760
  20% {
11761
    -webkit-transform: scale(1);
11762
    transform: scale(1);
11763
  }
11764
}
11765
@keyframes pulse {
11766
  0% {
11767
    -webkit-transform: scale(1);
11768
    transform: scale(1);
11769
  }
11770
  10% {
11771
    -webkit-transform: scale(1.1);
11772
    transform: scale(1.1);
11773
  }
11774
  20% {
11775
    -webkit-transform: scale(1);
11776
    transform: scale(1);
11777
  }
11778
}
11779
/* 7. partials (header,sidebars,top bar) ============= */
11780
/* main header */
11781
#header_main {
11782
  background: #1976d2;
11783
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11784
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
11785
  padding: 0 25px;
11786
  height: 48px;
11787
  left: 0;
11788
  position: fixed;
11789
  right: 0;
11790
  top: 0;
11791
  z-index: 1104;
11792
}
11793
#header_main:before,
11794
#header_main:after {
11795
  content: " ";
11796
  display: table;
11797
}
11798
#header_main:after {
11799
  clear: both;
11800
}
11801
#header_main:before,
11802
#header_main:after {
11803
  content: " ";
11804
  display: table;
11805
}
11806
#header_main:after {
11807
  clear: both;
11808
}
11809
#header_main .uk-navbar {
11810
  border: none;
11811
  background: none;
11812
}
11813
#header_main .uk-navbar .uk-navbar-brand {
11814
  text-shadow: none;
11815
  color: #fff;
11816
  line-height: 52px;
11817
  height: 48px;
11818
  font-size: 18px;
11819
  padding: 0;
11820
  text-transform: uppercase;
11821
}
11822
#header_main .uk-navbar .uk-navbar-brand + * {
11823
  margin-left: 25px;
11824
}
11825
#header_main .uk-navbar .uk-navbar-nav {
11826
  position: relative;
11827
}
11828
#header_main .uk-navbar .uk-navbar-nav > li {
11829
  position: static;
11830
}
11831
#header_main .uk-navbar .uk-navbar-nav > li > a {
11832
  color: #fff;
11833
  text-shadow: none;
11834
  border: none;
11835
  line-height: 44px;
11836
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
11837
  -webkit-box-sizing: border-box;
11838
  box-sizing: border-box;
11839
  height: 48px;
11840
  z-index: auto;
11841
  cursor: pointer;
11842
}
11843
@media only screen and (max-width: 767px) {
11844
  #header_main .uk-navbar .uk-navbar-nav > li > a {
11845
    line-height: 44px;
11846
  }
11847
}
11848
@media only screen and (max-width: 767px) {
11849
  #header_main .uk-navbar .uk-navbar-nav > li > a {
11850
    padding: 2px 10px 0;
11851
  }
11852
}
11853
#header_main .uk-navbar .uk-navbar-nav > li > a:focus,
11854
#header_main .uk-navbar .uk-navbar-nav > li > a:active {
11855
  background: none;
11856
}
11857
#header_main .uk-navbar .uk-navbar-nav > li > a:after {
11858
  position: absolute;
11859
  bottom: -2px;
11860
  left: 50%;
11861
  content: '';
11862
  display: block;
11863
  height: 0;
11864
  width: 0;
11865
  border: 7px solid transparent;
11866
  margin-left: -6px;
11867
  z-index: -1;
11868
  -webkit-transition: all 100ms ease-in 0ms;
11869
  transition: all 100ms ease-in 0ms;
11870
}
11871
#header_main .uk-navbar .uk-navbar-nav > li > a.navbar_link {
11872
  line-height: 48px;
11873
}
11874
#header_main .uk-navbar .uk-navbar-nav > li:hover > a,
11875
#header_main .uk-navbar .uk-navbar-nav > li:focus > a,
11876
#header_main .uk-navbar .uk-navbar-nav > li.uk-open > a,
11877
#header_main .uk-navbar .uk-navbar-nav > li.uk-active > a {
11878
  background: none;
11879
}
11880
#header_main .uk-navbar .uk-navbar-nav > li.uk-open > a {
11881
  position: relative;
11882
}
11883
#header_main .uk-navbar .uk-navbar-nav > li.uk-open > a:after {
11884
  border-bottom-color: #fff;
11885
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
11886
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
11887
  z-index: 1104;
11888
}
11889
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown {
11890
  margin-top: 1px;
11891
  max-height: 300px;
11892
  top: 100% !important;
11893
  right: 0 !important;
11894
  left: auto !important;
11895
}
11896
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .md-list {
11897
  margin-left: -10px;
11898
}
11899
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .md-list > li {
11900
  margin-right: 16px;
11901
}
11902
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .uk-switcher {
11903
  max-height: 216px;
11904
  overflow-y: auto;
11905
  -webkit-overflow-scrolling: touch;
11906
}
11907
#header_main .user_actions a.user_action_image {
11908
  position: relative;
11909
  line-height: 48px !important;
11910
}
11911
#header_main .user_actions .user_action_icon {
11912
  display: block;
11913
  position: relative;
11914
  text-align: center;
11915
  padding-top: 4px;
11916
}
11917
#header_main .user_actions .user_action_icon:hover,
11918
#header_main .user_actions .user_action_icon:focus {
11919
  text-decoration: none;
11920
}
11921
#header_main .user_actions .user_action_icon > .uk-badge {
11922
  background: rgba(0, 0, 0, 0.5);
11923
  color: #fff;
11924
  font-size: 11px;
11925
  font-weight: normal;
11926
  position: absolute;
11927
  left: 0;
11928
  top: 8px;
11929
  min-width: 20px;
11930
  padding: 1px 4px;
11931
  line-height: 14px;
11932
  border-radius: 2px;
11933
}
11934
#header_main .sSwitch {
11935
  cursor: pointer;
11936
  margin: 12px 0 0;
11937
  padding: 12px 0;
11938
  position: relative;
11939
}
11940
#header_main .sSwitch:before {
11941
  content: '';
11942
  position: absolute;
11943
  top: 4px;
11944
  width: 2px;
11945
  height: 18px;
11946
  background: rgba(255, 255, 255, 0.6);
11947
  display: block;
11948
  opacity: 0;
11949
  -webkit-transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
11950
  transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
11951
}
11952
#header_main .sSwitch,
11953
#header_main .sSwitch .sSwitchIcon {
11954
  display: block;
11955
  height: 2px;
11956
  position: relative;
11957
  -webkit-user-select: none;
11958
  -moz-user-select: none;
11959
  -ms-user-select: none;
11960
  user-select: none;
11961
  width: 20px;
11962
}
11963
#header_main .sSwitch .sSwitchIcon {
11964
  will-change: transform;
11965
}
11966
#header_main .sSwitch .sSwitchIcon,
11967
#header_main .sSwitch .sSwitchIcon:before,
11968
#header_main .sSwitch .sSwitchIcon:after {
11969
  background: #fff;
11970
  -webkit-transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
11971
  transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
11972
}
11973
#header_main .sSwitch .sSwitchIcon:before,
11974
#header_main .sSwitch .sSwitchIcon:after {
11975
  content: "";
11976
  display: block;
11977
  height: 2px;
11978
  position: absolute;
11979
  width: 20px;
11980
  z-index: -1;
11981
}
11982
#header_main .sSwitch .sSwitchIcon:before {
11983
  top: 6px;
11984
}
11985
#header_main .sSwitch .sSwitchIcon:after {
11986
  top: -6px;
11987
}
11988
#header_main .sSwitch.sSwitch_left {
11989
  float: left;
11990
  margin-right: 16px;
11991
}
11992
#header_main .sSwitch.sSwitch_left:before {
11993
  left: -8px;
11994
}
11995
#header_main .sSwitch.sSwitch_left .sSwitchIcon {
11996
  -webkit-transform: rotate(-180deg);
11997
  transform: rotate(-180deg);
11998
}
11999
#header_main .sSwitch.sSwitch_left .sSwitchIcon:before,
12000
#header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
12001
  left: 0;
12002
}
12003
#header_main .sSwitch.sSwitch_right {
12004
  float: right;
12005
  margin-left: 30px;
12006
}
12007
#header_main .sSwitch.sSwitch_right:before {
12008
  right: -8px;
12009
}
12010
@media only screen and (max-width: 767px) {
12011
  #header_main .sSwitch.sSwitch_right {
12012
    margin-left: 24px;
12013
  }
12014
}
12015
#header_main .sSwitch.sSwitch_right .sSwitchIcon {
12016
  -webkit-transform: rotate(-180deg);
12017
  transform: rotate(-180deg);
12018
}
12019
#header_main .sSwitch.sSwitch_right .sSwitchIcon:before,
12020
#header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
12021
  right: 0;
12022
}
12023
#header_main .sSwitch.sSwitch_right.sidebar_secondary_check {
12024
  display: none;
12025
}
12026
#header_main .header_main_search_form {
12027
  display: none;
12028
  position: relative;
12029
  padding: 2px 46px 0 40px;
12030
  margin: 5px 0;
12031
}
12032
#header_main .header_main_search_form form {
12033
  display: block;
12034
  position: static;
12035
}
12036
#header_main .header_main_search_form .md-icon,
12037
#header_main .header_main_search_form .md-icon:hover,
12038
#header_main .header_main_search_form .md-icon:focus {
12039
  color: #fff;
12040
}
12041
#header_main .header_main_search_form [data-uk-autocomplete] .uk-dropdown {
12042
  left: 40px;
12043
  right: 46px;
12044
  width: auto;
12045
}
12046
#header_main .header_main_search_input {
12047
  border: none;
12048
  width: 100%;
12049
  -webkit-box-sizing: border-box;
12050
  box-sizing: border-box;
12051
  border-radius: 0;
12052
  vertical-align: top;
12053
  padding: 6px 15px;
12054
  font-size: 16px;
12055
  height: auto;
12056
  background: rgba(255, 255, 255, 0.2);
12057
  color: #fff;
12058
}
12059
#header_main .header_main_search_btn {
12060
  position: absolute;
12061
  top: 0;
12062
  right: -2px;
12063
  cursor: pointer;
12064
}
12065
#header_main .header_main_search_close {
12066
  position: absolute;
12067
  top: 3px;
12068
  left: 2px;
12069
}
12070
.header_double_height:after {
12071
  position: absolute;
12072
  top: 48px;
12073
  left: 0;
12074
  right: 0;
12075
  height: 59px;
12076
  background: #1976d2;
12077
  content: '';
12078
  display: block;
12079
}
12080
.header_double_height #header_main {
12081
  -webkit-box-shadow: none;
12082
  box-shadow: none;
12083
  position: absolute;
12084
}
12085
.header_double_height #page_content {
12086
  position: relative;
12087
  overflow: hidden;
12088
  padding-top: 10px;
12089
}
12090
.header_double_height #page_content_inner {
12091
  padding: 0;
12092
}
12093
.header_double_height .md-card-single {
12094
  position: relative;
12095
  z-index: 1;
12096
  -webkit-transform-origin: 50% 50%;
12097
  transform-origin: 50% 50%;
12098
}
12099
.header_double_height .md-card-single .md-card-content {
12100
  overflow-x: hidden;
12101
  overflow-y: auto;
12102
  -webkit-box-sizing: border-box;
12103
  box-sizing: border-box;
12104
  -webkit-overflow-scrolling: touch;
12105
}
12106
.header_double_height .md-list-outside-wrapper {
12107
  margin-top: 48px;
12108
}
12109
.main_logo_top {
12110
  float: left;
12111
  line-height: 48px;
12112
  min-width: 320px;
12113
  display: block;
12114
}
12115
@media only screen and (max-width: 767px) {
12116
  .main_logo_top {
12117
    min-width: inherit;
12118
    margin-right: 24px;
12119
  }
12120
}
12121
.main_logo_top > a {
12122
  display: inline-block;
12123
  line-height: 48px;
12124
}
12125
.main_logo_top > a img {
12126
  max-height: 48px;
12127
}
12128
.header_full #sidebar_main {
12129
  top: 48px;
12130
  height: auto;
12131
}
12132
.header_full #header_main {
12133
  margin-left: 0 !important;
12134
  z-index: 1214;
12135
}
12136
.header_full.sidebar_mini #sidebar_main .menu_section > ul > li > ul {
12137
  top: 48px;
12138
}
12139
.header_full.sidebar_mini #sidebar_main .menu_section > ul > li > a > .menu_title {
12140
  top: 48px;
12141
}
12142
/* main sidebar */
12143
#sidebar_main {
12144
  width: 320px;
12145
  border-right: 1px solid rgba(0, 0, 0, 0.12);
12146
  position: fixed;
12147
  height: 100%;
12148
  top: 0;
12149
  bottom: 0;
12150
  left: 0;
12151
  -webkit-transform: translate3d(-320px, 0, 0);
12152
  transform: translate3d(-320px, 0, 0);
12153
  z-index: 1204;
12154
  background: #fff;
12155
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
12156
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
12157
}
12158
#sidebar_main,
12159
#sidebar_main:before,
12160
#sidebar_main:after,
12161
#sidebar_main *,
12162
#sidebar_main *:before,
12163
#sidebar_main *:after {
12164
  -webkit-box-sizing: border-box;
12165
  box-sizing: border-box;
12166
}
12167
@media only screen and (max-width: 767px) {
12168
  #sidebar_main {
12169
    width: 360px;
12170
    -webkit-transform: translate3d(-360px, 0, 0);
12171
    transform: translate3d(-360px, 0, 0);
12172
  }
12173
}
12174
#sidebar_main .menu_section .menu_heading {
12175
  font: 400 12px / 16px "Open Sans";
12176
  margin: 0 0 12px;
12177
  padding: 6px 6px 12px;
12178
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
12179
  text-transform: uppercase;
12180
  color: #212121;
12181
}
12182
#sidebar_main .menu_section ul {
12183
  margin: 0;
12184
  padding: 0;
12185
  list-style: none;
12186
}
12187
#sidebar_main .menu_section ul > li {
12188
  padding: 0;
12189
  margin: 0;
12190
  list-style: none;
12191
}
12192
#sidebar_main .menu_section > ul > li > a {
12193
  font: 500 14px / 25px "Open Sans";
12194
  color: #212121;
12195
  padding: 8px 20px;
12196
  display: block;
12197
  overflow: hidden;
12198
  position: relative;
12199
}
12200
@media only screen and (max-width: 767px) {
12201
  #sidebar_main .menu_section > ul > li > a {
12202
    font-size: 16px;
12203
  }
12204
}
12205
#sidebar_main .menu_section > ul > li > a:hover {
12206
  text-decoration: none;
12207
}
12208
#sidebar_main .menu_section > ul > li > a > .menu_icon {
12209
  width: 48px;
12210
  text-align: left;
12211
  display: inline-block;
12212
  color: #727272;
12213
}
12214
#sidebar_main .menu_section > ul > li > a > .menu_icon .material-icons {
12215
  font-size: 24px;
12216
  vertical-align: top;
12217
}
12218
#sidebar_main .menu_section > ul > li > a .menu_title {
12219
  display: inline-block;
12220
}
12221
#sidebar_main .menu_section > ul > li > a .uk-badge {
12222
  padding: 1px 4px;
12223
  text-transform: uppercase;
12224
  font-size: 10px;
12225
  position: absolute;
12226
  left: 34px;
12227
  top: 0;
12228
}
12229
#sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a {
12230
  position: relative;
12231
}
12232
#sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a:before {
12233
  -webkit-transform: rotate(-180deg);
12234
  transform: rotate(-180deg);
12235
}
12236
#sidebar_main .menu_section > ul > li.current_section > a > .menu_icon .material-icons {
12237
  color: #7cb342;
12238
}
12239
#sidebar_main .menu_section > ul > li.current_section > a .menu_title {
12240
  color: #7cb342;
12241
}
12242
#sidebar_main .menu_section > ul > li ul {
12243
  margin: 0;
12244
  display: none;
12245
}
12246
#sidebar_main .menu_section > ul > li ul a {
12247
  padding: 8px 10px 8px 72px;
12248
  display: block;
12249
  font: 400 13px / 18px "Open Sans";
12250
  color: #212121;
12251
}
12252
@media only screen and (max-width: 767px) {
12253
  #sidebar_main .menu_section > ul > li ul a {
12254
    font-size: 15px;
12255
    line-height: 20px;
12256
  }
12257
}
12258
#sidebar_main .menu_section > ul > li ul a:hover {
12259
  text-decoration: none;
12260
}
12261
#sidebar_main .menu_section > ul > li ul li.act_item > a {
12262
  color: #7cb342;
12263
  font-weight: 500;
12264
}
12265
#sidebar_main .menu_section > ul > li ul li.menu_subtitle {
12266
  font-weight: 500;
12267
  font-size: 13px;
12268
  color: #aaa;
12269
  padding: 16px 0 4px 72px;
12270
}
12271
#sidebar_main .menu_section > ul > li ul .submenu-icon {
12272
  width: 24px;
12273
  text-align: left;
12274
  display: inline-block;
12275
  color: #727272;
12276
}
12277
#sidebar_main .menu_section > ul > li ul .submenu-icon .material-icons {
12278
  font-size: 18px;
12279
  vertical-align: top;
12280
}
12281
#sidebar_main .menu_section > ul > li.submenu_trigger > a {
12282
  position: relative;
12283
}
12284
#sidebar_main .menu_section > ul > li.submenu_trigger > a:before {
12285
  position: absolute;
12286
  right: 8px;
12287
  top: 9px;
12288
  content: '\e313';
12289
  font-family: "Material Icons";
12290
  font-size: 18px;
12291
  display: block;
12292
  color: #727272;
12293
  -webkit-transition: -webkit-transform 280ms;
12294
  transition: -webkit-transform 280ms;
12295
  transition: transform 280ms;
12296
  transition: transform 280ms, -webkit-transform 280ms;
12297
}
12298
#sidebar_main .menu_section > ul > li.submenu_trigger li ul {
12299
  margin-left: 16px;
12300
}
12301
#sidebar_main .menu_section > ul > li.submenu_trigger li.submenu_trigger > a {
12302
  position: relative;
12303
  padding-right: 32px;
12304
}
12305
#sidebar_main .menu_section > ul > li.submenu_trigger li.submenu_trigger > a:before {
12306
  position: absolute;
12307
  right: 8px;
12308
  top: 7px;
12309
  content: '\e5c5';
12310
  font-family: "Material Icons";
12311
  font-size: 18px;
12312
  display: block;
12313
  color: #727272;
12314
  -webkit-transition: -webkit-transform 280ms;
12315
  transition: -webkit-transform 280ms;
12316
  transition: transform 280ms;
12317
  transition: transform 280ms, -webkit-transform 280ms;
12318
}
12319
#sidebar_main .menu_section > ul > li.submenu_trigger li.submenu_trigger.act_section > a:before {
12320
  -webkit-transform: rotate(-180deg);
12321
  transform: rotate(-180deg);
12322
}
12323
#sidebar_main .sidebar_main_header {
12324
  height: 89px;
12325
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
12326
  margin-bottom: 20px;
12327
  background-image: url("../img/sidebar_head_bg.png");
12328
  background-repeat: no-repeat;
12329
  background-position: 0 0;
12330
  position: relative;
12331
}
12332
@media only screen and (-webkit-min-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) {
12333
  #sidebar_main .sidebar_main_header {
12334
    background-image: url("../img/sidebar_head_bg@2x.png");
12335
    background-size: 280px 90px;
12336
  }
12337
}
12338
#sidebar_main .sidebar_main_header .sidebar_logo {
12339
  height: 48px;
12340
  line-height: 48px;
12341
  overflow: hidden;
12342
}
12343
#sidebar_main .sidebar_main_header .sidebar_logo a {
12344
  display: inline-block;
12345
  margin-left: 20px;
12346
}
12347
#sidebar_main .sidebar_main_header .sidebar_logo a .logo_light {
12348
  display: none;
12349
}
12350
#sidebar_main .sidebar_main_header .sidebar_actions {
12351
  margin: 0 20px;
12352
}
12353
#sidebar_main .sidebar_main_header .sidebar_actions:before,
12354
#sidebar_main .sidebar_main_header .sidebar_actions:after {
12355
  content: " ";
12356
  display: table;
12357
}
12358
#sidebar_main .sidebar_main_header .sidebar_actions:after {
12359
  clear: both;
12360
}
12361
#sidebar_main .sidebar_main_header .sidebar_actions:before,
12362
#sidebar_main .sidebar_main_header .sidebar_actions:after {
12363
  content: " ";
12364
  display: table;
12365
}
12366
#sidebar_main .sidebar_main_header .sidebar_actions:after {
12367
  clear: both;
12368
}
12369
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
12370
  float: left;
12371
  height: 40px;
12372
}
12373
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
12374
  margin-top: -13px !important;
12375
  right: 32px;
12376
}
12377
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-input {
12378
  width: 48px;
12379
  border: none;
12380
  padding: 6px 0;
12381
  background: transparent;
12382
}
12383
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-input input {
12384
  -webkit-user-select: none !important;
12385
  -moz-user-select: none !important;
12386
  -ms-user-select: none !important;
12387
  user-select: none !important;
12388
}
12389
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown {
12390
  width: 160px !important;
12391
  margin-left: -8px;
12392
}
12393
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown .item-icon {
12394
  margin-right: 8px;
12395
}
12396
#sidebar_main .sSidebar_show {
12397
  display: none !important;
12398
}
12399
#page_content,
12400
#header_main,
12401
#top_bar {
12402
  will-change: margin;
12403
  -webkit-transition: margin 280ms;
12404
  transition: margin 280ms;
12405
}
12406
.sidebar_main_active #sidebar_main {
12407
  -webkit-transform: translate3d(0, 0, 0);
12408
  transform: translate3d(0, 0, 0);
12409
}
12410
@media only screen and (max-width: 1219px) {
12411
  .sidebar_main_active #sidebar_main {
12412
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 2px 4px 8px rgba(0, 0, 0, 0.28);
12413
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 2px 4px 8px rgba(0, 0, 0, 0.28);
12414
  }
12415
}
12416
@media only screen and (min-width: 1220px) {
12417
  .sidebar_main_active #page_content,
12418
  .sidebar_main_active #header_main,
12419
  .sidebar_main_active #top_bar {
12420
    margin-left: 320px;
12421
  }
12422
}
12423
@media only screen and (max-width: 1219px) {
12424
  .sidebar_main_active #page_content:before {
12425
    opacity: 1;
12426
    z-index: 1184;
12427
  }
12428
}
12429
.sidebar_main_active:not(.steps) .sSwitch_left .sSwitchIcon:before,
12430
.sidebar_main_active:not(.steps) .sSwitch_left .sSwitchIcon:after {
12431
  top: 0 !important;
12432
}
12433
.sidebar_main_active #header_main .sSwitch.sSwitch_left:before {
12434
  opacity: 1;
12435
}
12436
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon {
12437
  -webkit-transform: rotate(0deg);
12438
  transform: rotate(0deg);
12439
}
12440
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:before,
12441
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
12442
  width: 12px;
12443
}
12444
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
12445
  top: 4px;
12446
  -webkit-transform: rotate(35deg);
12447
  transform: rotate(35deg);
12448
  -webkit-transform-origin: left top;
12449
  transform-origin: left top;
12450
}
12451
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
12452
  top: -4px;
12453
  -webkit-transform: rotate(-35deg);
12454
  transform: rotate(-35deg);
12455
  -webkit-transform-origin: left bottom;
12456
  transform-origin: left bottom;
12457
}
12458
@media only screen and (min-width: 1220px) {
12459
  .sidebar_main_open #sidebar_main {
12460
    -webkit-transform: translate3d(0, 0, 0);
12461
    transform: translate3d(0, 0, 0);
12462
  }
12463
  .sidebar_main_open #page_content,
12464
  .sidebar_main_open #header_main,
12465
  .sidebar_main_open #top_bar {
12466
    margin-left: 320px;
12467
  }
12468
  .sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon:before,
12469
  .sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon:after {
12470
    top: 0 !important;
12471
  }
12472
  .sidebar_main_open #header_main .sSwitch.sSwitch_left:before {
12473
    opacity: 1;
12474
  }
12475
  .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon {
12476
    -webkit-transform: rotate(0deg);
12477
    transform: rotate(0deg);
12478
  }
12479
  .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:before,
12480
  .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
12481
    width: 12px;
12482
  }
12483
  .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
12484
    top: 4px;
12485
    -webkit-transform: rotate(35deg);
12486
    transform: rotate(35deg);
12487
    -webkit-transform-origin: left top;
12488
    transform-origin: left top;
12489
  }
12490
  .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
12491
    top: -4px;
12492
    -webkit-transform: rotate(-35deg);
12493
    transform: rotate(-35deg);
12494
    -webkit-transform-origin: left bottom;
12495
    transform-origin: left bottom;
12496
  }
12497
}
12498
@media only screen and (max-width: 1219px) {
12499
  .sidebar_main_hiding #page_content:before {
12500
    opacity: 0;
12501
    z-index: 1109;
12502
  }
12503
}
12504
/* mini sidebar */
12505
.sidebar_mini {
12506
  /* header full width */
12507
}
12508
.sidebar_mini #sidebar_main {
12509
  width: 60px;
12510
  background: #fff;
12511
  margin-left: 0;
12512
  -webkit-transform: none;
12513
  transform: none;
12514
  left: 0;
12515
}
12516
.sidebar_mini #sidebar_main .sidebar_main_header {
12517
  background-position: 0 0;
12518
}
12519
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_logo a {
12520
  margin-left: 0;
12521
  text-align: center;
12522
  display: block;
12523
}
12524
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions {
12525
  margin: 0 8px;
12526
}
12527
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
12528
  padding-left: 13px;
12529
}
12530
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input {
12531
  width: auto;
12532
  text-align: center;
12533
}
12534
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
12535
  display: none;
12536
}
12537
.sidebar_mini #sidebar_main .menu_section > ul > li {
12538
  position: relative;
12539
}
12540
.sidebar_mini #sidebar_main .menu_section > ul > li > a {
12541
  padding: 0;
12542
  display: block;
12543
  height: 42px;
12544
  text-align: center;
12545
}
12546
.sidebar_mini #sidebar_main .menu_section > ul > li > a .menu_icon {
12547
  display: inline-block;
12548
  text-align: center;
12549
  height: 48px;
12550
}
12551
.sidebar_mini #sidebar_main .menu_section > ul > li > a .menu_icon .material-icons {
12552
  line-height: 42px;
12553
}
12554
.sidebar_mini #sidebar_main .menu_section > ul > li > a > .menu_title {
12555
  text-align: left;
12556
  position: fixed;
12557
  left: 59px;
12558
  top: 0;
12559
  width: 202px;
12560
  display: none;
12561
  padding: 0 16px 0 17px;
12562
  line-height: 50px;
12563
  height: 48px;
12564
  font-size: 14px;
12565
  font-weight: 500;
12566
  text-transform: uppercase;
12567
  background: #7cb342;
12568
  color: #fff;
12569
  z-index: 1124;
12570
}
12571
.sidebar_mini #sidebar_main .menu_section > ul > li > a .uk-badge {
12572
  left: 4px;
12573
}
12574
.sidebar_mini #sidebar_main .menu_section > ul > li.sidebar_submenu > a:before {
12575
  position: absolute;
12576
  right: 2px;
12577
  top: 10px;
12578
  content: '\e315';
12579
  font-family: "Material Icons";
12580
  font-size: 14px;
12581
  display: block;
12582
  color: #727272;
12583
}
12584
.sidebar_mini #sidebar_main .menu_section > ul > li.sidebar_submenu_act > a .menu_icon .material-icons {
12585
  color: #7cb342;
12586
}
12587
.sidebar_mini #sidebar_main .menu_section > ul > li > ul {
12588
  position: fixed;
12589
  top: 0;
12590
  bottom: 0;
12591
  margin-top: 48px;
12592
  overflow-y: auto;
12593
  overflow-x: hidden;
12594
  left: 59px;
12595
  background: #fff;
12596
  z-index: 1114;
12597
  border-left: 2px solid #7cb342;
12598
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
12599
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
12600
}
12601
.sidebar_mini #sidebar_main .menu_section > ul > li > ul li {
12602
  width: 200px;
12603
}
12604
.sidebar_mini #sidebar_main .menu_section > ul > li > ul li a {
12605
  padding: 8px 16px;
12606
}
12607
.sidebar_mini #sidebar_main .menu_section > ul > li > ul li.menu_subtitle {
12608
  padding: 16px 16px 8px;
12609
}
12610
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu {
12611
  background: #7cb342;
12612
}
12613
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a .menu_icon .material-icons {
12614
  color: #fff;
12615
}
12616
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a .menu_title {
12617
  display: block;
12618
}
12619
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a:before {
12620
  display: none;
12621
}
12622
.sidebar_mini #sidebar_main .menu_section > ul > li:hover > ul {
12623
  display: block;
12624
}
12625
.sidebar_mini #sidebar_main .menu_section > ul > li li ul {
12626
  margin-left: 16px;
12627
  display: block;
12628
}
12629
.sidebar_mini #sidebar_main .sSidebar_hide {
12630
  display: none !important;
12631
}
12632
.sidebar_mini #sidebar_main .sSidebar_show {
12633
  display: block !important;
12634
}
12635
.sidebar_mini #page_content,
12636
.sidebar_mini #header_main,
12637
.sidebar_mini #top_bar {
12638
  margin-left: 60px;
12639
}
12640
.sidebar_mini.header_full #sidebar_main .menu_section > ul > li > a > .menu_title {
12641
  top: 0;
12642
}
12643
.sidebar_mini.header_full #sidebar_main .menu_section > ul > li > ul {
12644
  top: 0;
12645
}
12646
.sidebar_mini #footer {
12647
  margin-left: 60px;
12648
}
12649
/* slim sidebar */
12650
.sidebar_slim #sidebar_main {
12651
  -webkit-transform: none;
12652
  transform: none;
12653
  -webkit-transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
12654
  transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
12655
}
12656
.sidebar_slim #page_content,
12657
.sidebar_slim #header_main,
12658
.sidebar_slim #top_bar {
12659
  margin-left: 60px;
12660
}
12661
.sidebar_slim #footer {
12662
  margin-left: 60px;
12663
}
12664
.sidebar_slim_inactive #sidebar_main {
12665
  width: 66px;
12666
  background: #fff;
12667
  margin-left: 0;
12668
  left: 0;
12669
}
12670
.sidebar_slim_inactive #sidebar_main .sidebar_main_header {
12671
  background-position: 0 0;
12672
}
12673
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_logo a {
12674
  margin-left: 14px;
12675
  display: block;
12676
}
12677
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions {
12678
  margin: 0 8px;
12679
}
12680
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
12681
  padding-left: 12px;
12682
}
12683
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input {
12684
  width: auto;
12685
  text-align: center;
12686
}
12687
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
12688
  display: none;
12689
}
12690
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown {
12691
  display: none !important;
12692
}
12693
.sidebar_slim_inactive #sidebar_main .menu_section {
12694
  margin-top: -1px;
12695
}
12696
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a {
12697
  padding: 0 0 0 20px;
12698
  display: block;
12699
  height: 41px;
12700
}
12701
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a:before {
12702
  display: none;
12703
}
12704
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a .menu_icon {
12705
  display: inline-block;
12706
  height: 48px;
12707
}
12708
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a .menu_icon .material-icons {
12709
  line-height: 42px;
12710
}
12711
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a > .menu_title {
12712
  display: none;
12713
}
12714
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > ul {
12715
  display: none !important;
12716
}
12717
.sidebar_slim_inactive #sidebar_main .sSidebar_hide {
12718
  display: none !important;
12719
}
12720
.sidebar_slim_inactive #sidebar_main .sSidebar_show {
12721
  display: block !important;
12722
}
12723
.sidebar_slim_active #sidebar_main {
12724
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
12725
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
12726
  border-right-color: rgba(0, 0, 0, 0.25);
12727
}
12728
.sidebar_slim_active #sidebar_main .menu_section > ul > li {
12729
  width: 320px;
12730
}
12731
/* secondary sidebar */
12732
#sidebar_secondary {
12733
  position: fixed;
12734
  right: 0;
12735
  -webkit-transform: translate3d(288px, 0, 0);
12736
  transform: translate3d(288px, 0, 0);
12737
  top: 48px;
12738
  bottom: 0;
12739
  border-left: 1px solid rgba(0, 0, 0, 0.12);
12740
  width: 280px;
12741
  background: #fff;
12742
  overflow: hidden;
12743
  z-index: 1104;
12744
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), -2px 4px 8px rgba(0, 0, 0, 0.28);
12745
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), -2px 4px 8px rgba(0, 0, 0, 0.28);
12746
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
12747
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
12748
  will-change: transform;
12749
}
12750
#sidebar_secondary,
12751
#sidebar_secondary:before,
12752
#sidebar_secondary:after,
12753
#sidebar_secondary *,
12754
#sidebar_secondary *:before,
12755
#sidebar_secondary *:after {
12756
  -webkit-box-sizing: border-box;
12757
  box-sizing: border-box;
12758
}
12759
#sidebar_secondary .sidebar_secondary_wrapper {
12760
  margin: 8px 16px;
12761
}
12762
.header_double_height #sidebar_secondary {
12763
  top: 58px;
12764
}
12765
#sidebar_secondary .uk-switcher > li {
12766
  padding: 16px 16px 0;
12767
}
12768
#sidebar_secondary .uk-tab {
12769
  position: absolute;
12770
  top: 0;
12771
  left: 0;
12772
  right: 0;
12773
  z-index: 10;
12774
  background: #fff;
12775
}
12776
#sidebar_secondary.tabbed_sidebar {
12777
  padding-top: 44px;
12778
}
12779
.sidebar_secondary_active #sidebar_secondary {
12780
  -webkit-transform: translate3d(0, 0, 0);
12781
  transform: translate3d(0, 0, 0);
12782
}
12783
.sidebar_secondary_active:not(.steps) .sSwitch_right .sSwitchIcon:before,
12784
.sidebar_secondary_active:not(.steps) .sSwitch_right .sSwitchIcon:after {
12785
  top: 0 !important;
12786
}
12787
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right:before {
12788
  opacity: 1;
12789
}
12790
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon {
12791
  -webkit-transform: rotate(0deg);
12792
  transform: rotate(0deg);
12793
}
12794
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:before,
12795
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
12796
  width: 12px;
12797
}
12798
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:before {
12799
  top: 4px;
12800
  -webkit-transform: rotate(-35deg);
12801
  transform: rotate(-35deg);
12802
  -webkit-transform-origin: right bottom;
12803
  transform-origin: right bottom;
12804
}
12805
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
12806
  top: -4px;
12807
  -webkit-transform: rotate(35deg);
12808
  transform: rotate(35deg);
12809
  -webkit-transform-origin: right top;
12810
  transform-origin: right top;
12811
}
12812
/* top bar */
12813
#top_bar {
12814
  background: #fff;
12815
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
12816
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
12817
  height: 40px;
12818
  position: fixed;
12819
  top: 48px;
12820
  left: 0;
12821
  right: 0;
12822
  z-index: 100;
12823
  padding: 0 25px;
12824
}
12825
#top_bar,
12826
#top_bar:before,
12827
#top_bar:after,
12828
#top_bar *,
12829
#top_bar *:before,
12830
#top_bar *:after {
12831
  -webkit-box-sizing: border-box;
12832
  box-sizing: border-box;
12833
}
12834
#top_bar .top_bar_nav {
12835
  margin: 0;
12836
  padding: 0;
12837
  list-style: none;
12838
}
12839
#top_bar .top_bar_nav > li {
12840
  padding: 0;
12841
  margin: 0;
12842
  list-style: none;
12843
}
12844
#top_bar .top_bar_nav > li {
12845
  float: left;
12846
  text-align: center;
12847
}
12848
#top_bar .top_bar_nav > li > a {
12849
  line-height: 40px;
12850
  padding: 0 16px;
12851
  font-weight: 500;
12852
  color: #212121;
12853
  display: block;
12854
}
12855
#top_bar .top_bar_nav > li > a:hover {
12856
  -webkit-box-shadow: inset 0 -3px 0 #2196f3;
12857
  box-shadow: inset 0 -3px 0 #2196f3;
12858
}
12859
#top_bar .top_bar_nav > li.uk-active a {
12860
  -webkit-box-shadow: inset 0 -3px 0 #2196f3;
12861
  box-shadow: inset 0 -3px 0 #2196f3;
12862
}
12863
#top_bar .uk-slidenav-position:before,
12864
#top_bar .uk-slidenav-position:after {
12865
  position: absolute;
12866
  width: 25px;
12867
  height: 100%;
12868
  display: block;
12869
  top: 0;
12870
  content: '';
12871
}
12872
#top_bar .uk-slidenav-position:before {
12873
  left: -25px;
12874
}
12875
#top_bar .uk-slidenav-position:after {
12876
  right: -25px;
12877
}
12878
#top_bar .uk-slidenav-position:hover .uk-slidenav {
12879
  display: none;
12880
}
12881
#top_bar .uk-slidenav-position.uk-slidenav-hover:hover .uk-slidenav {
12882
  display: block;
12883
}
12884
#top_bar .uk-slidenav {
12885
  font-size: 32px;
12886
  height: 50px;
12887
  width: 24px;
12888
}
12889
#top_bar .uk-slidenav-previous {
12890
  left: -25px;
12891
}
12892
#top_bar .uk-slidenav-next {
12893
  right: -25px;
12894
}
12895
#top_bar.top_bar_static {
12896
  position: relative;
12897
  left: 0;
12898
  top: 0;
12899
  margin: 0 !important;
12900
}
12901
.top_bar_active {
12902
  padding-top: 88px;
12903
}
12904
.top_bar_active #header_main {
12905
  -webkit-box-shadow: none;
12906
  box-shadow: none;
12907
}
12908
.top_bar_static_active {
12909
  padding-top: 48px;
12910
}
12911
/* page heading */
12912
#page_heading {
12913
  background: #fff;
12914
  padding: 16px 24px;
12915
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
12916
  -webkit-box-sizing: border-box;
12917
  box-sizing: border-box;
12918
  min-height: 81px;
12919
}
12920
#page_heading h1 {
12921
  font: 500 22px / 28px "Open Sans";
12922
  margin: 0;
12923
}
12924
#page_heading .heading_actions {
12925
  float: right;
12926
  margin-top: 8px;
12927
  padding-right: 15px;
12928
}
12929
#page_heading .heading_actions > * {
12930
  display: inline-block;
12931
  margin-left: 8px;
12932
  position: relative;
12933
}
12934
#page_heading .heading_actions .material-icons {
12935
  font-size: 24px;
12936
}
12937
#page_heading.uk-active {
12938
  border-bottom: none;
12939
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
12940
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
12941
  z-index: 100;
12942
}
12943
.page_heading_active  #header_main {
12944
  -webkit-box-shadow: none;
12945
  box-shadow: none;
12946
}
12947
/* top menu */
12948
#menu_top_dropdown .top_menu_toggle {
12949
  height: 48px;
12950
  line-height: 51px;
12951
  color: #fff;
12952
  display: block;
12953
  padding: 0 8px;
12954
}
12955
#menu_top_dropdown .top_menu_toggle .material-icons {
12956
  color: #fff;
12957
}
12958
#menu_top_dropdown .uk-dropdown {
12959
  margin-top: 0;
12960
  overflow-y: auto;
12961
  -webkit-overflow-scrolling: touch;
12962
  max-height: 340px;
12963
}
12964
@media screen and (max-height: 320px) {
12965
  #menu_top_dropdown .uk-dropdown {
12966
    max-height: 252px;
12967
  }
12968
}
12969
/* top menu */
12970
#menu_top {
12971
  margin: 0;
12972
  padding: 0;
12973
  list-style: none;
12974
  position: relative;
12975
}
12976
#menu_top > li {
12977
  padding: 0;
12978
  margin: 0;
12979
  list-style: none;
12980
}
12981
#menu_top > li {
12982
  float: left;
12983
  position: relative;
12984
}
12985
#menu_top > li > a {
12986
  height: 40px;
12987
  line-height: 40px;
12988
  display: block;
12989
  color: #212121;
12990
  padding: 0 16px;
12991
  min-width: 60px;
12992
  text-align: center;
12993
  position: relative;
12994
}
12995
@media only screen and (max-width: 767px) {
12996
  #menu_top > li > a {
12997
    padding: 0 8px;
12998
  }
12999
}
13000
#menu_top > li > a:hover {
13001
  background: rgba(0, 0, 0, 0.085);
13002
}
13003
#menu_top > li > a .material-icons {
13004
  font-size: 24px;
13005
  vertical-align: -8px;
13006
}
13007
#menu_top > li > a > span {
13008
  margin-left: 8px;
13009
  vertical-align: -2px;
13010
}
13011
#menu_top > li[data-uk-dropdown] > a {
13012
  padding-right: 32px;
13013
}
13014
#menu_top > li[data-uk-dropdown] > a:after {
13015
  position: absolute;
13016
  right: 4px;
13017
  top: 2px;
13018
  content: '\e313';
13019
  display: block;
13020
  width: 24px;
13021
  height: 24px;
13022
  font-size: 18px;
13023
  font-family: "Material Icons";
13024
  color: #727272;
13025
}
13026
#menu_top > li.uk-open > a {
13027
  background: rgba(0, 0, 0, 0.085);
13028
}
13029
#menu_top > li .uk-dropdown {
13030
  margin-top: 1px;
13031
  top: 100% !important;
13032
}
13033
@media (max-height: 767px) {
13034
  #menu_top > li .uk-dropdown {
13035
    max-height: 200px !important;
13036
    overflow-y: auto !important;
13037
  }
13038
}
13039
@media (min-height: 768px) {
13040
  #menu_top > li [class*='uk-dropdown-width'] {
13041
    max-height: 640px;
13042
    overflow-y: auto;
13043
  }
13044
}
13045
#menu_top .uk-nav-multilevel li {
13046
  position: relative;
13047
}
13048
#menu_top .uk-nav-multilevel li ul {
13049
  position: absolute;
13050
  top: 0;
13051
  left: 100%;
13052
  width: 180px;
13053
  background: #fff;
13054
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13055
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13056
  margin: 0 0 0 1px;
13057
  padding: 0;
13058
  display: none;
13059
}
13060
#menu_top .uk-nav-multilevel li ul:before {
13061
  position: absolute;
13062
  left: -1px;
13063
  height: 100%;
13064
  width: 1px;
13065
  content: '';
13066
  display: block;
13067
  z-index: 10;
13068
}
13069
#menu_top .uk-nav-multilevel li ul li > a {
13070
  font-size: 14px;
13071
  color: #212121;
13072
  padding: 5px 15px;
13073
}
13074
#menu_top .uk-nav-multilevel li ul li > a:hover {
13075
  background: rgba(0, 0, 0, 0.085);
13076
}
13077
#menu_top .uk-nav-multilevel li:hover > a {
13078
  background: rgba(0, 0, 0, 0.085);
13079
}
13080
#menu_top .uk-nav-multilevel li:hover > ul {
13081
  display: block;
13082
}
13083
#menu_top .uk-nav-multilevel li.has-submenu:after {
13084
  display: block;
13085
  position: absolute;
13086
  top: 4px;
13087
  right: 2px;
13088
  color: #727272;
13089
  content: '\e5cc';
13090
  font-family: "Material Icons";
13091
  font-size: 16px;
13092
}
13093
#breadcrumbs {
13094
  background: #fff;
13095
  margin: 0;
13096
  padding: 0;
13097
  list-style: none;
13098
  overflow: hidden;
13099
  white-space: nowrap;
13100
}
13101
#breadcrumbs > li {
13102
  padding: 0;
13103
  margin: 0;
13104
  list-style: none;
13105
}
13106
#breadcrumbs > li {
13107
  display: inline-block;
13108
}
13109
#breadcrumbs > li a,
13110
#breadcrumbs > li span {
13111
  position: relative;
13112
  display: block;
13113
  font-size: 16px;
13114
  padding: 8px 0;
13115
  line-height: 24px;
13116
}
13117
#breadcrumbs > li + li a,
13118
#breadcrumbs > li + li span {
13119
  padding-left: 40px;
13120
}
13121
#breadcrumbs > li + li a:before,
13122
#breadcrumbs > li + li span:before {
13123
  position: absolute;
13124
  top: 50%;
13125
  left: 8px;
13126
  margin-top: -12px;
13127
  content: '\e315';
13128
  font-family: "Material Icons";
13129
  font-size: 24px;
13130
  display: block;
13131
  color: #727272;
13132
}
13133
#footer {
13134
  position: fixed;
13135
  bottom: 0;
13136
  right: 0;
13137
  left: 0;
13138
  background: #fff;
13139
  padding: 0 25px;
13140
  border-top: 1px solid rgba(0, 0, 0, 0.12);
13141
  line-height: 48px;
13142
}
13143
@media only screen and (min-width: 1220px) {
13144
  .sidebar_main_open #footer,
13145
  .sidebar_main_active #footer {
13146
    margin-left: 320px;
13147
  }
13148
}
13149
.page_aside {
13150
  min-height: 200px;
13151
  width: 240px;
13152
  background: #fff;
13153
  border-right: 1px solid #e0e0e0;
13154
  -webkit-box-sizing: border-box;
13155
  box-sizing: border-box;
13156
  margin-right: 25px;
13157
  -webkit-transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
13158
  transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
13159
  position: absolute;
13160
  left: 0;
13161
  z-index: 1000;
13162
}
13163
.page_aside + * {
13164
  -webkit-transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
13165
  transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
13166
  margin-left: 265px;
13167
}
13168
@media only screen and (max-width: 959px) {
13169
  .page_aside + * {
13170
    margin-left: 25px;
13171
  }
13172
}
13173
.page_aside_inner {
13174
  padding: 24px 12px;
13175
  -webkit-box-sizing: border-box;
13176
  box-sizing: border-box;
13177
  height: 100%;
13178
}
13179
.page_aside_toggle {
13180
  position: absolute;
13181
  top: 0;
13182
  right: -26px;
13183
  height: 100%;
13184
  width: 24px;
13185
  background: #ff0000;
13186
  cursor: pointer;
13187
  background: #f5f5f5;
13188
  border-right: 1px solid #e0e0e0;
13189
  -webkit-transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
13190
  transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
13191
}
13192
.page_aside_toggle:hover {
13193
  background: #e0e0e0;
13194
}
13195
.page_aside_toggle:after {
13196
  position: absolute;
13197
  left: 3px;
13198
  top: 50%;
13199
  content: '\e314';
13200
  font-family: "Material Icons";
13201
  font-size: 18px;
13202
  display: block;
13203
  color: #727272;
13204
}
13205
.page_aside_collapsed .page_aside {
13206
  -webkit-transform: translate3d(-240px, 0, 0);
13207
  transform: translate3d(-240px, 0, 0);
13208
}
13209
.page_aside_collapsed .page_aside + * {
13210
  margin-left: 25px;
13211
}
13212
.page_aside_collapsed .page_aside_toggle:after {
13213
  content: '\e315';
13214
}
13215
/* 8. custom pages =================================== */
13216
/* user profile */
13217
.user_heading {
13218
  padding: 24px;
13219
  background: #1976d2;
13220
  color: #fff;
13221
  position: relative;
13222
  -webkit-box-sizing: border-box;
13223
  box-sizing: border-box;
13224
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13225
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13226
}
13227
.user_heading:before,
13228
.user_heading:after {
13229
  content: " ";
13230
  display: table;
13231
}
13232
.user_heading:after {
13233
  clear: both;
13234
}
13235
.user_heading:before,
13236
.user_heading:after {
13237
  content: " ";
13238
  display: table;
13239
}
13240
.user_heading:after {
13241
  clear: both;
13242
}
13243
.user_heading.uk-active {
13244
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13245
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13246
  padding: 16px 24px;
13247
  z-index: 100;
13248
}
13249
.user_heading.uk-active .user_heading_avatar .thumbnail {
13250
  width: 64px;
13251
  height: 64px;
13252
  line-height: 54px !important;
13253
}
13254
.user_heading_bg {
13255
  background-repeat: no-repeat;
13256
  background-position: center center;
13257
  padding: 0;
13258
}
13259
.user_heading_bg .bg_overlay {
13260
  padding: 24px;
13261
  position: relative;
13262
}
13263
.user_heading_bg .bg_overlay:before {
13264
  display: block;
13265
  content: '';
13266
  position: absolute;
13267
  top: 0;
13268
  left: 0;
13269
  right: 0;
13270
  bottom: 0;
13271
  background: rgba(0, 0, 0, 0.3);
13272
}
13273
.user_heading_bg .bg_overlay .user_heading_content {
13274
  position: relative;
13275
}
13276
.user_heading_avatar {
13277
  float: left;
13278
  margin-right: 24px;
13279
  position: relative;
13280
}
13281
@media only screen and (max-width: 959px) {
13282
  .user_heading_avatar {
13283
    float: none !important;
13284
    text-align: center;
13285
    margin: 0 0 8px !important ;
13286
  }
13287
}
13288
@media only screen and (max-width: 959px) {
13289
  .user_heading_avatar.fileinput {
13290
    width: 82px;
13291
    height: 82px;
13292
    margin: 0 auto 16px;
13293
    display: block;
13294
  }
13295
}
13296
.user_heading_avatar img {
13297
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13298
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13299
  display: inline-block;
13300
  vertical-align: top;
13301
}
13302
.user_heading_avatar .thumbnail {
13303
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13304
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13305
  width: 82px;
13306
  height: 82px;
13307
  line-height: 74px;
13308
  border-radius: 50%;
13309
  border: 2px solid #fff;
13310
  background-color: #ededed;
13311
  overflow: hidden;
13312
  -webkit-box-sizing: border-box;
13313
  box-sizing: border-box;
13314
  display: inline-block;
13315
}
13316
.user_heading_avatar .btn-file {
13317
  text-align: center;
13318
  position: absolute;
13319
  top: -4px;
13320
  right: -8px;
13321
  width: 32px;
13322
  height: 32px;
13323
  line-height: 38px;
13324
  background: #fff;
13325
  display: block;
13326
  border-radius: 50%;
13327
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13328
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13329
  overflow: hidden;
13330
}
13331
.user_heading_avatar .btn-file .material-icons {
13332
  color: #2196f3;
13333
  font-size: 24px;
13334
}
13335
.user_heading_avatar .btn-file.fileinput-exists {
13336
  left: -8px;
13337
  right: auto;
13338
}
13339
.user_heading_avatar .btn-file.fileinput-exists .material-icons {
13340
  color: #e53935;
13341
}
13342
.user_heading_avatar.fileinput-new .btn-file.fileinput-exists {
13343
  display: none;
13344
}
13345
.user_heading_content {
13346
  padding: 16px 0;
13347
}
13348
@media only screen and (max-width: 959px) {
13349
  .user_heading_content {
13350
    text-align: center;
13351
  }
13352
}
13353
.user_heading_content .heading_a,
13354
.user_heading_content .heading_b,
13355
.user_heading_content .heading_c,
13356
.user_heading_content .heading_a .sub-heading,
13357
.user_heading_content .heading_b .sub-heading,
13358
.user_heading_content .heading_c .sub-heading {
13359
  color: #fff;
13360
}
13361
.user_heading_content .user_stats {
13362
  margin: 0;
13363
  padding: 0;
13364
  list-style: none;
13365
  overflow: hidden;
13366
  text-align: center;
13367
}
13368
.user_heading_content .user_stats > li {
13369
  padding: 0;
13370
  margin: 0;
13371
  list-style: none;
13372
}
13373
.user_heading_content .user_stats li {
13374
  margin-right: 48px;
13375
  float: left;
13376
}
13377
@media only screen and (max-width: 959px) {
13378
  .user_heading_content .user_stats li {
13379
    float: none;
13380
    display: inline-block;
13381
    margin: 0 16px 8px;
13382
  }
13383
}
13384
.user_heading_content .user_stats .material-icons {
13385
  color: #fff;
13386
  margin-right: 4px;
13387
  font-size: 36px;
13388
  vertical-align: -12px;
13389
}
13390
.user_heading_menu {
13391
  position: absolute;
13392
  top: 8px;
13393
  right: 8px;
13394
}
13395
.user_heading .md-fab,
13396
.user_heading .md-fab-wrapper {
13397
  position: absolute;
13398
  bottom: -22px;
13399
  right: 24px;
13400
}
13401
.user_heading .md-fab-wrapper > .md-fab {
13402
  position: static;
13403
  z-index: auto;
13404
  right: auto;
13405
  bottom: auto;
13406
}
13407
.user_content {
13408
  padding: 32px;
13409
}
13410
.user_content .full_width_in_card {
13411
  margin: 16px 0 32px;
13412
}
13413
/* scrum board */
13414
.scrum_board_overflow {
13415
  height: 100%;
13416
  min-height: 100%;
13417
  overflow-y: hidden;
13418
  overflow-x: auto;
13419
  background: #fff;
13420
  -webkit-box-sizing: border-box;
13421
  box-sizing: border-box;
13422
  max-width: 100%;
13423
  -webkit-overflow-scrolling: touch;
13424
}
13425
#scrum_board {
13426
  height: 100%;
13427
  padding: 0 4px;
13428
  -webkit-box-sizing: border-box;
13429
  box-sizing: border-box;
13430
  overflow: hidden;
13431
}
13432
#scrum_board > div {
13433
  height: 100%;
13434
  float: left;
13435
  width: 320px;
13436
  -webkit-box-sizing: border-box;
13437
  box-sizing: border-box;
13438
  position: relative;
13439
  padding: 46px 0 8px;
13440
}
13441
#scrum_board .scrum_column {
13442
  background: rgba(0, 0, 0, 0.085);
13443
  padding: 8px;
13444
  height: 100%;
13445
  margin: 0 4px;
13446
  -webkit-box-sizing: border-box;
13447
  box-sizing: border-box;
13448
  overflow-x: hidden;
13449
  overflow-y: auto;
13450
}
13451
#scrum_board .scrum_column_heading_wrapper {
13452
  position: absolute;
13453
  top: 8px;
13454
  left: 0;
13455
  right: 0;
13456
}
13457
#scrum_board .scrum_column_heading_wrapper .uk-button-dropdown {
13458
  position: absolute;
13459
  right: 6px;
13460
  top: 3px;
13461
}
13462
#scrum_board .scrum_column_heading {
13463
  font-weight: 500;
13464
  font-size: 13px;
13465
  text-transform: uppercase;
13466
  background: #fff;
13467
  line-height: 36px;
13468
  -webkit-box-sizing: border-box;
13469
  box-sizing: border-box;
13470
  text-overflow: ellipsis;
13471
  display: inline-block;
13472
  vertical-align: top;
13473
  white-space: nowrap;
13474
  overflow: hidden;
13475
  width: 100%;
13476
  padding: 0 36px 0 12px;
13477
}
13478
#scrum_board .scrum_column .uk-sortable {
13479
  min-height: 100%;
13480
}
13481
#scrum_board .scrum_column .uk-sortable div {
13482
  cursor: move;
13483
}
13484
#scrum_board .scrum_column .uk-sortable div + div {
13485
  margin-top: 4px;
13486
}
13487
#scrum_board .scrum_column .uk-sortable-placeholder {
13488
  opacity: 0.4;
13489
}
13490
.scrum_task {
13491
  background: #fff;
13492
  padding: 8px 8px 8px 12px;
13493
  border-left-width: 4px;
13494
  border-left-style: solid;
13495
}
13496
.scrum_task.blocker {
13497
  border-left-color: #e53935;
13498
}
13499
.scrum_task.critical {
13500
  border-left-color: #ffa000;
13501
}
13502
.scrum_task.minor {
13503
  border-left-color: #7cb342;
13504
}
13505
.scrum_task_title {
13506
  font-size: 13px;
13507
  font-weight: 500;
13508
  margin: 0;
13509
  text-transform: uppercase;
13510
}
13511
.scrum_task_description {
13512
  margin: 0 0 4px;
13513
  font-size: 12px;
13514
}
13515
.scrum_task_info {
13516
  margin: 0;
13517
  font-size: 12px;
13518
}
13519
.scrum_board_menu {
13520
  float: left;
13521
  width: 320px;
13522
  position: relative;
13523
  padding: 46px 8px 8px 16px;
13524
  border-right: 1px solid rgba(0, 0, 0, 0.08);
13525
}
13526
@media only screen and (max-width: 767px) {
13527
  .scrum_board_menu {
13528
    display: none;
13529
  }
13530
}
13531
.scrum_board_menu_heading {
13532
  position: absolute;
13533
  top: 10px;
13534
  left: 0;
13535
  font-weight: 500;
13536
  font-size: 13px;
13537
  text-transform: uppercase;
13538
  line-height: 36px;
13539
  -webkit-box-sizing: border-box;
13540
  box-sizing: border-box;
13541
  text-overflow: ellipsis;
13542
  display: inline-block;
13543
  vertical-align: top;
13544
  white-space: nowrap;
13545
  overflow: hidden;
13546
  width: 100%;
13547
  padding: 0 16px;
13548
}
13549
.scrum_board_menu_inner {
13550
  height: 100%;
13551
  overflow: auto;
13552
  padding-right: 8px;
13553
}
13554
.scrum_board_menu_inner > div + div {
13555
  margin-top: 4px;
13556
}
13557
/* chat page */
13558
.chat_box {
13559
  padding: 16px;
13560
}
13561
.chat_box .chat_message_wrapper {
13562
  margin-bottom: 32px;
13563
}
13564
.chat_box .chat_message_wrapper:before,
13565
.chat_box .chat_message_wrapper:after {
13566
  content: " ";
13567
  display: table;
13568
}
13569
.chat_box .chat_message_wrapper:after {
13570
  clear: both;
13571
}
13572
.chat_box .chat_message_wrapper:before,
13573
.chat_box .chat_message_wrapper:after {
13574
  content: " ";
13575
  display: table;
13576
}
13577
.chat_box .chat_message_wrapper:after {
13578
  clear: both;
13579
}
13580
.chat_box .chat_message_wrapper .chat_user_avatar {
13581
  float: left;
13582
}
13583
.chat_box .chat_message_wrapper ul.chat_message {
13584
  float: left;
13585
  margin: 0 0 0 20px;
13586
  padding: 0;
13587
  list-style: none;
13588
  max-width: 60%;
13589
}
13590
.chat_box .chat_message_wrapper ul.chat_message > li {
13591
  padding: 0;
13592
  margin: 0;
13593
  list-style: none;
13594
}
13595
@media only screen and (max-width: 767px) {
13596
  .chat_box .chat_message_wrapper ul.chat_message {
13597
    max-width: 70%;
13598
  }
13599
}
13600
.chat_box .chat_message_wrapper ul.chat_message > li {
13601
  background: #ededed;
13602
  padding: 8px 16px;
13603
  border-radius: 4px;
13604
  position: relative;
13605
  font-size: 13px;
13606
  display: block;
13607
  float: left;
13608
  clear: both;
13609
  color: #212121;
13610
}
13611
@media only screen and (max-width: 767px) {
13612
  .chat_box .chat_message_wrapper ul.chat_message > li {
13613
    font-size: 14px;
13614
  }
13615
}
13616
.chat_box .chat_message_wrapper ul.chat_message > li p {
13617
  margin: 0;
13618
}
13619
.chat_box .chat_message_wrapper ul.chat_message > li .chat_message_time {
13620
  display: block;
13621
  font-size: 11px;
13622
  padding-top: 2px;
13623
  color: #727272;
13624
  text-transform: uppercase;
13625
}
13626
.chat_box .chat_message_wrapper ul.chat_message > li:first-child:before {
13627
  position: absolute;
13628
  left: -14px;
13629
  top: 0;
13630
  content: '';
13631
  width: 0;
13632
  height: 0;
13633
  border-style: solid;
13634
  border-width: 0 16px 16px 0;
13635
  border-color: rgba(0, 0, 0, 0) #ededed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
13636
}
13637
.chat_box .chat_message_wrapper ul.chat_message > li + li {
13638
  margin-top: 4px;
13639
}
13640
.chat_box .chat_message_wrapper.chat_message_right .chat_user_avatar {
13641
  float: right;
13642
}
13643
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message {
13644
  float: right;
13645
  margin-left: 0 !important;
13646
  margin-right: 24px !important;
13647
}
13648
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li {
13649
  float: right;
13650
}
13651
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
13652
  left: auto;
13653
  right: -14px;
13654
  border-width: 0 0 16px 16px;
13655
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ededed;
13656
}
13657
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li .chat_message_time {
13658
  text-align: right;
13659
}
13660
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li {
13661
  background: #616161;
13662
  color: #fff;
13663
}
13664
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li:first-child:before {
13665
  border-right-color: #616161;
13666
}
13667
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li .chat_message_time {
13668
  color: rgba(255, 255, 255, 0.7);
13669
}
13670
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li {
13671
  background: #689f38;
13672
}
13673
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
13674
  border-left-color: #689f38;
13675
}
13676
.chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message > li {
13677
  background: #0288d1;
13678
  color: #fff;
13679
}
13680
.chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message > li:first-child:before {
13681
  border-right-color: #0288d1;
13682
}
13683
.chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message > li .chat_message_time {
13684
  color: rgba(255, 255, 255, 0.7);
13685
}
13686
.chat_box.chat_box_colors_b .chat_message_wrapper.chat_message_right ul.chat_message > li {
13687
  background: #01579b;
13688
}
13689
.chat_box.chat_box_colors_b .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
13690
  border-left-color: #01579b;
13691
}
13692
.chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message > li {
13693
  background: #e64a19;
13694
  color: #fff;
13695
}
13696
.chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message > li:first-child:before {
13697
  border-right-color: #e64a19;
13698
}
13699
.chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message > li .chat_message_time {
13700
  color: rgba(255, 255, 255, 0.7);
13701
}
13702
.chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message > li {
13703
  background: #e0e0e0;
13704
  color: #212121;
13705
}
13706
.chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message > li .chat_message_time {
13707
  color: #727272;
13708
}
13709
.chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
13710
  border-left-color: #e0e0e0;
13711
}
13712
.chat_box.chat_box_colors_d .chat_message_wrapper ul.chat_message > li {
13713
  background: #e0e0e0;
13714
}
13715
.chat_box.chat_box_colors_d .chat_message_wrapper ul.chat_message > li:first-child:before {
13716
  border-right-color: #e0e0e0;
13717
}
13718
.chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message > li {
13719
  background: #4527a0;
13720
  color: #fff;
13721
}
13722
.chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message > li .chat_message_time {
13723
  color: rgba(255, 255, 255, 0.7);
13724
}
13725
.chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
13726
  border-left-color: #4527a0;
13727
}
13728
.chat_box_wrapper {
13729
  height: 100%;
13730
  padding-bottom: 100px;
13731
  position: relative;
13732
  overflow: hidden;
13733
  -webkit-box-sizing: border-box;
13734
  box-sizing: border-box;
13735
}
13736
.chat_box_wrapper .chat_box {
13737
  height: 100%;
13738
  overflow-y: auto;
13739
  overflow-x: hidden;
13740
}
13741
.chat_submit_box {
13742
  background: #fafafa;
13743
  position: absolute;
13744
  bottom: 0;
13745
  left: 0;
13746
  width: 100%;
13747
  overflow: hidden;
13748
  padding: 8px 8px 12px 16px;
13749
  border-top: 1px solid rgba(0, 0, 0, 0.12);
13750
  -webkit-box-sizing: border-box;
13751
  box-sizing: border-box;
13752
}
13753
.chat_submit_box textarea {
13754
  min-height: 40px;
13755
  max-height: 40px;
13756
  padding: 4px 4px 8px;
13757
}
13758
#sidebar_secondary .chat_box_wrapper,
13759
#sidebar_secondary .chat_submit_box,
13760
#sidebar_secondary .chat_sidebar_close {
13761
  display: none;
13762
}
13763
#sidebar_secondary.chat_sidebar {
13764
  padding-bottom: 68px;
13765
}
13766
#sidebar_secondary.chat_sidebar .chat_submit_box,
13767
#sidebar_secondary.chat_sidebar .chat_sidebar_close {
13768
  display: block;
13769
}
13770
#sidebar_secondary .chat_sidebar_close {
13771
  position: absolute;
13772
  top: 52px;
13773
  right: 8px;
13774
}
13775
#sidebar_secondary .chat_box_wrapper {
13776
  padding-bottom: 0;
13777
}
13778
.chat_box_small.chat_box_wrapper {
13779
  margin: 0 -16px;
13780
}
13781
.md-list.chat_users li {
13782
  cursor: pointer;
13783
}
13784
.list-chatboxes > li {
13785
  cursor: pointer;
13786
}
13787
#chatbox_wrapper {
13788
  position: fixed;
13789
  bottom: 8px;
13790
  left: 0;
13791
  right: 0;
13792
  padding: 0 16px 8px;
13793
  -webkit-transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
13794
  transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
13795
  white-space: nowrap;
13796
  overflow-y: hidden;
13797
  overflow-x: auto;
13798
}
13799
@media only screen and (min-width: 768px) {
13800
  #chatbox_wrapper {
13801
    text-align: right;
13802
  }
13803
}
13804
.sidebar_main_open #chatbox_wrapper,
13805
.sidebar_main_active #chatbox_wrapper {
13806
  left: 320px;
13807
}
13808
@media only screen and (min-width: 768px) {
13809
  .sidebar_secondary_active #chatbox_wrapper {
13810
    right: 280px;
13811
  }
13812
}
13813
.chatbox {
13814
  text-align: left;
13815
  display: inline-block;
13816
  height: 320px;
13817
  width: 260px;
13818
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13819
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
13820
  background: #fff;
13821
  border-radius: 2px;
13822
  position: relative;
13823
  -webkit-box-sizing: border-box;
13824
  box-sizing: border-box;
13825
  padding: 36px 0 48px;
13826
  overflow: hidden;
13827
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13828
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
13829
}
13830
.chatbox + .chatbox {
13831
  margin-left: 8px;
13832
}
13833
.chatbox_header {
13834
  position: absolute;
13835
  top: 0;
13836
  left: 0;
13837
  right: 0;
13838
  height: 36px;
13839
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
13840
  padding: 0 8px;
13841
}
13842
.chatbox_header:before,
13843
.chatbox_header:after {
13844
  content: " ";
13845
  display: table;
13846
}
13847
.chatbox_header:after {
13848
  clear: both;
13849
}
13850
.chatbox_header:before,
13851
.chatbox_header:after {
13852
  content: " ";
13853
  display: table;
13854
}
13855
.chatbox_header:after {
13856
  clear: both;
13857
}
13858
.chatbox_header .header_name {
13859
  line-height: 40px;
13860
  font-size: 14px;
13861
  font-weight: 500;
13862
  display: inline-block;
13863
  max-width: 180px;
13864
  text-overflow: ellipsis;
13865
  vertical-align: top;
13866
  white-space: nowrap;
13867
  overflow: hidden;
13868
}
13869
.chatbox_header .header_actions {
13870
  float: right;
13871
  display: inline-block;
13872
}
13873
.chatbox_header .header_actions > * {
13874
  display: inline-block;
13875
}
13876
.chatbox_header .header_actions .material-icons {
13877
  line-height: 36px;
13878
  font-size: 24px;
13879
}
13880
.chatbox_header .header_actions .actions_dropdown {
13881
  position: relative;
13882
}
13883
.chatbox_header .header_actions .actions_dropdown .uk-dropdown {
13884
  padding-top: 0;
13885
  padding-bottom: 0;
13886
}
13887
.chatbox_header .header_actions .actions_dropdown .uk-dropdown > ul > li > a {
13888
  white-space: normal;
13889
  font-size: 13px;
13890
}
13891
.chatbox_content {
13892
  height: 100%;
13893
  overflow-x: hidden;
13894
  overflow-y: auto;
13895
  -webkit-box-sizing: border-box;
13896
  box-sizing: border-box;
13897
}
13898
.chatbox_content .chatbox_message {
13899
  overflow: hidden;
13900
  padding: 8px;
13901
}
13902
.chatbox_content .chatbox_message .chatbox_avatar {
13903
  float: left;
13904
  margin-right: 8px;
13905
  max-width: 64px;
13906
  overflow: hidden;
13907
}
13908
.chatbox_content .chatbox_message .chatbox_avatar > img {
13909
  border-radius: 4px;
13910
}
13911
.chatbox_content .chatbox_message_content {
13912
  margin: 0;
13913
  padding: 0;
13914
  list-style: none;
13915
  overflow: hidden;
13916
}
13917
.chatbox_content .chatbox_message_content > li {
13918
  padding: 0;
13919
  margin: 0;
13920
  list-style: none;
13921
}
13922
.chatbox_content .chatbox_message_content li {
13923
  display: block;
13924
}
13925
.chatbox_content .chatbox_message_content li + li {
13926
  margin-top: 2px;
13927
}
13928
.chatbox_content .chatbox_message_content li > span {
13929
  max-width: 80%;
13930
  border-radius: 4px;
13931
  font-size: 13px;
13932
  padding: 4px 8px;
13933
  background: rgba(0, 0, 0, 0.085);
13934
  display: inline-block;
13935
  white-space: normal;
13936
}
13937
.chatbox_content .chatbox_message.own .chatbox_avatar {
13938
  float: right;
13939
  margin-left: 8px;
13940
  margin-right: 0;
13941
}
13942
.chatbox_content .chatbox_message.own .chatbox_message_content li {
13943
  text-align: right;
13944
}
13945
.chatbox_content .chatbox_message.own .chatbox_message_content li > span {
13946
  max-width: 80%;
13947
  border-radius: 4px;
13948
  font-size: 13px;
13949
  padding: 4px 8px;
13950
  background: #2196f3;
13951
  display: inline-block;
13952
  white-space: normal;
13953
  color: #fff;
13954
  text-align: left;
13955
}
13956
.chatbox_footer {
13957
  position: absolute;
13958
  bottom: 0;
13959
  left: 0;
13960
  right: 0;
13961
  -webkit-box-sizing: border-box;
13962
  box-sizing: border-box;
13963
  border-top: 1px solid rgba(0, 0, 0, 0.12);
13964
  background: #fff;
13965
}
13966
.chatbox_footer .message_input {
13967
  width: 100%;
13968
  border: none;
13969
  font-size: 13px;
13970
  padding: 8px;
13971
  max-height: 80px;
13972
  font: 400 13px / 16px "Open Sans";
13973
  resize: none;
13974
  word-wrap: break-word;
13975
  -webkit-box-sizing: border-box;
13976
  box-sizing: border-box;
13977
  display: block;
13978
}
13979
.chatbox.removing {
13980
  -webkit-transform: translate3d(0, 100%, 0);
13981
  transform: translate3d(0, 100%, 0);
13982
  opacity: 0;
13983
}
13984
.chatbox.cb_active .chatbox_header {
13985
  background: #1976d2;
13986
}
13987
.chatbox.cb_active .chatbox_header,
13988
.chatbox.cb_active .chatbox_header .material-icons {
13989
  color: #fff;
13990
}
13991
/* blog */
13992
.blog_list_teaser_image {
13993
  margin-bottom: 16px;
13994
}
13995
.blog_list_teaser_video {
13996
  margin-bottom: 16px;
13997
  height: 200px;
13998
}
13999
.blog_list_teaser_title {
14000
  font: 400 18px / 24px "Open Sans";
14001
  margin: 0 0 8px;
14002
}
14003
.blog_list_teaser p {
14004
  margin: 0 0 8px;
14005
}
14006
.blog_list_footer {
14007
  border-top: 1px solid #e0e0e0;
14008
  padding: 8px 0 0 8px;
14009
  margin-top: 8px;
14010
  overflow: hidden;
14011
}
14012
.blog_list_footer_info {
14013
  float: left;
14014
  padding-top: 6px;
14015
}
14016
.blog_list_footer_info .material-icons {
14017
  color: #9e9e9e;
14018
}
14019
.blog_list_footer_info small {
14020
  vertical-align: 1px;
14021
}
14022
.blog_article .uk-thumbnail.thumbnail_left {
14023
  float: left;
14024
  margin: 0 24px 24px 0;
14025
}
14026
.blog_article .uk-thumbnail.thumbnail_right {
14027
  float: right;
14028
  margin: 0 0 24px 24px;
14029
}
14030
.blog_article * + p,
14031
.blog_article * + ul,
14032
.blog_article * + ol,
14033
.blog_article * + dl,
14034
.blog_article * + blockquote,
14035
.blog_article * + pre,
14036
.blog_article * + address,
14037
.blog_article * + fieldset,
14038
.blog_article * + figure {
14039
  margin-top: 24px;
14040
}
14041
.blog_article .material-icons + small {
14042
  vertical-align: 2px;
14043
}
14044
.blog_tags .uk-badge {
14045
  margin: 0 4px 4px 0;
14046
}
14047
/* gallery */
14048
.gallery_grid_item {
14049
  padding: 0 !important;
14050
}
14051
.gallery_grid_item,
14052
.gallery_grid_item:hover,
14053
.gallery_grid_item:focus {
14054
  color: #212121;
14055
}
14056
.gallery_grid_item > a,
14057
.gallery_grid_item img {
14058
  display: block;
14059
}
14060
.gallery_grid_image_caption {
14061
  padding: 8px 16px;
14062
  display: block;
14063
  position: relative;
14064
  z-index: 10;
14065
  background-color: #fff;
14066
}
14067
.gallery_grid_image_caption .gallery_image_title {
14068
  font: 500 14px / 20px "Open Sans";
14069
  margin: 0;
14070
}
14071
.gallery_grid_image_menu {
14072
  position: relative;
14073
  float: right;
14074
  margin: 4px 0 0 8px;
14075
}
14076
/* pricing tables */
14077
.pricing_table.pricing_table_a {
14078
  text-align: center;
14079
}
14080
.pricing_table.pricing_table_a .pricing_table_plan {
14081
  font-size: 18px;
14082
  font-weight: 400;
14083
  padding: 16px 0;
14084
  margin-bottom: 16px;
14085
}
14086
.pricing_table.pricing_table_a .pricing_table_price {
14087
  padding: 8px 0 0;
14088
  font-size: 48px;
14089
  margin-bottom: 24px;
14090
}
14091
.pricing_table.pricing_table_a .pricing_table_price .currency {
14092
  vertical-align: top;
14093
  font-size: 24px;
14094
  padding: 0 4px;
14095
}
14096
.pricing_table.pricing_table_a .pricing_table_price .period {
14097
  font-size: 14px;
14098
  padding: 4px;
14099
  color: #aaa;
14100
  display: block;
14101
}
14102
.pricing_table.pricing_table_a .pricing_table_features {
14103
  margin: 0;
14104
  padding: 0;
14105
  list-style: none;
14106
}
14107
.pricing_table.pricing_table_a .pricing_table_features > li {
14108
  padding: 0;
14109
  margin: 0;
14110
  list-style: none;
14111
}
14112
.pricing_table.pricing_table_a .pricing_table_features li {
14113
  font-size: 16px;
14114
  padding: 8px 0;
14115
}
14116
.pricing_table.pricing_table_a .pricing_table_select {
14117
  padding: 32px 0;
14118
}
14119
.pricing_table.pricing_table_b {
14120
  text-align: center;
14121
}
14122
.pricing_table.pricing_table_b .pricing_table_plan {
14123
  font-size: 16px;
14124
  font-weight: 400;
14125
  padding: 16px 0;
14126
  margin-bottom: 16px;
14127
  text-transform: uppercase;
14128
}
14129
.pricing_table.pricing_table_b .pricing_table_price {
14130
  padding: 8px 0 0;
14131
  font-size: 48px;
14132
  margin-bottom: 24px;
14133
}
14134
.pricing_table.pricing_table_b .pricing_table_price .currency {
14135
  vertical-align: top;
14136
  font-size: 24px;
14137
  padding: 0 4px;
14138
}
14139
.pricing_table.pricing_table_b .pricing_table_price .period {
14140
  font-size: 14px;
14141
  padding: 4px;
14142
  color: #aaa;
14143
  display: block;
14144
}
14145
.pricing_table.pricing_table_b .pricing_table_features {
14146
  margin: 0;
14147
  padding: 0;
14148
  list-style: none;
14149
}
14150
.pricing_table.pricing_table_b .pricing_table_features > li {
14151
  padding: 0;
14152
  margin: 0;
14153
  list-style: none;
14154
}
14155
.pricing_table.pricing_table_b .pricing_table_features li {
14156
  font-size: 16px;
14157
  padding: 8px 0;
14158
}
14159
.pricing_table.pricing_table_b .pricing_table_select {
14160
  padding: 32px 0;
14161
}
14162
.pricing_table.pricing_table_c {
14163
  text-align: center;
14164
}
14165
.pricing_table.pricing_table_c .pricing_table_plan {
14166
  font-size: 16px;
14167
  font-weight: 400;
14168
  padding: 16px 0;
14169
  margin-bottom: 8px;
14170
}
14171
.pricing_table.pricing_table_c .pricing_table_price {
14172
  padding: 8px 0 0;
14173
  font-size: 48px;
14174
  margin-bottom: 24px;
14175
}
14176
.pricing_table.pricing_table_c .pricing_table_price .currency {
14177
  vertical-align: top;
14178
  font-size: 24px;
14179
  padding: 0 4px;
14180
}
14181
.pricing_table.pricing_table_c .pricing_table_price .period {
14182
  font-size: 14px;
14183
  color: #aaa;
14184
  vertical-align: 0;
14185
  padding-left: 4px;
14186
}
14187
.pricing_table.pricing_table_c .pricing_table_features {
14188
  margin: 0;
14189
  padding: 0;
14190
  list-style: none;
14191
}
14192
.pricing_table.pricing_table_c .pricing_table_features > li {
14193
  padding: 0;
14194
  margin: 0;
14195
  list-style: none;
14196
}
14197
.pricing_table.pricing_table_c .pricing_table_features li {
14198
  font-size: 16px;
14199
  padding: 8px 0;
14200
}
14201
.pricing_table.pricing_table_c .pricing_table_select {
14202
  padding: 32px 0;
14203
}
14204
.pricing_table_v2.pricing_table_v2_a {
14205
  text-align: center;
14206
}
14207
.pricing_table_v2.pricing_table_v2_a .pricing_table_plan {
14208
  font-size: 18px;
14209
  font-weight: 400;
14210
  padding: 24px 0;
14211
}
14212
.pricing_table_v2.pricing_table_v2_a .pricing_table_price {
14213
  padding: 8px 0 0;
14214
  font-size: 48px;
14215
  margin: 0 8px 24px;
14216
  color: #fff;
14217
  background: #4db6ac;
14218
}
14219
.pricing_table_v2.pricing_table_v2_a .pricing_table_price .currency {
14220
  vertical-align: top;
14221
  font-size: 24px;
14222
  padding: 0 4px;
14223
}
14224
.pricing_table_v2.pricing_table_v2_a .pricing_table_price .period {
14225
  font-size: 14px;
14226
  padding: 4px;
14227
  display: block;
14228
}
14229
.pricing_table_v2.pricing_table_v2_a .pricing_table_features {
14230
  margin: 0;
14231
  padding: 0;
14232
  list-style: none;
14233
}
14234
.pricing_table_v2.pricing_table_v2_a .pricing_table_features > li {
14235
  padding: 0;
14236
  margin: 0;
14237
  list-style: none;
14238
}
14239
.pricing_table_v2.pricing_table_v2_a .pricing_table_features li {
14240
  font-size: 16px;
14241
  padding: 8px 0;
14242
}
14243
.pricing_table_v2.pricing_table_v2_a .pricing_table_select {
14244
  padding: 32px 0;
14245
}
14246
.pricing_table_v2.pricing_table_v2_a .md-btn {
14247
  background: #4db6ac;
14248
  color: #fff;
14249
}
14250
.pricing_table_v2.pricing_table_v2_b {
14251
  text-align: center;
14252
}
14253
.pricing_table_v2.pricing_table_v2_b .pricing_table_plan {
14254
  font-size: 18px;
14255
  font-weight: 400;
14256
  padding: 16px 0;
14257
  background: #ef5350;
14258
  color: #fff;
14259
}
14260
.pricing_table_v2.pricing_table_v2_b .pricing_table_price {
14261
  padding: 8px 0;
14262
  font-size: 48px;
14263
  font-weight: 700;
14264
  margin: 0 0 48px;
14265
  color: #fff;
14266
  background: #e53935;
14267
}
14268
.pricing_table_v2.pricing_table_v2_b .pricing_table_price .currency {
14269
  vertical-align: top;
14270
  font-size: 24px;
14271
  padding: 0 4px;
14272
}
14273
.pricing_table_v2.pricing_table_v2_b .pricing_table_price .period {
14274
  font-size: 14px;
14275
  padding: 4px;
14276
  display: block;
14277
  font-weight: 400;
14278
}
14279
.pricing_table_v2.pricing_table_v2_b .pricing_table_features {
14280
  margin: 0;
14281
  padding: 0;
14282
  list-style: none;
14283
}
14284
.pricing_table_v2.pricing_table_v2_b .pricing_table_features > li {
14285
  padding: 0;
14286
  margin: 0;
14287
  list-style: none;
14288
}
14289
.pricing_table_v2.pricing_table_v2_b .pricing_table_features li {
14290
  font-size: 16px;
14291
  padding: 8px 0;
14292
}
14293
.pricing_table_v2.pricing_table_v2_b .pricing_table_features li:nth-child(odd) {
14294
  background: #f5f5f5;
14295
}
14296
.pricing_table_v2.pricing_table_v2_b .pricing_table_select {
14297
  padding: 32px 0;
14298
}
14299
.pricing_table_v2.pricing_table_v2_b .md-btn {
14300
  background: #ef5350;
14301
  color: #fff;
14302
}
14303
.pricing_table_v2.pricing_table_v2_c {
14304
  text-align: center;
14305
}
14306
.pricing_table_v2.pricing_table_v2_c .pricing_table_plan {
14307
  font-size: 14px;
14308
  font-weight: 700;
14309
  margin: 0 32px 24px;
14310
  padding: 16px 0;
14311
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
14312
  text-transform: uppercase;
14313
  color: #727272;
14314
}
14315
.pricing_table_v2.pricing_table_v2_c .pricing_table_price {
14316
  padding: 8px 0;
14317
  font-size: 48px;
14318
  margin: 0 0 24px;
14319
}
14320
.pricing_table_v2.pricing_table_v2_c .pricing_table_price .currency {
14321
  vertical-align: top;
14322
  font-size: 24px;
14323
  padding: 0 4px;
14324
}
14325
.pricing_table_v2.pricing_table_v2_c .pricing_table_price .period {
14326
  font-size: 14px;
14327
  padding: 4px;
14328
  font-weight: 400;
14329
  color: #aaa;
14330
}
14331
.pricing_table_v2.pricing_table_v2_c .pricing_table_features {
14332
  margin: 0;
14333
  padding: 0;
14334
  list-style: none;
14335
}
14336
.pricing_table_v2.pricing_table_v2_c .pricing_table_features > li {
14337
  padding: 0;
14338
  margin: 0;
14339
  list-style: none;
14340
}
14341
.pricing_table_v2.pricing_table_v2_c .pricing_table_features li {
14342
  font-size: 14px;
14343
  padding: 12px 0;
14344
  margin: 0 32px;
14345
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
14346
}
14347
.pricing_table_v2.pricing_table_v2_c .pricing_table_select {
14348
  padding: 32px 0;
14349
}
14350
.invoice_header {
14351
  height: 72px;
14352
  padding: 20px;
14353
  -webkit-box-sizing: border-box;
14354
  box-sizing: border-box;
14355
  margin: -16px -16px 24px;
14356
}
14357
.invoice_header > img {
14358
  max-height: 100%;
14359
  width: auto;
14360
}
14361
.invoice_header_active.md-card-toolbar {
14362
  border-bottom: none;
14363
}
14364
.invoice_footer {
14365
  border-top: 1px solid rgba(0, 0, 0, 0.12);
14366
  margin-top: 40px;
14367
  height: 64px;
14368
  padding: 8px;
14369
  font-size: 13px;
14370
  text-align: center;
14371
  -webkit-box-sizing: border-box;
14372
  box-sizing: border-box;
14373
  line-height: 20px;
14374
}
14375
.invoice_footer > span {
14376
  font-weight: 700;
14377
  font-size: 24px;
14378
  vertical-align: -4px;
14379
  padding: 0 8px;
14380
}
14381
.invoice_content {
14382
  position: relative;
14383
}
14384
.invoice_content address p + p {
14385
  margin-top: 0;
14386
}
14387
#tabs_search_content > li {
14388
  padding: 24px;
14389
}
14390
#tabs_search_content > li.full_height {
14391
  padding: 0;
14392
  height: 100%;
14393
}
14394
.map_search_wrapper {
14395
  position: relative;
14396
  padding-left: 320px;
14397
}
14398
@media only screen and (max-width: 767px) {
14399
  .map_search_wrapper {
14400
    padding-left: 0;
14401
  }
14402
}
14403
.map_search_wrapper .map_search_list_wrapper {
14404
  position: absolute;
14405
  left: 0;
14406
  top: 0;
14407
  bottom: 0;
14408
  width: 320px;
14409
  padding: 16px 0;
14410
  background: #fff;
14411
  -webkit-box-sizing: border-box;
14412
  box-sizing: border-box;
14413
  overflow-x: hidden;
14414
  overflow-y: auto;
14415
  -webkit-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.26);
14416
  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.26);
14417
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
14418
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
14419
  -webkit-transform: translate3d(0, 0, 0);
14420
  transform: translate3d(0, 0, 0);
14421
}
14422
@media only screen and (max-width: 767px) {
14423
  .map_search_wrapper .map_search_list_wrapper {
14424
    width: 240px;
14425
  }
14426
}
14427
.map_search_wrapper .map_search_list_wrapper .md-list li {
14428
  padding: 8px 16px;
14429
  border-bottom-color: rgba(0, 0, 0, 0.08);
14430
}
14431
.map_search_list_active.map_search_wrapper {
14432
  padding: 0;
14433
}
14434
.map_search_list_active.map_search_wrapper .map_search_list_wrapper {
14435
  -webkit-transform: translate3d(-340px, 0, 0);
14436
  transform: translate3d(-340px, 0, 0);
14437
}
14438
#map_search_list_toggle {
14439
  position: absolute;
14440
  left: 320px;
14441
  bottom: 50%;
14442
  margin-bottom: -20px;
14443
  width: 40px;
14444
  height: 40px;
14445
  border-radius: 0 8px 8px 0;
14446
  background: #fff;
14447
  display: block;
14448
  z-index: 1;
14449
  text-align: center;
14450
  padding-top: 8px;
14451
  -webkit-box-sizing: border-box;
14452
  box-sizing: border-box;
14453
  cursor: pointer;
14454
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
14455
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
14456
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
14457
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
14458
}
14459
@media only screen and (max-width: 767px) {
14460
  #map_search_list_toggle {
14461
    left: 240px;
14462
  }
14463
}
14464
.map_search_list_active #map_search_list_toggle {
14465
  left: 0;
14466
}
14467
.search_list {
14468
  margin: 0;
14469
  padding: 0;
14470
  list-style: none;
14471
}
14472
.search_list > li {
14473
  padding: 0;
14474
  margin: 0;
14475
  list-style: none;
14476
}
14477
.search_list_heading {
14478
  font: 400 18px / 22px "Open Sans";
14479
  margin: 0 0 2px;
14480
}
14481
.search_list_link {
14482
  color: #7cb342;
14483
  display: block;
14484
  margin-bottom: 2px;
14485
}
14486
.search_list p {
14487
  margin: 0;
14488
  font-size: 13px;
14489
}
14490
.search_list li {
14491
  padding: 24px 0;
14492
}
14493
.search_list li:before,
14494
.search_list li:after {
14495
  content: " ";
14496
  display: table;
14497
}
14498
.search_list li:after {
14499
  clear: both;
14500
}
14501
.search_list li:before,
14502
.search_list li:after {
14503
  content: " ";
14504
  display: table;
14505
}
14506
.search_list li:after {
14507
  clear: both;
14508
}
14509
.search_list li + li {
14510
  border-top: 1px solid rgba(0, 0, 0, 0.08);
14511
}
14512
.search_list_thumb {
14513
  width: 100px;
14514
  height: 100px;
14515
  margin-right: 16px;
14516
  float: left;
14517
}
14518
@media only screen and (max-width: 767px) {
14519
  .search_list_thumb {
14520
    float: none !important;
14521
    width: auto;
14522
    margin: 0 0 16px !important;
14523
  }
14524
}
14525
.search_list_content {
14526
  overflow: hidden;
14527
}
14528
ol.questions,
14529
ul.answers,
14530
ul.responses,
14531
ol.questions li,
14532
ul.answers li,
14533
ul.responses li {
14534
  margin: 0;
14535
  padding: 0;
14536
  list-style-type: none;
14537
}
14538
.startQuiz,
14539
.nextQuestion,
14540
.backToQuestion,
14541
.questions li.question,
14542
.questions li.question .responses,
14543
.questions li.question .responses .correct,
14544
.questions li.question .responses .incorrect,
14545
.quizResults {
14546
  display: none;
14547
}
14548
.startQuiz {
14549
  margin-top: 40px;
14550
}
14551
.tryAgain {
14552
  float: none;
14553
  margin: 20px 0;
14554
}
14555
/* clearfix */
14556
.quizArea,
14557
.quizResults {
14558
  zoom: 1;
14559
}
14560
.quizArea:before,
14561
.quizArea:after,
14562
.quizResults:before,
14563
.quizResults:after {
14564
  content: "\0020";
14565
  display: block;
14566
  height: 0;
14567
  visibility: hidden;
14568
  font-size: 0;
14569
}
14570
.quizArea:after,
14571
.quizResults:after {
14572
  clear: both;
14573
}
14574
.questionCount {
14575
  font-size: 14px;
14576
  font-style: italic;
14577
}
14578
.questionCount span {
14579
  font-weight: bold;
14580
}
14581
ol.questions {
14582
  margin-top: 20px;
14583
}
14584
ol.questions .md-btn {
14585
  margin-left: 0 !important;
14586
}
14587
ul.responses li {
14588
  margin: 40px 0;
14589
}
14590
ul.responses li p span {
14591
  display: block;
14592
  font-weight: bold;
14593
  font-size: 22px;
14594
}
14595
.complete ul.answers li.correct,
14596
ul.responses li.correct p span {
14597
  color: #7cb342;
14598
}
14599
ul.responses li.incorrect p span {
14600
  color: #e53935;
14601
}
14602
ul.answers {
14603
  margin: 30px 0;
14604
}
14605
ul.answers > li {
14606
  margin: 14px 0 0 20px;
14607
}
14608
ul.answers > li label {
14609
  padding-left: 4px;
14610
}
14611
.quizResults h3 {
14612
  margin: 10px 0;
14613
  font-size: 20px;
14614
  font-weight: 700;
14615
}
14616
.quizResults h3 span {
14617
  font-weight: normal;
14618
  font-style: italic;
14619
}
14620
.quizResultsCopy {
14621
  clear: both;
14622
  margin-top: 20px;
14623
}
14624
.quizResultsCopy h5 {
14625
  border-top: 1px solid rgba(0, 0, 0, 0.12);
14626
  font-size: 18px;
14627
  margin: 20px 0 10px;
14628
  padding-top: 20px;
14629
}
14630
.quizResultsCopy p {
14631
  margin-top: 0;
14632
}
14633
.nextQuestion.checkAnswer {
14634
  display: block;
14635
}
14636
/* Accessibility */
14637
.quizName span:first-child {
14638
  border: 0;
14639
  clip: rect(0 0 0 0);
14640
  height: 1px;
14641
  margin: -1px;
14642
  overflow: hidden;
14643
  padding: 0;
14644
  position: absolute;
14645
  width: 1px;
14646
}
14647
/* 9. altair main styles ============================= */
14648
html {
14649
  height: 100%;
14650
  overflow-x: hidden;
14651
  overflow-y: auto;
14652
  -webkit-overflow-scrolling: touch;
14653
  background: #ececec;
14654
}
14655
body {
14656
  min-height: 100%;
14657
  font: 400 14px / 1.42857143 "Open Sans";
14658
  padding-top: 48px;
14659
  -webkit-box-sizing: border-box;
14660
  box-sizing: border-box;
14661
}
14662
a,
14663
button {
14664
  outline: none !important;
14665
}
14666
a {
14667
  color: #1e88e5;
14668
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
14669
}
14670
a:hover,
14671
a:active {
14672
  color: #0d47a1;
14673
  text-decoration: none;
14674
}
14675
pre,
14676
code,
14677
code[class*="language-"],
14678
pre[class*="language-"] {
14679
  font: 400 12px / 18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
14680
  -webkit-box-sizing: border-box;
14681
  box-sizing: border-box;
14682
}
14683
pre[class*="language-"] {
14684
  -webkit-box-shadow: none;
14685
  box-shadow: none;
14686
  border: 1px solid rgba(0, 0, 0, 0.12);
14687
  padding: 0;
14688
}
14689
pre[class*="language-"]:before,
14690
pre[class*="language-"]:after {
14691
  display: none;
14692
}
14693
.line-numbers .line-numbers-rows {
14694
  border-right-color: rgba(0, 0, 0, 0.12);
14695
}
14696
:not(pre) > code,
14697
:not(pre) > kbd,
14698
:not(pre) > samp {
14699
  font: 400 12px / 18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
14700
  color: #d32f2f;
14701
}
14702
pre.large_code,
14703
code.large_code {
14704
  font: 400 14px / 24px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
14705
}
14706
.touchscroll {
14707
  overflow-y: auto !important;
14708
  -webkit-overflow-scrolling: touch;
14709
}
14710
.transform-origin-50 {
14711
  -webkit-transform-origin: 50% 50%;
14712
  transform-origin: 50% 50%;
14713
}
14714
blockquote {
14715
  border-left: 4px solid rgba(0, 0, 0, 0.085);
14716
}
14717
/* clearfix */
14718
.clearfix:before,
14719
.clearfix:after {
14720
  content: " ";
14721
  display: table;
14722
}
14723
.clearfix:after {
14724
  clear: both;
14725
}
14726
/* headings */
14727
h1,
14728
h2,
14729
h3,
14730
h4,
14731
h5,
14732
h6 {
14733
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
14734
  font-weight: 500;
14735
}
14736
.heading_a {
14737
  margin: 0;
14738
  font: 400 18px / 24px "Open Sans";
14739
}
14740
.heading_a .sub-heading {
14741
  font-weight: 300;
14742
  font-size: 14px;
14743
  line-height: 18px;
14744
  display: block;
14745
  color: #727272;
14746
}
14747
.heading_b {
14748
  margin: 0;
14749
  font: 400 22px / 28px "Open Sans";
14750
}
14751
.heading_b .sub-heading {
14752
  font-weight: 300;
14753
  font-size: 16px;
14754
  line-height: 20px;
14755
  display: block;
14756
  color: #727272;
14757
}
14758
.heading_c {
14759
  margin: 0;
14760
  font: 400 16px / 20px "Open Sans";
14761
}
14762
.heading_c .sub-heading {
14763
  font-weight: 300;
14764
  font-size: 13px;
14765
  line-height: 20px;
14766
  display: block;
14767
  color: #727272;
14768
}
14769
.heading_list {
14770
  color: #727272;
14771
  font: 500 13px / 16px "Open Sans";
14772
  padding: 0 16px;
14773
  margin: 0 0 16px;
14774
}
14775
.heading_a + .uk-grid,
14776
.heading_b + .uk-grid,
14777
.heading_c + .uk-grid,
14778
.heading_list + .uk-grid {
14779
  margin-top: 24px;
14780
}
14781
.uk-grid + .heading_a,
14782
.uk-grid + .heading_b,
14783
.uk-grid + .heading_c,
14784
.uk-grid + .heading_list {
14785
  margin-top: 24px;
14786
}
14787
/* uikit extend */
14788
.uk-text-large {
14789
  font-size: 16px;
14790
  font-weight: 400;
14791
  margin: 0 0 16px;
14792
}
14793
* > .uk-text-large {
14794
  margin-top: 16px;
14795
}
14796
.uk-text-small {
14797
  font-size: 12px !important;
14798
}
14799
.uk-text-upper {
14800
  text-transform: uppercase;
14801
}
14802
.uk-text-italic {
14803
  font-style: italic;
14804
}
14805
.uk-text-del {
14806
  text-decoration: line-through;
14807
}
14808
.uk-table.no-border td,
14809
.uk-table .no-border td {
14810
  border-bottom: none;
14811
}
14812
.uk-table .row-selected {
14813
  background: #fff8e1 !important;
14814
}
14815
.uk-table [data-link] {
14816
  cursor: pointer;
14817
}
14818
.uk-text-pre {
14819
  white-space: pre;
14820
}
14821
.table_tree {
14822
  margin-bottom: 4px !important;
14823
}
14824
.table_tree .table-child-row {
14825
  display: none;
14826
}
14827
.table_tree .toggle-childrens {
14828
  display: block;
14829
  padding-left: 24px;
14830
  position: relative;
14831
}
14832
.table_tree .toggle-childrens:before {
14833
  content: '\e313';
14834
  font-family: "Material Icons";
14835
  font-size: 28px;
14836
  position: absolute;
14837
  left: -6px;
14838
  top: -10px;
14839
  color: #727272;
14840
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
14841
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
14842
  -webkit-transform: rotate(0deg);
14843
  transform: rotate(0deg);
14844
}
14845
.table_tree .table-child-row {
14846
  display: table-row;
14847
}
14848
.table_tree .table-child-row .child-row-main-col {
14849
  padding-left: 40px;
14850
}
14851
.table_tree .show_child_row .toggle-childrens:before {
14852
  -webkit-transform: rotate(-90deg);
14853
  transform: rotate(-90deg);
14854
}
14855
/* custom styles */
14856
address {
14857
  margin: 0;
14858
}
14859
address p {
14860
  margin: 0;
14861
}
14862
address p + p {
14863
  margin-top: 4px;
14864
}
14865
.grid-block {
14866
  border-width: 1px 0;
14867
  border-style: solid;
14868
  border-color: rgba(0, 0, 0, 0.12);
14869
  background: rgba(179, 179, 179, 0.085);
14870
  padding: 48px 0;
14871
}
14872
.inline-list {
14873
  margin: 0;
14874
  padding: 0;
14875
  list-style: none;
14876
  overflow: hidden;
14877
}
14878
.inline-list > li {
14879
  padding: 0;
14880
  margin: 0;
14881
  list-style: none;
14882
}
14883
.inline-list li {
14884
  float: left;
14885
  margin: 0 8px 8px 0;
14886
  height: 32px;
14887
  width: 32px;
14888
  line-height: 32px;
14889
  text-align: center;
14890
  background: rgba(102, 102, 102, 0.085);
14891
}
14892
.img_thumb {
14893
  width: 80px;
14894
  max-width: 100%;
14895
  height: auto;
14896
}
14897
.img_thumb.square {
14898
  height: 80px;
14899
}
14900
.img_small {
14901
  width: 120px;
14902
  max-width: 100%;
14903
  height: auto;
14904
}
14905
.img_small.square {
14906
  height: 120px;
14907
}
14908
.img_medium {
14909
  width: 240px;
14910
  max-width: 100%;
14911
  height: auto;
14912
}
14913
.img_medium.square {
14914
  height: 240px;
14915
}
14916
.img_large {
14917
  width: 400px;
14918
  max-width: 100%;
14919
  height: auto;
14920
}
14921
.img_large.square {
14922
  height: 400px;
14923
}
14924
/* forms */
14925
.inline-label {
14926
  padding-left: 4px;
14927
  cursor: pointer;
14928
  vertical-align: -1px;
14929
}
14930
.form_hr {
14931
  border-top: 1px dashed rgba(0, 0, 0, 0.12);
14932
  margin: 32px 0 16px;
14933
}
14934
/* layout */
14935
#page_content:before {
14936
  content: '';
14937
  position: fixed;
14938
  left: 0;
14939
  top: 0;
14940
  right: 0;
14941
  bottom: 0;
14942
  background: rgba(0, 0, 0, 0.3);
14943
  display: block;
14944
  opacity: 0;
14945
  -webkit-transition: opacity 400ms;
14946
  transition: opacity 400ms;
14947
  z-index: -1;
14948
}
14949
#page_content_inner {
14950
  padding: 24px 24px 100px;
14951
}
14952
#page_overflow {
14953
  min-height: 100%;
14954
  overflow-y: auto;
14955
}
14956
@media only screen and (min-width: 1220px) {
14957
  .boxed_layout #page_content {
14958
    max-width: 1220px;
14959
    margin: 0 auto !important;
14960
  }
14961
  .boxed_layout .uk-width-large-8-10.uk-container-center {
14962
    width: 100%;
14963
  }
14964
  .boxed_layout.sidebar_main_open #page_content,
14965
  .boxed_layout.sidebar_main_active #page_content {
14966
    padding-left: 320px;
14967
  }
14968
  .boxed_layout .md-top-bar {
14969
    max-width: 1172px;
14970
    margin: 0 auto;
14971
  }
14972
  .boxed_layout #page_heading {
14973
    border-width: 0 1px 1px;
14974
    border-style: solid;
14975
    border-color: rgba(0, 0, 0, 0.12);
14976
    -webkit-box-sizing: border-box;
14977
    box-sizing: border-box;
14978
  }
14979
}
14980
.disable_transitions #sidebar_main,
14981
.disable_transitions #page_content,
14982
.disable_transitions #header_main,
14983
.disable_transitions #top_bar,
14984
.disable_transitions #header_main .sSwitch .sSwitchIcon,
14985
.disable_transitions #header_main .sSwitch .sSwitchIcon:before,
14986
.disable_transitions #header_main .sSwitch .sSwitchIcon:after {
14987
  -webkit-transition: none !important;
14988
  transition: none !important;
14989
}
14990
/* 10. print styles ================================== */
14991
/* print stylesheet */
14992
@media print {
14993
  *,
14994
  *:before,
14995
  *:after {
14996
    background: transparent !important;
14997
    color: #000 !important;
14998
    -webkit-box-shadow: none !important;
14999
    box-shadow: none !important;
15000
    text-shadow: none !important;
15001
  }
15002
  a,
15003
  a:visited {
15004
    text-decoration: underline;
15005
  }
15006
  a[href]:after {
15007
    content: " (" attr(href) ")";
15008
  }
15009
  abbr[title]:after {
15010
    content: " (" attr(title) ")";
15011
  }
15012
  a[href^="#"]:after,
15013
  a[href^="javascript:"]:after {
15014
    content: "";
15015
  }
15016
  pre,
15017
  blockquote {
15018
    border: 1px solid #999;
15019
    page-break-inside: avoid;
15020
  }
15021
  thead {
15022
    display: table-header-group;
15023
  }
15024
  tr,
15025
  img {
15026
    page-break-inside: avoid;
15027
  }
15028
  img {
15029
    max-width: 100% !important;
15030
  }
15031
  p,
15032
  h2,
15033
  h3 {
15034
    orphans: 3;
15035
    widows: 3;
15036
  }
15037
  h2,
15038
  h3 {
15039
    page-break-after: avoid;
15040
  }
15041
  .uk-table {
15042
    border-collapse: collapse !important;
15043
  }
15044
  .uk-table td,
15045
  .uk-table th {
15046
    background-color: #fff !important;
15047
  }
15048
  .uk-table-bordered th,
15049
  .uk-table-bordered td {
15050
    border: 1px solid #ddd !important;
15051
  }
15052
  #sidebar_main,
15053
  #sidebar_secondary,
15054
  #header_main,
15055
  #style_switcher,
15056
  .header_double_height:before,
15057
  .hidden-print,
15058
  .md-fab-wrapper {
15059
    display: none !important;
15060
    width: 0 !important;
15061
    height: 0 !important;
15062
    overflow: hidden !important;
15063
    margin: 0 !important;
15064
    left: 0 !important;
15065
  }
15066
  .sidebar_main_active #header_main,
15067
  .sidebar_main_active #top_bar {
15068
    display: none !important;
15069
    left: 0 !important;
15070
  }
15071
  body {
15072
    overflow-y: visible !important;
15073
    background: #fff;
15074
    padding: 20px !important;
15075
  }
15076
  body:after {
15077
    content: '';
15078
    position: fixed;
15079
    top: 0;
15080
    left: 0;
15081
    right: 0;
15082
    bottom: 0;
15083
    background: #fff;
15084
    display: block;
15085
    z-index: 9999;
15086
  }
15087
  #sidebar_main {
15088
    left: -320px !important;
15089
  }
15090
  .main-print {
15091
    padding: 0 !important;
15092
    margin: 0 !important;
15093
    width: 100% !important;
15094
    left: 0 !important;
15095
    top: 0 !important;
15096
  }
15097
  .md-card-single {
15098
    margin: 0 !important;
15099
  }
15100
  #page_content {
15101
    margin: 0 !important;
15102
    overflow-y: visible !important;
15103
    height: auto !important;
15104
    -webkit-transition: none !important;
15105
    transition: none !important;
15106
  }
15107
  #page_content:before {
15108
    display: none !important;
15109
  }
15110
  .print_bg,
15111
  .print_bg > * {
15112
    -webkit-print-color-adjust: exact;
15113
  }
15114
  .reset-print {
15115
    left: 0 !important;
15116
    right: 0 !important;
15117
    margin: 0 !important;
15118
    padding: 0 !important;
15119
    width: 100% !important;
15120
  }
15121
  .md-card-content {
15122
    height: auto !important;
15123
  }
15124
}
15125

    
15126
/*# sourceMappingURL=main.css.map */
(9-9/14)