GPQAPP

1
/*!
2
 *   AdminLTE v3.2.0
3
 *     Only Extra Components
4
 *   Author: Colorlib
5
 *   Website: AdminLTE.io <https://adminlte.io>
6
 *   License: Open source - MIT <https://opensource.org/licenses/MIT>
7
 */
8
@-webkit-keyframes flipInX {
9
  0% {
10
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
11
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
12
    transition-timing-function: ease-in;
13
    opacity: 0;
14
  }
15
  40% {
16
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
17
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
18
    transition-timing-function: ease-in;
19
  }
20
  60% {
21
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
22
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
23
    opacity: 1;
24
  }
25
  80% {
26
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
27
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
28
  }
29
  100% {
30
    -webkit-transform: perspective(400px);
31
    transform: perspective(400px);
32
  }
33
}
34
@keyframes flipInX {
35
  0% {
36
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
37
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
38
    transition-timing-function: ease-in;
39
    opacity: 0;
40
  }
41
  40% {
42
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
43
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
44
    transition-timing-function: ease-in;
45
  }
46
  60% {
47
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
48
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
49
    opacity: 1;
50
  }
51
  80% {
52
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
53
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
54
  }
55
  100% {
56
    -webkit-transform: perspective(400px);
57
    transform: perspective(400px);
58
  }
59
}
60

61
@-webkit-keyframes fadeIn {
62
  from {
63
    opacity: 0;
64
  }
65
  to {
66
    opacity: 1;
67
  }
68
}
69

70
@keyframes fadeIn {
71
  from {
72
    opacity: 0;
73
  }
74
  to {
75
    opacity: 1;
76
  }
77
}
78

79
@-webkit-keyframes fadeOut {
80
  from {
81
    opacity: 1;
82
  }
83
  to {
84
    opacity: 0;
85
  }
86
}
87

88
@keyframes fadeOut {
89
  from {
90
    opacity: 1;
91
  }
92
  to {
93
    opacity: 0;
94
  }
95
}
96

97
@-webkit-keyframes shake {
98
  0% {
99
    -webkit-transform: translate(2px, 1px) rotate(0deg);
100
    transform: translate(2px, 1px) rotate(0deg);
101
  }
102
  10% {
103
    -webkit-transform: translate(-1px, -2px) rotate(-2deg);
104
    transform: translate(-1px, -2px) rotate(-2deg);
105
  }
106
  20% {
107
    -webkit-transform: translate(-3px, 0) rotate(3deg);
108
    transform: translate(-3px, 0) rotate(3deg);
109
  }
110
  30% {
111
    -webkit-transform: translate(0, 2px) rotate(0deg);
112
    transform: translate(0, 2px) rotate(0deg);
113
  }
114
  40% {
115
    -webkit-transform: translate(1px, -1px) rotate(1deg);
116
    transform: translate(1px, -1px) rotate(1deg);
117
  }
118
  50% {
119
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
120
    transform: translate(-1px, 2px) rotate(-1deg);
121
  }
122
  60% {
123
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
124
    transform: translate(-3px, 1px) rotate(0deg);
125
  }
126
  70% {
127
    -webkit-transform: translate(2px, 1px) rotate(-2deg);
128
    transform: translate(2px, 1px) rotate(-2deg);
129
  }
130
  80% {
131
    -webkit-transform: translate(-1px, -1px) rotate(4deg);
132
    transform: translate(-1px, -1px) rotate(4deg);
133
  }
134
  90% {
135
    -webkit-transform: translate(2px, 2px) rotate(0deg);
136
    transform: translate(2px, 2px) rotate(0deg);
137
  }
138
  100% {
139
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
140
    transform: translate(1px, -2px) rotate(-1deg);
141
  }
142
}
143

144
@keyframes shake {
145
  0% {
146
    -webkit-transform: translate(2px, 1px) rotate(0deg);
147
    transform: translate(2px, 1px) rotate(0deg);
148
  }
149
  10% {
150
    -webkit-transform: translate(-1px, -2px) rotate(-2deg);
151
    transform: translate(-1px, -2px) rotate(-2deg);
152
  }
153
  20% {
154
    -webkit-transform: translate(-3px, 0) rotate(3deg);
155
    transform: translate(-3px, 0) rotate(3deg);
156
  }
157
  30% {
158
    -webkit-transform: translate(0, 2px) rotate(0deg);
159
    transform: translate(0, 2px) rotate(0deg);
160
  }
161
  40% {
162
    -webkit-transform: translate(1px, -1px) rotate(1deg);
163
    transform: translate(1px, -1px) rotate(1deg);
164
  }
165
  50% {
166
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
167
    transform: translate(-1px, 2px) rotate(-1deg);
168
  }
169
  60% {
170
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
171
    transform: translate(-3px, 1px) rotate(0deg);
172
  }
173
  70% {
174
    -webkit-transform: translate(2px, 1px) rotate(-2deg);
175
    transform: translate(2px, 1px) rotate(-2deg);
176
  }
177
  80% {
178
    -webkit-transform: translate(-1px, -1px) rotate(4deg);
179
    transform: translate(-1px, -1px) rotate(4deg);
180
  }
181
  90% {
182
    -webkit-transform: translate(2px, 2px) rotate(0deg);
183
    transform: translate(2px, 2px) rotate(0deg);
184
  }
185
  100% {
186
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
187
    transform: translate(1px, -2px) rotate(-1deg);
188
  }
189
}
190

191
@-webkit-keyframes wobble {
192
  0% {
193
    -webkit-transform: none;
194
    transform: none;
195
  }
196
  15% {
197
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
198
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
199
  }
200
  30% {
201
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
202
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
203
  }
204
  45% {
205
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
206
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
207
  }
208
  60% {
209
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
210
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
211
  }
212
  75% {
213
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
214
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
215
  }
216
  100% {
217
    -webkit-transform: none;
218
    transform: none;
219
  }
220
}
221

222
@keyframes wobble {
223
  0% {
224
    -webkit-transform: none;
225
    transform: none;
226
  }
227
  15% {
228
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
229
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
230
  }
231
  30% {
232
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
233
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
234
  }
235
  45% {
236
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
237
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
238
  }
239
  60% {
240
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
241
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
242
  }
243
  75% {
244
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
245
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
246
  }
247
  100% {
248
    -webkit-transform: none;
249
    transform: none;
250
  }
251
}
252

253
.small-box {
254
  border-radius: 0.25rem;
255
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
256
  display: block;
257
  margin-bottom: 20px;
258
  position: relative;
259
}
260

261
.small-box > .inner {
262
  padding: 10px;
263
}
264

265
.small-box > .small-box-footer {
266
  background-color: rgba(0, 0, 0, 0.1);
267
  color: rgba(255, 255, 255, 0.8);
268
  display: block;
269
  padding: 3px 0;
270
  position: relative;
271
  text-align: center;
272
  text-decoration: none;
273
  z-index: 10;
274
}
275

276
.small-box > .small-box-footer:hover {
277
  background-color: rgba(0, 0, 0, 0.15);
278
  color: #fff;
279
}
280

281
.small-box h3 {
282
  font-size: 2.2rem;
283
  font-weight: 700;
284
  margin: 0 0 10px;
285
  padding: 0;
286
  white-space: nowrap;
287
}
288

289
@media (min-width: 992px) {
290
  .col-xl-2 .small-box h3,
291
  .col-lg-2 .small-box h3,
292
  .col-md-2 .small-box h3 {
293
    font-size: 1.6rem;
294
  }
295
  .col-xl-3 .small-box h3,
296
  .col-lg-3 .small-box h3,
297
  .col-md-3 .small-box h3 {
298
    font-size: 1.6rem;
299
  }
300
}
301

302
@media (min-width: 1200px) {
303
  .col-xl-2 .small-box h3,
304
  .col-lg-2 .small-box h3,
305
  .col-md-2 .small-box h3 {
306
    font-size: 2.2rem;
307
  }
308
  .col-xl-3 .small-box h3,
309
  .col-lg-3 .small-box h3,
310
  .col-md-3 .small-box h3 {
311
    font-size: 2.2rem;
312
  }
313
}
314

315
.small-box p {
316
  font-size: 1rem;
317
}
318

319
.small-box p > small {
320
  color: #f8f9fa;
321
  display: block;
322
  font-size: .9rem;
323
  margin-top: 5px;
324
}
325

326
.small-box h3,
327
.small-box p {
328
  z-index: 5;
329
}
330

331
.small-box .icon {
332
  color: rgba(0, 0, 0, 0.15);
333
  z-index: 0;
334
}
335

336
.small-box .icon > i {
337
  font-size: 90px;
338
  position: absolute;
339
  right: 15px;
340
  top: 15px;
341
  transition: -webkit-transform 0.3s linear;
342
  transition: transform 0.3s linear;
343
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
344
}
345

346
.small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.fal, .small-box .icon > i.fad, .small-box .icon > i.ion {
347
  font-size: 70px;
348
  top: 20px;
349
}
350

351
.small-box .icon svg {
352
  font-size: 70px;
353
  position: absolute;
354
  right: 15px;
355
  top: 15px;
356
  transition: -webkit-transform 0.3s linear;
357
  transition: transform 0.3s linear;
358
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
359
}
360

361
.small-box:hover {
362
  text-decoration: none;
363
}
364

365
.small-box:hover .icon > i, .small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.fal, .small-box:hover .icon > i.fad, .small-box:hover .icon > i.ion {
366
  -webkit-transform: scale(1.1);
367
  transform: scale(1.1);
368
}
369

370
.small-box:hover .icon > svg {
371
  -webkit-transform: scale(1.1);
372
  transform: scale(1.1);
373
}
374

375
@media (max-width: 767.98px) {
376
  .small-box {
377
    text-align: center;
378
  }
379
  .small-box .icon {
380
    display: none;
381
  }
382
  .small-box p {
383
    font-size: 12px;
384
  }
385
}
386

387
.info-box {
388
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
389
  border-radius: 0.25rem;
390
  background-color: #fff;
391
  display: -ms-flexbox;
392
  display: flex;
393
  margin-bottom: 1rem;
394
  min-height: 80px;
395
  padding: .5rem;
396
  position: relative;
397
  width: 100%;
398
}
399

400
.info-box .progress {
401
  background-color: rgba(0, 0, 0, 0.125);
402
  height: 2px;
403
  margin: 5px 0;
404
}
405

406
.info-box .progress .progress-bar {
407
  background-color: #fff;
408
}
409

410
.info-box .info-box-icon {
411
  border-radius: 0.25rem;
412
  -ms-flex-align: center;
413
  align-items: center;
414
  display: -ms-flexbox;
415
  display: flex;
416
  font-size: 1.875rem;
417
  -ms-flex-pack: center;
418
  justify-content: center;
419
  text-align: center;
420
  width: 70px;
421
}
422

423
.info-box .info-box-icon > img {
424
  max-width: 100%;
425
}
426

427
.info-box .info-box-content {
428
  display: -ms-flexbox;
429
  display: flex;
430
  -ms-flex-direction: column;
431
  flex-direction: column;
432
  -ms-flex-pack: center;
433
  justify-content: center;
434
  line-height: 1.8;
435
  -ms-flex: 1;
436
  flex: 1;
437
  padding: 0 10px;
438
  overflow: hidden;
439
}
440

441
.info-box .info-box-number {
442
  display: block;
443
  margin-top: .25rem;
444
  font-weight: 700;
445
}
446

447
.info-box .progress-description,
448
.info-box .info-box-text {
449
  display: block;
450
  overflow: hidden;
451
  text-overflow: ellipsis;
452
  white-space: nowrap;
453
}
454

455
.info-box .info-box .bg-primary,
456
.info-box .info-box .bg-gradient-primary {
457
  color: #fff;
458
}
459

460
.info-box .info-box .bg-primary .progress-bar,
461
.info-box .info-box .bg-gradient-primary .progress-bar {
462
  background-color: #fff;
463
}
464

465
.info-box .info-box .bg-secondary,
466
.info-box .info-box .bg-gradient-secondary {
467
  color: #fff;
468
}
469

470
.info-box .info-box .bg-secondary .progress-bar,
471
.info-box .info-box .bg-gradient-secondary .progress-bar {
472
  background-color: #fff;
473
}
474

475
.info-box .info-box .bg-success,
476
.info-box .info-box .bg-gradient-success {
477
  color: #fff;
478
}
479

480
.info-box .info-box .bg-success .progress-bar,
481
.info-box .info-box .bg-gradient-success .progress-bar {
482
  background-color: #fff;
483
}
484

485
.info-box .info-box .bg-info,
486
.info-box .info-box .bg-gradient-info {
487
  color: #fff;
488
}
489

490
.info-box .info-box .bg-info .progress-bar,
491
.info-box .info-box .bg-gradient-info .progress-bar {
492
  background-color: #fff;
493
}
494

495
.info-box .info-box .bg-warning,
496
.info-box .info-box .bg-gradient-warning {
497
  color: #1f2d3d;
498
}
499

500
.info-box .info-box .bg-warning .progress-bar,
501
.info-box .info-box .bg-gradient-warning .progress-bar {
502
  background-color: #1f2d3d;
503
}
504

505
.info-box .info-box .bg-danger,
506
.info-box .info-box .bg-gradient-danger {
507
  color: #fff;
508
}
509

510
.info-box .info-box .bg-danger .progress-bar,
511
.info-box .info-box .bg-gradient-danger .progress-bar {
512
  background-color: #fff;
513
}
514

515
.info-box .info-box .bg-light,
516
.info-box .info-box .bg-gradient-light {
517
  color: #1f2d3d;
518
}
519

520
.info-box .info-box .bg-light .progress-bar,
521
.info-box .info-box .bg-gradient-light .progress-bar {
522
  background-color: #1f2d3d;
523
}
524

525
.info-box .info-box .bg-dark,
526
.info-box .info-box .bg-gradient-dark {
527
  color: #fff;
528
}
529

530
.info-box .info-box .bg-dark .progress-bar,
531
.info-box .info-box .bg-gradient-dark .progress-bar {
532
  background-color: #fff;
533
}
534

535
.info-box .info-box-more {
536
  display: block;
537
}
538

539
.info-box .progress-description {
540
  margin: 0;
541
}
542

543
@media (min-width: 768px) {
544
  .col-xl-2 .info-box .progress-description,
545
  .col-lg-2 .info-box .progress-description,
546
  .col-md-2 .info-box .progress-description {
547
    display: none;
548
  }
549
  .col-xl-3 .info-box .progress-description,
550
  .col-lg-3 .info-box .progress-description,
551
  .col-md-3 .info-box .progress-description {
552
    display: none;
553
  }
554
}
555

556
@media (min-width: 992px) {
557
  .col-xl-2 .info-box .progress-description,
558
  .col-lg-2 .info-box .progress-description,
559
  .col-md-2 .info-box .progress-description {
560
    font-size: 0.75rem;
561
    display: block;
562
  }
563
  .col-xl-3 .info-box .progress-description,
564
  .col-lg-3 .info-box .progress-description,
565
  .col-md-3 .info-box .progress-description {
566
    font-size: 0.75rem;
567
    display: block;
568
  }
569
}
570

571
@media (min-width: 1200px) {
572
  .col-xl-2 .info-box .progress-description,
573
  .col-lg-2 .info-box .progress-description,
574
  .col-md-2 .info-box .progress-description {
575
    font-size: 1rem;
576
    display: block;
577
  }
578
  .col-xl-3 .info-box .progress-description,
579
  .col-lg-3 .info-box .progress-description,
580
  .col-md-3 .info-box .progress-description {
581
    font-size: 1rem;
582
    display: block;
583
  }
584
}
585

586
.dark-mode .info-box {
587
  background-color: #343a40;
588
  color: #fff;
589
}
590

591
.dark-mode .info-box .info-box .bg-primary,
592
.dark-mode .info-box .info-box .bg-gradient-primary {
593
  color: #fff;
594
}
595

596
.dark-mode .info-box .info-box .bg-primary .progress-bar,
597
.dark-mode .info-box .info-box .bg-gradient-primary .progress-bar {
598
  background-color: #fff;
599
}
600

601
.dark-mode .info-box .info-box .bg-secondary,
602
.dark-mode .info-box .info-box .bg-gradient-secondary {
603
  color: #fff;
604
}
605

606
.dark-mode .info-box .info-box .bg-secondary .progress-bar,
607
.dark-mode .info-box .info-box .bg-gradient-secondary .progress-bar {
608
  background-color: #fff;
609
}
610

611
.dark-mode .info-box .info-box .bg-success,
612
.dark-mode .info-box .info-box .bg-gradient-success {
613
  color: #fff;
614
}
615

616
.dark-mode .info-box .info-box .bg-success .progress-bar,
617
.dark-mode .info-box .info-box .bg-gradient-success .progress-bar {
618
  background-color: #fff;
619
}
620

621
.dark-mode .info-box .info-box .bg-info,
622
.dark-mode .info-box .info-box .bg-gradient-info {
623
  color: #fff;
624
}
625

626
.dark-mode .info-box .info-box .bg-info .progress-bar,
627
.dark-mode .info-box .info-box .bg-gradient-info .progress-bar {
628
  background-color: #fff;
629
}
630

631
.dark-mode .info-box .info-box .bg-warning,
632
.dark-mode .info-box .info-box .bg-gradient-warning {
633
  color: #1f2d3d;
634
}
635

636
.dark-mode .info-box .info-box .bg-warning .progress-bar,
637
.dark-mode .info-box .info-box .bg-gradient-warning .progress-bar {
638
  background-color: #1f2d3d;
639
}
640

641
.dark-mode .info-box .info-box .bg-danger,
642
.dark-mode .info-box .info-box .bg-gradient-danger {
643
  color: #fff;
644
}
645

646
.dark-mode .info-box .info-box .bg-danger .progress-bar,
647
.dark-mode .info-box .info-box .bg-gradient-danger .progress-bar {
648
  background-color: #fff;
649
}
650

651
.dark-mode .info-box .info-box .bg-light,
652
.dark-mode .info-box .info-box .bg-gradient-light {
653
  color: #1f2d3d;
654
}
655

656
.dark-mode .info-box .info-box .bg-light .progress-bar,
657
.dark-mode .info-box .info-box .bg-gradient-light .progress-bar {
658
  background-color: #1f2d3d;
659
}
660

661
.dark-mode .info-box .info-box .bg-dark,
662
.dark-mode .info-box .info-box .bg-gradient-dark {
663
  color: #fff;
664
}
665

666
.dark-mode .info-box .info-box .bg-dark .progress-bar,
667
.dark-mode .info-box .info-box .bg-gradient-dark .progress-bar {
668
  background-color: #fff;
669
}
670

671
.timeline {
672
  margin: 0 0 45px;
673
  padding: 0;
674
  position: relative;
675
}
676

677
.timeline::before {
678
  border-radius: 0.25rem;
679
  background-color: #dee2e6;
680
  bottom: 0;
681
  content: "";
682
  left: 31px;
683
  margin: 0;
684
  position: absolute;
685
  top: 0;
686
  width: 4px;
687
}
688

689
.timeline > div {
690
  margin-bottom: 15px;
691
  margin-right: 10px;
692
  position: relative;
693
}
694

695
.timeline > div::before, .timeline > div::after {
696
  content: "";
697
  display: table;
698
}
699

700
.timeline > div > .timeline-item {
701
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
702
  border-radius: 0.25rem;
703
  background-color: #fff;
704
  color: #495057;
705
  margin-left: 60px;
706
  margin-right: 15px;
707
  margin-top: 0;
708
  padding: 0;
709
  position: relative;
710
}
711

712
.timeline > div > .timeline-item > .time {
713
  color: #999;
714
  float: right;
715
  font-size: 12px;
716
  padding: 10px;
717
}
718

719
.timeline > div > .timeline-item > .timeline-header {
720
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
721
  color: #495057;
722
  font-size: 16px;
723
  line-height: 1.1;
724
  margin: 0;
725
  padding: 10px;
726
}
727

728
.timeline > div > .timeline-item > .timeline-header > a {
729
  font-weight: 600;
730
}
731

732
.timeline > div > .timeline-item > .timeline-body,
733
.timeline > div > .timeline-item > .timeline-footer {
734
  padding: 10px;
735
}
736

737
.timeline > div > .timeline-item > .timeline-body > img {
738
  margin: 10px;
739
}
740

741
.timeline > div > .timeline-item > .timeline-body > dl,
742
.timeline > div > .timeline-item > .timeline-body ol,
743
.timeline > div > .timeline-item > .timeline-body ul {
744
  margin: 0;
745
}
746

747
.timeline > div > .timeline-item > .timeline-footer > a {
748
  color: #fff;
749
}
750

751
.timeline > div > .fa,
752
.timeline > div > .fas,
753
.timeline > div > .far,
754
.timeline > div > .fab,
755
.timeline > div > .fal,
756
.timeline > div > .fad,
757
.timeline > div > .svg-inline--fa,
758
.timeline > div > .ion {
759
  background-color: #adb5bd;
760
  border-radius: 50%;
761
  font-size: 16px;
762
  height: 30px;
763
  left: 18px;
764
  line-height: 30px;
765
  position: absolute;
766
  text-align: center;
767
  top: 0;
768
  width: 30px;
769
}
770

771
.timeline > div > .svg-inline--fa {
772
  padding: 7px;
773
}
774

775
.timeline > .time-label > span {
776
  border-radius: 4px;
777
  background-color: #fff;
778
  display: inline-block;
779
  font-weight: 600;
780
  padding: 5px;
781
}
782

783
.timeline-inverse > div > .timeline-item {
784
  box-shadow: none;
785
  background-color: #f8f9fa;
786
  border: 1px solid #dee2e6;
787
}
788

789
.timeline-inverse > div > .timeline-item > .timeline-header {
790
  border-bottom-color: #dee2e6;
791
}
792

793
.dark-mode .timeline::before {
794
  background-color: #6c757d;
795
}
796

797
.dark-mode .timeline > div > .timeline-item {
798
  background-color: #343a40;
799
  color: #fff;
800
  border-color: #6c757d;
801
}
802

803
.dark-mode .timeline > div > .timeline-item > .timeline-header {
804
  color: #ced4da;
805
  border-color: #6c757d;
806
}
807

808
.dark-mode .timeline > div > .timeline-item > .time {
809
  color: #ced4da;
810
}
811

812
.products-list {
813
  list-style: none;
814
  margin: 0;
815
  padding: 0;
816
}
817

818
.products-list > .item {
819
  border-radius: 0.25rem;
820
  background-color: #fff;
821
  padding: 10px 0;
822
}
823

824
.products-list > .item::after {
825
  display: block;
826
  clear: both;
827
  content: "";
828
}
829

830
.products-list .product-img {
831
  float: left;
832
}
833

834
.products-list .product-img img {
835
  height: 50px;
836
  width: 50px;
837
}
838

839
.products-list .product-info {
840
  margin-left: 60px;
841
}
842

843
.products-list .product-title {
844
  font-weight: 600;
845
}
846

847
.products-list .product-description {
848
  color: #6c757d;
849
  display: block;
850
  overflow: hidden;
851
  text-overflow: ellipsis;
852
  white-space: nowrap;
853
}
854

855
.product-list-in-card > .item {
856
  border-radius: 0;
857
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
858
}
859

860
.product-list-in-card > .item:last-of-type {
861
  border-bottom-width: 0;
862
}
863

864
.dark-mode .products-list > .item {
865
  background-color: #343a40;
866
  color: #fff;
867
  border-bottom-color: #6c757d;
868
}
869

870
.dark-mode .product-description {
871
  color: #ced4da;
872
}
873

874
.direct-chat .card-body {
875
  overflow-x: hidden;
876
  padding: 0;
877
  position: relative;
878
}
879

880
.direct-chat.chat-pane-open .direct-chat-contacts {
881
  -webkit-transform: translate(0, 0);
882
  transform: translate(0, 0);
883
}
884

885
.direct-chat.timestamp-light .direct-chat-timestamp {
886
  color: #30465f;
887
}
888

889
.direct-chat.timestamp-dark .direct-chat-timestamp {
890
  color: #cccccc;
891
}
892

893
.direct-chat-messages {
894
  -webkit-transform: translate(0, 0);
895
  transform: translate(0, 0);
896
  height: 250px;
897
  overflow: auto;
898
  padding: 10px;
899
}
900

901
.direct-chat-msg,
902
.direct-chat-text {
903
  display: block;
904
}
905

906
.direct-chat-msg {
907
  margin-bottom: 10px;
908
}
909

910
.direct-chat-msg::after {
911
  display: block;
912
  clear: both;
913
  content: "";
914
}
915

916
.direct-chat-messages,
917
.direct-chat-contacts {
918
  transition: -webkit-transform .5s ease-in-out;
919
  transition: transform .5s ease-in-out;
920
  transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
921
}
922

923
.direct-chat-text {
924
  border-radius: 0.3rem;
925
  background-color: #d2d6de;
926
  border: 1px solid #d2d6de;
927
  color: #444;
928
  margin: 5px 0 0 50px;
929
  padding: 5px 10px;
930
  position: relative;
931
}
932

933
.direct-chat-text::after, .direct-chat-text::before {
934
  border: solid transparent;
935
  border-right-color: #d2d6de;
936
  content: " ";
937
  height: 0;
938
  pointer-events: none;
939
  position: absolute;
940
  right: 100%;
941
  top: 15px;
942
  width: 0;
943
}
944

945
.direct-chat-text::after {
946
  border-width: 5px;
947
  margin-top: -5px;
948
}
949

950
.direct-chat-text::before {
951
  border-width: 6px;
952
  margin-top: -6px;
953
}
954

955
.right .direct-chat-text {
956
  margin-left: 0;
957
  margin-right: 50px;
958
}
959

960
.right .direct-chat-text::after, .right .direct-chat-text::before {
961
  border-left-color: #d2d6de;
962
  border-right-color: transparent;
963
  left: 100%;
964
  right: auto;
965
}
966

967
.direct-chat-img {
968
  border-radius: 50%;
969
  float: left;
970
  height: 40px;
971
  width: 40px;
972
}
973

974
.right .direct-chat-img {
975
  float: right;
976
}
977

978
.direct-chat-infos {
979
  display: block;
980
  font-size: 0.875rem;
981
  margin-bottom: 2px;
982
}
983

984
.direct-chat-name {
985
  font-weight: 600;
986
}
987

988
.direct-chat-timestamp {
989
  color: #697582;
990
}
991

992
.direct-chat-contacts-open .direct-chat-contacts {
993
  -webkit-transform: translate(0, 0);
994
  transform: translate(0, 0);
995
}
996

997
.direct-chat-contacts {
998
  -webkit-transform: translate(101%, 0);
999
  transform: translate(101%, 0);
1000
  background-color: #343a40;
1001
  bottom: 0;
1002
  color: #fff;
1003
  height: 250px;
1004
  overflow: auto;
1005
  position: absolute;
1006
  top: 0;
1007
  width: 100%;
1008
}
1009

1010
.direct-chat-contacts-light {
1011
  background-color: #f8f9fa;
1012
}
1013

1014
.direct-chat-contacts-light .contacts-list-name {
1015
  color: #495057;
1016
}
1017

1018
.direct-chat-contacts-light .contacts-list-date {
1019
  color: #6c757d;
1020
}
1021

1022
.direct-chat-contacts-light .contacts-list-msg {
1023
  color: #545b62;
1024
}
1025

1026
.contacts-list {
1027
  padding-left: 0;
1028
  list-style: none;
1029
}
1030

1031
.contacts-list > li {
1032
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
1033
  margin: 0;
1034
  padding: 10px;
1035
}
1036

1037
.contacts-list > li::after {
1038
  display: block;
1039
  clear: both;
1040
  content: "";
1041
}
1042

1043
.contacts-list > li:last-of-type {
1044
  border-bottom: 0;
1045
}
1046

1047
.contacts-list-img {
1048
  border-radius: 50%;
1049
  float: left;
1050
  width: 40px;
1051
}
1052

1053
.contacts-list-info {
1054
  color: #fff;
1055
  margin-left: 45px;
1056
}
1057

1058
.contacts-list-name,
1059
.contacts-list-status {
1060
  display: block;
1061
}
1062

1063
.contacts-list-name {
1064
  font-weight: 600;
1065
}
1066

1067
.contacts-list-status {
1068
  font-size: 0.875rem;
1069
}
1070

1071
.contacts-list-date {
1072
  color: #ced4da;
1073
  font-weight: 400;
1074
}
1075

1076
.contacts-list-msg {
1077
  color: #b1bbc4;
1078
}
1079

1080
.direct-chat-primary .right > .direct-chat-text {
1081
  background-color: #007bff;
1082
  border-color: #007bff;
1083
  color: #fff;
1084
}
1085

1086
.direct-chat-primary .right > .direct-chat-text::after, .direct-chat-primary .right > .direct-chat-text::before {
1087
  border-left-color: #007bff;
1088
}
1089

1090
.direct-chat-secondary .right > .direct-chat-text {
1091
  background-color: #6c757d;
1092
  border-color: #6c757d;
1093
  color: #fff;
1094
}
1095

1096
.direct-chat-secondary .right > .direct-chat-text::after, .direct-chat-secondary .right > .direct-chat-text::before {
1097
  border-left-color: #6c757d;
1098
}
1099

1100
.direct-chat-success .right > .direct-chat-text {
1101
  background-color: #28a745;
1102
  border-color: #28a745;
1103
  color: #fff;
1104
}
1105

1106
.direct-chat-success .right > .direct-chat-text::after, .direct-chat-success .right > .direct-chat-text::before {
1107
  border-left-color: #28a745;
1108
}
1109

1110
.direct-chat-info .right > .direct-chat-text {
1111
  background-color: #17a2b8;
1112
  border-color: #17a2b8;
1113
  color: #fff;
1114
}
1115

1116
.direct-chat-info .right > .direct-chat-text::after, .direct-chat-info .right > .direct-chat-text::before {
1117
  border-left-color: #17a2b8;
1118
}
1119

1120
.direct-chat-warning .right > .direct-chat-text {
1121
  background-color: #ffc107;
1122
  border-color: #ffc107;
1123
  color: #1f2d3d;
1124
}
1125

1126
.direct-chat-warning .right > .direct-chat-text::after, .direct-chat-warning .right > .direct-chat-text::before {
1127
  border-left-color: #ffc107;
1128
}
1129

1130
.direct-chat-danger .right > .direct-chat-text {
1131
  background-color: #dc3545;
1132
  border-color: #dc3545;
1133
  color: #fff;
1134
}
1135

1136
.direct-chat-danger .right > .direct-chat-text::after, .direct-chat-danger .right > .direct-chat-text::before {
1137
  border-left-color: #dc3545;
1138
}
1139

1140
.direct-chat-light .right > .direct-chat-text {
1141
  background-color: #f8f9fa;
1142
  border-color: #f8f9fa;
1143
  color: #1f2d3d;
1144
}
1145

1146
.direct-chat-light .right > .direct-chat-text::after, .direct-chat-light .right > .direct-chat-text::before {
1147
  border-left-color: #f8f9fa;
1148
}
1149

1150
.direct-chat-dark .right > .direct-chat-text {
1151
  background-color: #343a40;
1152
  border-color: #343a40;
1153
  color: #fff;
1154
}
1155

1156
.direct-chat-dark .right > .direct-chat-text::after, .direct-chat-dark .right > .direct-chat-text::before {
1157
  border-left-color: #343a40;
1158
}
1159

1160
.direct-chat-lightblue .right > .direct-chat-text {
1161
  background-color: #3c8dbc;
1162
  border-color: #3c8dbc;
1163
  color: #fff;
1164
}
1165

1166
.direct-chat-lightblue .right > .direct-chat-text::after, .direct-chat-lightblue .right > .direct-chat-text::before {
1167
  border-left-color: #3c8dbc;
1168
}
1169

1170
.direct-chat-navy .right > .direct-chat-text {
1171
  background-color: #001f3f;
1172
  border-color: #001f3f;
1173
  color: #fff;
1174
}
1175

1176
.direct-chat-navy .right > .direct-chat-text::after, .direct-chat-navy .right > .direct-chat-text::before {
1177
  border-left-color: #001f3f;
1178
}
1179

1180
.direct-chat-olive .right > .direct-chat-text {
1181
  background-color: #3d9970;
1182
  border-color: #3d9970;
1183
  color: #fff;
1184
}
1185

1186
.direct-chat-olive .right > .direct-chat-text::after, .direct-chat-olive .right > .direct-chat-text::before {
1187
  border-left-color: #3d9970;
1188
}
1189

1190
.direct-chat-lime .right > .direct-chat-text {
1191
  background-color: #01ff70;
1192
  border-color: #01ff70;
1193
  color: #1f2d3d;
1194
}
1195

1196
.direct-chat-lime .right > .direct-chat-text::after, .direct-chat-lime .right > .direct-chat-text::before {
1197
  border-left-color: #01ff70;
1198
}
1199

1200
.direct-chat-fuchsia .right > .direct-chat-text {
1201
  background-color: #f012be;
1202
  border-color: #f012be;
1203
  color: #fff;
1204
}
1205

1206
.direct-chat-fuchsia .right > .direct-chat-text::after, .direct-chat-fuchsia .right > .direct-chat-text::before {
1207
  border-left-color: #f012be;
1208
}
1209

1210
.direct-chat-maroon .right > .direct-chat-text {
1211
  background-color: #d81b60;
1212
  border-color: #d81b60;
1213
  color: #fff;
1214
}
1215

1216
.direct-chat-maroon .right > .direct-chat-text::after, .direct-chat-maroon .right > .direct-chat-text::before {
1217
  border-left-color: #d81b60;
1218
}
1219

1220
.direct-chat-blue .right > .direct-chat-text {
1221
  background-color: #007bff;
1222
  border-color: #007bff;
1223
  color: #fff;
1224
}
1225

1226
.direct-chat-blue .right > .direct-chat-text::after, .direct-chat-blue .right > .direct-chat-text::before {
1227
  border-left-color: #007bff;
1228
}
1229

1230
.direct-chat-indigo .right > .direct-chat-text {
1231
  background-color: #6610f2;
1232
  border-color: #6610f2;
1233
  color: #fff;
1234
}
1235

1236
.direct-chat-indigo .right > .direct-chat-text::after, .direct-chat-indigo .right > .direct-chat-text::before {
1237
  border-left-color: #6610f2;
1238
}
1239

1240
.direct-chat-purple .right > .direct-chat-text {
1241
  background-color: #6f42c1;
1242
  border-color: #6f42c1;
1243
  color: #fff;
1244
}
1245

1246
.direct-chat-purple .right > .direct-chat-text::after, .direct-chat-purple .right > .direct-chat-text::before {
1247
  border-left-color: #6f42c1;
1248
}
1249

1250
.direct-chat-pink .right > .direct-chat-text {
1251
  background-color: #e83e8c;
1252
  border-color: #e83e8c;
1253
  color: #fff;
1254
}
1255

1256
.direct-chat-pink .right > .direct-chat-text::after, .direct-chat-pink .right > .direct-chat-text::before {
1257
  border-left-color: #e83e8c;
1258
}
1259

1260
.direct-chat-red .right > .direct-chat-text {
1261
  background-color: #dc3545;
1262
  border-color: #dc3545;
1263
  color: #fff;
1264
}
1265

1266
.direct-chat-red .right > .direct-chat-text::after, .direct-chat-red .right > .direct-chat-text::before {
1267
  border-left-color: #dc3545;
1268
}
1269

1270
.direct-chat-orange .right > .direct-chat-text {
1271
  background-color: #fd7e14;
1272
  border-color: #fd7e14;
1273
  color: #1f2d3d;
1274
}
1275

1276
.direct-chat-orange .right > .direct-chat-text::after, .direct-chat-orange .right > .direct-chat-text::before {
1277
  border-left-color: #fd7e14;
1278
}
1279

1280
.direct-chat-yellow .right > .direct-chat-text {
1281
  background-color: #ffc107;
1282
  border-color: #ffc107;
1283
  color: #1f2d3d;
1284
}
1285

1286
.direct-chat-yellow .right > .direct-chat-text::after, .direct-chat-yellow .right > .direct-chat-text::before {
1287
  border-left-color: #ffc107;
1288
}
1289

1290
.direct-chat-green .right > .direct-chat-text {
1291
  background-color: #28a745;
1292
  border-color: #28a745;
1293
  color: #fff;
1294
}
1295

1296
.direct-chat-green .right > .direct-chat-text::after, .direct-chat-green .right > .direct-chat-text::before {
1297
  border-left-color: #28a745;
1298
}
1299

1300
.direct-chat-teal .right > .direct-chat-text {
1301
  background-color: #20c997;
1302
  border-color: #20c997;
1303
  color: #fff;
1304
}
1305

1306
.direct-chat-teal .right > .direct-chat-text::after, .direct-chat-teal .right > .direct-chat-text::before {
1307
  border-left-color: #20c997;
1308
}
1309

1310
.direct-chat-cyan .right > .direct-chat-text {
1311
  background-color: #17a2b8;
1312
  border-color: #17a2b8;
1313
  color: #fff;
1314
}
1315

1316
.direct-chat-cyan .right > .direct-chat-text::after, .direct-chat-cyan .right > .direct-chat-text::before {
1317
  border-left-color: #17a2b8;
1318
}
1319

1320
.direct-chat-white .right > .direct-chat-text {
1321
  background-color: #fff;
1322
  border-color: #fff;
1323
  color: #1f2d3d;
1324
}
1325

1326
.direct-chat-white .right > .direct-chat-text::after, .direct-chat-white .right > .direct-chat-text::before {
1327
  border-left-color: #fff;
1328
}
1329

1330
.direct-chat-gray .right > .direct-chat-text {
1331
  background-color: #6c757d;
1332
  border-color: #6c757d;
1333
  color: #fff;
1334
}
1335

1336
.direct-chat-gray .right > .direct-chat-text::after, .direct-chat-gray .right > .direct-chat-text::before {
1337
  border-left-color: #6c757d;
1338
}
1339

1340
.direct-chat-gray-dark .right > .direct-chat-text {
1341
  background-color: #343a40;
1342
  border-color: #343a40;
1343
  color: #fff;
1344
}
1345

1346
.direct-chat-gray-dark .right > .direct-chat-text::after, .direct-chat-gray-dark .right > .direct-chat-text::before {
1347
  border-left-color: #343a40;
1348
}
1349

1350
.dark-mode .direct-chat-text {
1351
  background-color: #454d55;
1352
  border-color: #4b545c;
1353
  color: #fff;
1354
}
1355

1356
.dark-mode .direct-chat-text::after, .dark-mode .direct-chat-text::before {
1357
  border-right-color: #4b545c;
1358
}
1359

1360
.dark-mode .direct-chat-timestamp {
1361
  color: #adb5bd;
1362
}
1363

1364
.dark-mode .right > .direct-chat-text::after, .dark-mode .right > .direct-chat-text::before {
1365
  border-right-color: transparent;
1366
}
1367

1368
.dark-mode .direct-chat-primary .right > .direct-chat-text {
1369
  background-color: #3f6791;
1370
  border-color: #3f6791;
1371
  color: #fff;
1372
}
1373

1374
.dark-mode .direct-chat-primary .right > .direct-chat-text::after, .dark-mode .direct-chat-primary .right > .direct-chat-text::before {
1375
  border-left-color: #3f6791;
1376
}
1377

1378
.dark-mode .direct-chat-secondary .right > .direct-chat-text {
1379
  background-color: #6c757d;
1380
  border-color: #6c757d;
1381
  color: #fff;
1382
}
1383

1384
.dark-mode .direct-chat-secondary .right > .direct-chat-text::after, .dark-mode .direct-chat-secondary .right > .direct-chat-text::before {
1385
  border-left-color: #6c757d;
1386
}
1387

1388
.dark-mode .direct-chat-success .right > .direct-chat-text {
1389
  background-color: #00bc8c;
1390
  border-color: #00bc8c;
1391
  color: #fff;
1392
}
1393

1394
.dark-mode .direct-chat-success .right > .direct-chat-text::after, .dark-mode .direct-chat-success .right > .direct-chat-text::before {
1395
  border-left-color: #00bc8c;
1396
}
1397

1398
.dark-mode .direct-chat-info .right > .direct-chat-text {
1399
  background-color: #3498db;
1400
  border-color: #3498db;
1401
  color: #fff;
1402
}
1403

1404
.dark-mode .direct-chat-info .right > .direct-chat-text::after, .dark-mode .direct-chat-info .right > .direct-chat-text::before {
1405
  border-left-color: #3498db;
1406
}
1407

1408
.dark-mode .direct-chat-warning .right > .direct-chat-text {
1409
  background-color: #f39c12;
1410
  border-color: #f39c12;
1411
  color: #1f2d3d;
1412
}
1413

1414
.dark-mode .direct-chat-warning .right > .direct-chat-text::after, .dark-mode .direct-chat-warning .right > .direct-chat-text::before {
1415
  border-left-color: #f39c12;
1416
}
1417

1418
.dark-mode .direct-chat-danger .right > .direct-chat-text {
1419
  background-color: #e74c3c;
1420
  border-color: #e74c3c;
1421
  color: #fff;
1422
}
1423

1424
.dark-mode .direct-chat-danger .right > .direct-chat-text::after, .dark-mode .direct-chat-danger .right > .direct-chat-text::before {
1425
  border-left-color: #e74c3c;
1426
}
1427

1428
.dark-mode .direct-chat-light .right > .direct-chat-text {
1429
  background-color: #f8f9fa;
1430
  border-color: #f8f9fa;
1431
  color: #1f2d3d;
1432
}
1433

1434
.dark-mode .direct-chat-light .right > .direct-chat-text::after, .dark-mode .direct-chat-light .right > .direct-chat-text::before {
1435
  border-left-color: #f8f9fa;
1436
}
1437

1438
.dark-mode .direct-chat-dark .right > .direct-chat-text {
1439
  background-color: #343a40;
1440
  border-color: #343a40;
1441
  color: #fff;
1442
}
1443

1444
.dark-mode .direct-chat-dark .right > .direct-chat-text::after, .dark-mode .direct-chat-dark .right > .direct-chat-text::before {
1445
  border-left-color: #343a40;
1446
}
1447

1448
.dark-mode .direct-chat-lightblue .right > .direct-chat-text {
1449
  background-color: #86bad8;
1450
  border-color: #86bad8;
1451
  color: #1f2d3d;
1452
}
1453

1454
.dark-mode .direct-chat-lightblue .right > .direct-chat-text::after, .dark-mode .direct-chat-lightblue .right > .direct-chat-text::before {
1455
  border-left-color: #86bad8;
1456
}
1457

1458
.dark-mode .direct-chat-navy .right > .direct-chat-text {
1459
  background-color: #002c59;
1460
  border-color: #002c59;
1461
  color: #fff;
1462
}
1463

1464
.dark-mode .direct-chat-navy .right > .direct-chat-text::after, .dark-mode .direct-chat-navy .right > .direct-chat-text::before {
1465
  border-left-color: #002c59;
1466
}
1467

1468
.dark-mode .direct-chat-olive .right > .direct-chat-text {
1469
  background-color: #74c8a3;
1470
  border-color: #74c8a3;
1471
  color: #1f2d3d;
1472
}
1473

1474
.dark-mode .direct-chat-olive .right > .direct-chat-text::after, .dark-mode .direct-chat-olive .right > .direct-chat-text::before {
1475
  border-left-color: #74c8a3;
1476
}
1477

1478
.dark-mode .direct-chat-lime .right > .direct-chat-text {
1479
  background-color: #67ffa9;
1480
  border-color: #67ffa9;
1481
  color: #1f2d3d;
1482
}
1483

1484
.dark-mode .direct-chat-lime .right > .direct-chat-text::after, .dark-mode .direct-chat-lime .right > .direct-chat-text::before {
1485
  border-left-color: #67ffa9;
1486
}
1487

1488
.dark-mode .direct-chat-fuchsia .right > .direct-chat-text {
1489
  background-color: #f672d8;
1490
  border-color: #f672d8;
1491
  color: #1f2d3d;
1492
}
1493

1494
.dark-mode .direct-chat-fuchsia .right > .direct-chat-text::after, .dark-mode .direct-chat-fuchsia .right > .direct-chat-text::before {
1495
  border-left-color: #f672d8;
1496
}
1497

1498
.dark-mode .direct-chat-maroon .right > .direct-chat-text {
1499
  background-color: #ed6c9b;
1500
  border-color: #ed6c9b;
1501
  color: #1f2d3d;
1502
}
1503

1504
.dark-mode .direct-chat-maroon .right > .direct-chat-text::after, .dark-mode .direct-chat-maroon .right > .direct-chat-text::before {
1505
  border-left-color: #ed6c9b;
1506
}
1507

1508
.dark-mode .direct-chat-blue .right > .direct-chat-text {
1509
  background-color: #3f6791;
1510
  border-color: #3f6791;
1511
  color: #fff;
1512
}
1513

1514
.dark-mode .direct-chat-blue .right > .direct-chat-text::after, .dark-mode .direct-chat-blue .right > .direct-chat-text::before {
1515
  border-left-color: #3f6791;
1516
}
1517

1518
.dark-mode .direct-chat-indigo .right > .direct-chat-text {
1519
  background-color: #6610f2;
1520
  border-color: #6610f2;
1521
  color: #fff;
1522
}
1523

1524
.dark-mode .direct-chat-indigo .right > .direct-chat-text::after, .dark-mode .direct-chat-indigo .right > .direct-chat-text::before {
1525
  border-left-color: #6610f2;
1526
}
1527

1528
.dark-mode .direct-chat-purple .right > .direct-chat-text {
1529
  background-color: #6f42c1;
1530
  border-color: #6f42c1;
1531
  color: #fff;
1532
}
1533

1534
.dark-mode .direct-chat-purple .right > .direct-chat-text::after, .dark-mode .direct-chat-purple .right > .direct-chat-text::before {
1535
  border-left-color: #6f42c1;
1536
}
1537

1538
.dark-mode .direct-chat-pink .right > .direct-chat-text {
1539
  background-color: #e83e8c;
1540
  border-color: #e83e8c;
1541
  color: #fff;
1542
}
1543

1544
.dark-mode .direct-chat-pink .right > .direct-chat-text::after, .dark-mode .direct-chat-pink .right > .direct-chat-text::before {
1545
  border-left-color: #e83e8c;
1546
}
1547

1548
.dark-mode .direct-chat-red .right > .direct-chat-text {
1549
  background-color: #e74c3c;
1550
  border-color: #e74c3c;
1551
  color: #fff;
1552
}
1553

1554
.dark-mode .direct-chat-red .right > .direct-chat-text::after, .dark-mode .direct-chat-red .right > .direct-chat-text::before {
1555
  border-left-color: #e74c3c;
1556
}
1557

1558
.dark-mode .direct-chat-orange .right > .direct-chat-text {
1559
  background-color: #fd7e14;
1560
  border-color: #fd7e14;
1561
  color: #1f2d3d;
1562
}
1563

1564
.dark-mode .direct-chat-orange .right > .direct-chat-text::after, .dark-mode .direct-chat-orange .right > .direct-chat-text::before {
1565
  border-left-color: #fd7e14;
1566
}
1567

1568
.dark-mode .direct-chat-yellow .right > .direct-chat-text {
1569
  background-color: #f39c12;
1570
  border-color: #f39c12;
1571
  color: #1f2d3d;
1572
}
1573

1574
.dark-mode .direct-chat-yellow .right > .direct-chat-text::after, .dark-mode .direct-chat-yellow .right > .direct-chat-text::before {
1575
  border-left-color: #f39c12;
1576
}
1577

1578
.dark-mode .direct-chat-green .right > .direct-chat-text {
1579
  background-color: #00bc8c;
1580
  border-color: #00bc8c;
1581
  color: #fff;
1582
}
1583

1584
.dark-mode .direct-chat-green .right > .direct-chat-text::after, .dark-mode .direct-chat-green .right > .direct-chat-text::before {
1585
  border-left-color: #00bc8c;
1586
}
1587

1588
.dark-mode .direct-chat-teal .right > .direct-chat-text {
1589
  background-color: #20c997;
1590
  border-color: #20c997;
1591
  color: #fff;
1592
}
1593

1594
.dark-mode .direct-chat-teal .right > .direct-chat-text::after, .dark-mode .direct-chat-teal .right > .direct-chat-text::before {
1595
  border-left-color: #20c997;
1596
}
1597

1598
.dark-mode .direct-chat-cyan .right > .direct-chat-text {
1599
  background-color: #3498db;
1600
  border-color: #3498db;
1601
  color: #fff;
1602
}
1603

1604
.dark-mode .direct-chat-cyan .right > .direct-chat-text::after, .dark-mode .direct-chat-cyan .right > .direct-chat-text::before {
1605
  border-left-color: #3498db;
1606
}
1607

1608
.dark-mode .direct-chat-white .right > .direct-chat-text {
1609
  background-color: #fff;
1610
  border-color: #fff;
1611
  color: #1f2d3d;
1612
}
1613

1614
.dark-mode .direct-chat-white .right > .direct-chat-text::after, .dark-mode .direct-chat-white .right > .direct-chat-text::before {
1615
  border-left-color: #fff;
1616
}
1617

1618
.dark-mode .direct-chat-gray .right > .direct-chat-text {
1619
  background-color: #6c757d;
1620
  border-color: #6c757d;
1621
  color: #fff;
1622
}
1623

1624
.dark-mode .direct-chat-gray .right > .direct-chat-text::after, .dark-mode .direct-chat-gray .right > .direct-chat-text::before {
1625
  border-left-color: #6c757d;
1626
}
1627

1628
.dark-mode .direct-chat-gray-dark .right > .direct-chat-text {
1629
  background-color: #343a40;
1630
  border-color: #343a40;
1631
  color: #fff;
1632
}
1633

1634
.dark-mode .direct-chat-gray-dark .right > .direct-chat-text::after, .dark-mode .direct-chat-gray-dark .right > .direct-chat-text::before {
1635
  border-left-color: #343a40;
1636
}
1637

1638
.users-list {
1639
  padding-left: 0;
1640
  list-style: none;
1641
}
1642

1643
.users-list > li {
1644
  float: left;
1645
  padding: 10px;
1646
  text-align: center;
1647
  width: 25%;
1648
}
1649

1650
.users-list > li img {
1651
  border-radius: 50%;
1652
  height: auto;
1653
  max-width: 100%;
1654
}
1655

1656
.users-list > li > a:hover,
1657
.users-list > li > a:hover .users-list-name {
1658
  color: #999;
1659
}
1660

1661
.users-list-name,
1662
.users-list-date {
1663
  display: block;
1664
}
1665

1666
.users-list-name {
1667
  color: #495057;
1668
  font-size: 0.875rem;
1669
  overflow: hidden;
1670
  text-overflow: ellipsis;
1671
  white-space: nowrap;
1672
}
1673

1674
.users-list-date {
1675
  color: #748290;
1676
  font-size: 12px;
1677
}
1678

1679
.dark-mode .users-list-name {
1680
  color: #ced4da;
1681
}
1682

1683
.dark-mode .users-list-date {
1684
  color: #adb5bd;
1685
}
1686

1687
.card-widget {
1688
  border: 0;
1689
  position: relative;
1690
}
1691

1692
.widget-user .widget-user-header {
1693
  border-top-left-radius: 0.25rem;
1694
  border-top-right-radius: 0.25rem;
1695
  height: 135px;
1696
  padding: 1rem;
1697
  text-align: center;
1698
}
1699

1700
.widget-user .widget-user-username {
1701
  font-size: 25px;
1702
  font-weight: 300;
1703
  margin-bottom: 0;
1704
  margin-top: 0;
1705
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
1706
}
1707

1708
.widget-user .widget-user-desc {
1709
  margin-top: 0;
1710
}
1711

1712
.widget-user .widget-user-image {
1713
  left: 50%;
1714
  margin-left: -45px;
1715
  position: absolute;
1716
  top: 80px;
1717
}
1718

1719
.widget-user .widget-user-image > img {
1720
  border: 3px solid #fff;
1721
  height: auto;
1722
  width: 90px;
1723
}
1724

1725
.widget-user .card-footer {
1726
  padding-top: 50px;
1727
}
1728

1729
.widget-user-2 .widget-user-header {
1730
  border-top-left-radius: 0.25rem;
1731
  border-top-right-radius: 0.25rem;
1732
  padding: 1rem;
1733
}
1734

1735
.widget-user-2 .widget-user-username {
1736
  font-size: 25px;
1737
  font-weight: 300;
1738
  margin-bottom: 5px;
1739
  margin-top: 5px;
1740
}
1741

1742
.widget-user-2 .widget-user-desc {
1743
  margin-top: 0;
1744
}
1745

1746
.widget-user-2 .widget-user-username,
1747
.widget-user-2 .widget-user-desc {
1748
  margin-left: 75px;
1749
}
1750

1751
.widget-user-2 .widget-user-image > img {
1752
  float: left;
1753
  height: auto;
1754
  width: 65px;
1755
}
1756
/*# sourceMappingURL=adminlte.extra-components.css.map */