GPQAPP

1
/*!
2
 *   AdminLTE v3.2.0
3
 *     Only Pages
4
 *   Author: Colorlib
5
 *   Website: AdminLTE.io <https://adminlte.io>
6
 *   License: Open source - MIT <https://opensource.org/licenses/MIT>
7
 */
8
.close, .mailbox-attachment-close {
9
  float: right;
10
  font-size: 1.5rem;
11
  font-weight: 700;
12
  line-height: 1;
13
  color: #000;
14
  text-shadow: 0 1px 0 #fff;
15
  opacity: .5;
16
}
17

18
.close:hover, .mailbox-attachment-close:hover {
19
  color: #000;
20
  text-decoration: none;
21
}
22

23
.close:not(:disabled):not(.disabled):hover, .mailbox-attachment-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .mailbox-attachment-close:not(:disabled):not(.disabled):focus {
24
  opacity: .75;
25
}
26

27
button.close, button.mailbox-attachment-close {
28
  padding: 0;
29
  background-color: transparent;
30
  border: 0;
31
}
32

33
a.close.disabled, a.disabled.mailbox-attachment-close {
34
  pointer-events: none;
35
}
36

37
@-webkit-keyframes flipInX {
38
  0% {
39
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
40
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
41
    transition-timing-function: ease-in;
42
    opacity: 0;
43
  }
44
  40% {
45
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
46
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
47
    transition-timing-function: ease-in;
48
  }
49
  60% {
50
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
51
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
52
    opacity: 1;
53
  }
54
  80% {
55
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
56
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
57
  }
58
  100% {
59
    -webkit-transform: perspective(400px);
60
    transform: perspective(400px);
61
  }
62
}
63

64
@keyframes flipInX {
65
  0% {
66
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
67
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
68
    transition-timing-function: ease-in;
69
    opacity: 0;
70
  }
71
  40% {
72
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
73
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
74
    transition-timing-function: ease-in;
75
  }
76
  60% {
77
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
78
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
79
    opacity: 1;
80
  }
81
  80% {
82
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
83
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
84
  }
85
  100% {
86
    -webkit-transform: perspective(400px);
87
    transform: perspective(400px);
88
  }
89
}
90

91
@-webkit-keyframes fadeIn {
92
  from {
93
    opacity: 0;
94
  }
95
  to {
96
    opacity: 1;
97
  }
98
}
99

100
@keyframes fadeIn {
101
  from {
102
    opacity: 0;
103
  }
104
  to {
105
    opacity: 1;
106
  }
107
}
108

109
@-webkit-keyframes fadeOut {
110
  from {
111
    opacity: 1;
112
  }
113
  to {
114
    opacity: 0;
115
  }
116
}
117

118
@keyframes fadeOut {
119
  from {
120
    opacity: 1;
121
  }
122
  to {
123
    opacity: 0;
124
  }
125
}
126

127
@-webkit-keyframes shake {
128
  0% {
129
    -webkit-transform: translate(2px, 1px) rotate(0deg);
130
    transform: translate(2px, 1px) rotate(0deg);
131
  }
132
  10% {
133
    -webkit-transform: translate(-1px, -2px) rotate(-2deg);
134
    transform: translate(-1px, -2px) rotate(-2deg);
135
  }
136
  20% {
137
    -webkit-transform: translate(-3px, 0) rotate(3deg);
138
    transform: translate(-3px, 0) rotate(3deg);
139
  }
140
  30% {
141
    -webkit-transform: translate(0, 2px) rotate(0deg);
142
    transform: translate(0, 2px) rotate(0deg);
143
  }
144
  40% {
145
    -webkit-transform: translate(1px, -1px) rotate(1deg);
146
    transform: translate(1px, -1px) rotate(1deg);
147
  }
148
  50% {
149
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
150
    transform: translate(-1px, 2px) rotate(-1deg);
151
  }
152
  60% {
153
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
154
    transform: translate(-3px, 1px) rotate(0deg);
155
  }
156
  70% {
157
    -webkit-transform: translate(2px, 1px) rotate(-2deg);
158
    transform: translate(2px, 1px) rotate(-2deg);
159
  }
160
  80% {
161
    -webkit-transform: translate(-1px, -1px) rotate(4deg);
162
    transform: translate(-1px, -1px) rotate(4deg);
163
  }
164
  90% {
165
    -webkit-transform: translate(2px, 2px) rotate(0deg);
166
    transform: translate(2px, 2px) rotate(0deg);
167
  }
168
  100% {
169
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
170
    transform: translate(1px, -2px) rotate(-1deg);
171
  }
172
}
173

174
@keyframes shake {
175
  0% {
176
    -webkit-transform: translate(2px, 1px) rotate(0deg);
177
    transform: translate(2px, 1px) rotate(0deg);
178
  }
179
  10% {
180
    -webkit-transform: translate(-1px, -2px) rotate(-2deg);
181
    transform: translate(-1px, -2px) rotate(-2deg);
182
  }
183
  20% {
184
    -webkit-transform: translate(-3px, 0) rotate(3deg);
185
    transform: translate(-3px, 0) rotate(3deg);
186
  }
187
  30% {
188
    -webkit-transform: translate(0, 2px) rotate(0deg);
189
    transform: translate(0, 2px) rotate(0deg);
190
  }
191
  40% {
192
    -webkit-transform: translate(1px, -1px) rotate(1deg);
193
    transform: translate(1px, -1px) rotate(1deg);
194
  }
195
  50% {
196
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
197
    transform: translate(-1px, 2px) rotate(-1deg);
198
  }
199
  60% {
200
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
201
    transform: translate(-3px, 1px) rotate(0deg);
202
  }
203
  70% {
204
    -webkit-transform: translate(2px, 1px) rotate(-2deg);
205
    transform: translate(2px, 1px) rotate(-2deg);
206
  }
207
  80% {
208
    -webkit-transform: translate(-1px, -1px) rotate(4deg);
209
    transform: translate(-1px, -1px) rotate(4deg);
210
  }
211
  90% {
212
    -webkit-transform: translate(2px, 2px) rotate(0deg);
213
    transform: translate(2px, 2px) rotate(0deg);
214
  }
215
  100% {
216
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
217
    transform: translate(1px, -2px) rotate(-1deg);
218
  }
219
}
220

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

252
@keyframes wobble {
253
  0% {
254
    -webkit-transform: none;
255
    transform: none;
256
  }
257
  15% {
258
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
259
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
260
  }
261
  30% {
262
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
263
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
264
  }
265
  45% {
266
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
267
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
268
  }
269
  60% {
270
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
271
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
272
  }
273
  75% {
274
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
275
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
276
  }
277
  100% {
278
    -webkit-transform: none;
279
    transform: none;
280
  }
281
}
282

283
.mailbox-messages > .table {
284
  margin: 0;
285
}
286

287
.mailbox-controls {
288
  padding: 5px;
289
}
290

291
.mailbox-controls.with-border {
292
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
293
}
294

295
.mailbox-read-info {
296
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
297
  padding: 10px;
298
}
299

300
.mailbox-read-info h3 {
301
  font-size: 20px;
302
  margin: 0;
303
}
304

305
.mailbox-read-info h5 {
306
  margin: 0;
307
  padding: 5px 0 0;
308
}
309

310
.mailbox-read-time {
311
  color: #999;
312
  font-size: 13px;
313
}
314

315
.mailbox-read-message {
316
  padding: 10px;
317
}
318

319
.mailbox-attachments {
320
  padding-left: 0;
321
  list-style: none;
322
}
323

324
.mailbox-attachments li {
325
  border: 1px solid #eee;
326
  float: left;
327
  margin-bottom: 10px;
328
  margin-right: 10px;
329
  width: 200px;
330
}
331

332
.mailbox-attachment-name {
333
  color: #666;
334
  font-weight: 700;
335
}
336

337
.mailbox-attachment-icon,
338
.mailbox-attachment-info,
339
.mailbox-attachment-size {
340
  display: block;
341
}
342

343
.mailbox-attachment-info {
344
  background-color: #f8f9fa;
345
  padding: 10px;
346
}
347

348
.mailbox-attachment-size {
349
  color: #999;
350
  font-size: 12px;
351
}
352

353
.mailbox-attachment-size > span {
354
  display: inline-block;
355
  padding-top: .75rem;
356
}
357

358
.mailbox-attachment-icon {
359
  color: #666;
360
  font-size: 65px;
361
  max-height: 132.5px;
362
  padding: 20px 10px;
363
  text-align: center;
364
}
365

366
.mailbox-attachment-icon.has-img {
367
  padding: 0;
368
}
369

370
.mailbox-attachment-icon.has-img > img {
371
  height: auto;
372
  max-width: 100%;
373
}
374

375
.lockscreen {
376
  background-color: #e9ecef;
377
}
378

379
.lockscreen .lockscreen-name {
380
  font-weight: 600;
381
  text-align: center;
382
}
383

384
.lockscreen-logo {
385
  font-size: 35px;
386
  font-weight: 300;
387
  margin-bottom: 25px;
388
  text-align: center;
389
}
390

391
.lockscreen-logo a {
392
  color: #495057;
393
}
394

395
.lockscreen-wrapper {
396
  margin: 0 auto;
397
  margin-top: 10%;
398
  max-width: 400px;
399
}
400

401
.lockscreen-item {
402
  border-radius: 4px;
403
  background-color: #fff;
404
  margin: 10px auto 30px;
405
  padding: 0;
406
  position: relative;
407
  width: 290px;
408
}
409

410
.lockscreen-image {
411
  border-radius: 50%;
412
  background-color: #fff;
413
  left: -10px;
414
  padding: 5px;
415
  position: absolute;
416
  top: -25px;
417
  z-index: 10;
418
}
419

420
.lockscreen-image > img {
421
  border-radius: 50%;
422
  height: 70px;
423
  width: 70px;
424
}
425

426
.lockscreen-credentials {
427
  margin-left: 70px;
428
}
429

430
.lockscreen-credentials .form-control {
431
  border: 0;
432
}
433

434
.lockscreen-credentials .btn {
435
  background-color: #fff;
436
  border: 0;
437
  padding: 0 10px;
438
}
439

440
.lockscreen-footer {
441
  margin-top: 10px;
442
}
443

444
.dark-mode .lockscreen-item {
445
  background-color: #343a40;
446
}
447

448
.dark-mode .lockscreen-logo a {
449
  color: #fff;
450
}
451

452
.dark-mode .lockscreen-credentials .btn {
453
  background-color: #343a40;
454
}
455

456
.dark-mode .lockscreen-image {
457
  background-color: #6c757d;
458
}
459

460
.login-logo,
461
.register-logo {
462
  font-size: 2.1rem;
463
  font-weight: 300;
464
  margin-bottom: .9rem;
465
  text-align: center;
466
}
467

468
.login-logo a,
469
.register-logo a {
470
  color: #495057;
471
}
472

473
.login-page,
474
.register-page {
475
  -ms-flex-align: center;
476
  align-items: center;
477
  background-color: #e9ecef;
478
  display: -ms-flexbox;
479
  display: flex;
480
  -ms-flex-direction: column;
481
  flex-direction: column;
482
  height: 100vh;
483
  -ms-flex-pack: center;
484
  justify-content: center;
485
}
486

487
.login-box,
488
.register-box {
489
  width: 360px;
490
}
491

492
@media (max-width: 576px) {
493
  .login-box,
494
  .register-box {
495
    margin-top: .5rem;
496
    width: 90%;
497
  }
498
}
499

500
.login-box .card,
501
.register-box .card {
502
  margin-bottom: 0;
503
}
504

505
.login-card-body,
506
.register-card-body {
507
  background-color: #fff;
508
  border-top: 0;
509
  color: #666;
510
  padding: 20px;
511
}
512

513
.login-card-body .input-group .form-control,
514
.register-card-body .input-group .form-control {
515
  border-right: 0;
516
}
517

518
.login-card-body .input-group .form-control:focus,
519
.register-card-body .input-group .form-control:focus {
520
  box-shadow: none;
521
}
522

523
.login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
524
.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
525
.register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
526
.register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
527
  border-color: #80bdff;
528
}
529

530
.login-card-body .input-group .form-control.is-valid:focus,
531
.register-card-body .input-group .form-control.is-valid:focus {
532
  box-shadow: none;
533
}
534

535
.login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
536
.login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
537
.register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
538
.register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
539
  border-color: #28a745;
540
}
541

542
.login-card-body .input-group .form-control.is-invalid:focus,
543
.register-card-body .input-group .form-control.is-invalid:focus {
544
  box-shadow: none;
545
}
546

547
.login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
548
.register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
549
  border-color: #dc3545;
550
}
551

552
.login-card-body .input-group .input-group-text,
553
.register-card-body .input-group .input-group-text {
554
  background-color: transparent;
555
  border-bottom-right-radius: 0.25rem;
556
  border-left: 0;
557
  border-top-right-radius: 0.25rem;
558
  color: #777;
559
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
560
}
561

562
.login-box-msg,
563
.register-box-msg {
564
  margin: 0;
565
  padding: 0 20px 20px;
566
  text-align: center;
567
}
568

569
.social-auth-links {
570
  margin: 10px 0;
571
}
572

573
.dark-mode .login-card-body,
574
.dark-mode .register-card-body {
575
  background-color: #343a40;
576
  border-color: #6c757d;
577
  color: #fff;
578
}
579

580
.dark-mode .login-logo a,
581
.dark-mode .register-logo a {
582
  color: #fff;
583
}
584

585
.error-page {
586
  margin: 20px auto 0;
587
  width: 600px;
588
}
589

590
@media (max-width: 767.98px) {
591
  .error-page {
592
    width: 100%;
593
  }
594
}
595

596
.error-page > .headline {
597
  float: left;
598
  font-size: 100px;
599
  font-weight: 300;
600
}
601

602
@media (max-width: 767.98px) {
603
  .error-page > .headline {
604
    float: none;
605
    text-align: center;
606
  }
607
}
608

609
.error-page > .error-content {
610
  display: block;
611
  margin-left: 190px;
612
}
613

614
@media (max-width: 767.98px) {
615
  .error-page > .error-content {
616
    margin-left: 0;
617
  }
618
}
619

620
.error-page > .error-content > h3 {
621
  font-size: 25px;
622
  font-weight: 300;
623
}
624

625
@media (max-width: 767.98px) {
626
  .error-page > .error-content > h3 {
627
    text-align: center;
628
  }
629
}
630

631
.invoice {
632
  background-color: #fff;
633
  border: 1px solid rgba(0, 0, 0, 0.125);
634
  position: relative;
635
}
636

637
.invoice-title {
638
  margin-top: 0;
639
}
640

641
.dark-mode .invoice {
642
  background-color: #343a40;
643
}
644

645
.profile-user-img {
646
  border: 3px solid #adb5bd;
647
  margin: 0 auto;
648
  padding: 3px;
649
  width: 100px;
650
}
651

652
.profile-username {
653
  font-size: 21px;
654
  margin-top: 5px;
655
}
656

657
.post {
658
  border-bottom: 1px solid #adb5bd;
659
  color: #666;
660
  margin-bottom: 15px;
661
  padding-bottom: 15px;
662
}
663

664
.post:last-of-type {
665
  border-bottom: 0;
666
  margin-bottom: 0;
667
  padding-bottom: 0;
668
}
669

670
.post .user-block {
671
  margin-bottom: 15px;
672
  width: 100%;
673
}
674

675
.post .row {
676
  width: 100%;
677
}
678

679
.dark-mode .post {
680
  color: #fff;
681
  border-color: #6c757d;
682
}
683

684
.product-image {
685
  max-width: 100%;
686
  height: auto;
687
  width: 100%;
688
}
689

690
.product-image-thumbs {
691
  -ms-flex-align: stretch;
692
  align-items: stretch;
693
  display: -ms-flexbox;
694
  display: flex;
695
  margin-top: 2rem;
696
}
697

698
.product-image-thumb {
699
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
700
  border-radius: 0.25rem;
701
  background-color: #fff;
702
  border: 1px solid #dee2e6;
703
  display: -ms-flexbox;
704
  display: flex;
705
  margin-right: 1rem;
706
  max-width: 7rem;
707
  padding: 0.5rem;
708
}
709

710
.product-image-thumb img {
711
  max-width: 100%;
712
  height: auto;
713
  -ms-flex-item-align: center;
714
  align-self: center;
715
}
716

717
.product-image-thumb:hover {
718
  opacity: .5;
719
}
720

721
.product-share a {
722
  margin-right: .5rem;
723
}
724

725
.projects td {
726
  vertical-align: middle;
727
}
728

729
.projects .list-inline {
730
  margin-bottom: 0;
731
}
732

733
.projects img.table-avatar,
734
.projects .table-avatar img {
735
  border-radius: 50%;
736
  display: inline;
737
  width: 2.5rem;
738
}
739

740
.projects .project-state {
741
  text-align: center;
742
}
743

744
body.iframe-mode .main-sidebar {
745
  display: none;
746
}
747

748
body.iframe-mode .content-wrapper {
749
  margin-left: 0 !important;
750
  margin-top: 0 !important;
751
  padding-bottom: 0 !important;
752
}
753

754
body.iframe-mode .main-header,
755
body.iframe-mode .main-footer {
756
  display: none;
757
}
758

759
body.iframe-mode-fullscreen {
760
  overflow: hidden;
761
}
762

763
body.iframe-mode-fullscreen.layout-navbar-fixed .wrapper .content-wrapper {
764
  margin-top: 0 !important;
765
}
766

767
.content-wrapper {
768
  height: 100%;
769
}
770

771
.content-wrapper.iframe-mode .btn-iframe-close {
772
  color: #dc3545;
773
  position: absolute;
774
  line-height: 1;
775
  right: .125rem;
776
  top: .125rem;
777
  z-index: 10;
778
  visibility: hidden;
779
}
780

781
.content-wrapper.iframe-mode .btn-iframe-close:hover, .content-wrapper.iframe-mode .btn-iframe-close:focus {
782
  -webkit-animation-name: fadeIn;
783
  animation-name: fadeIn;
784
  -webkit-animation-duration: 0.3s;
785
  animation-duration: 0.3s;
786
  -webkit-animation-fill-mode: both;
787
  animation-fill-mode: both;
788
  visibility: visible;
789
}
790

791
@media (hover: none) and (pointer: coarse) {
792
  .content-wrapper.iframe-mode .btn-iframe-close {
793
    visibility: visible;
794
  }
795
}
796

797
.content-wrapper.iframe-mode .navbar-nav {
798
  overflow-y: auto;
799
  width: 100%;
800
}
801

802
.content-wrapper.iframe-mode .navbar-nav .nav-link {
803
  white-space: nowrap;
804
}
805

806
.content-wrapper.iframe-mode .navbar-nav .nav-item {
807
  position: relative;
808
}
809

810
.content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close, .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close {
811
  -webkit-animation-name: fadeIn;
812
  animation-name: fadeIn;
813
  -webkit-animation-duration: 0.3s;
814
  animation-duration: 0.3s;
815
  -webkit-animation-fill-mode: both;
816
  animation-fill-mode: both;
817
  visibility: visible;
818
}
819

820
@media (hover: none) and (pointer: coarse) {
821
  .content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close, .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close {
822
    visibility: visible;
823
  }
824
}
825

826
.content-wrapper.iframe-mode .tab-content {
827
  position: relative;
828
}
829

830
.content-wrapper.iframe-mode .tab-pane + .tab-empty {
831
  display: none;
832
}
833

834
.content-wrapper.iframe-mode .tab-empty {
835
  width: 100%;
836
  display: -ms-flexbox;
837
  display: flex;
838
  -ms-flex-pack: center;
839
  justify-content: center;
840
  -ms-flex-align: center;
841
  align-items: center;
842
}
843

844
.content-wrapper.iframe-mode .tab-loading {
845
  position: absolute;
846
  top: 0;
847
  left: 0;
848
  width: 100%;
849
  display: none;
850
  background-color: #f4f6f9;
851
}
852

853
.content-wrapper.iframe-mode .tab-loading > div {
854
  display: -ms-flexbox;
855
  display: flex;
856
  -ms-flex-pack: center;
857
  justify-content: center;
858
  -ms-flex-align: center;
859
  align-items: center;
860
  width: 100%;
861
  height: 100%;
862
}
863

864
.content-wrapper.iframe-mode iframe {
865
  border: 0;
866
  width: 100%;
867
  height: 100%;
868
  margin-bottom: -8px;
869
}
870

871
.content-wrapper.iframe-mode iframe .content-wrapper {
872
  padding-bottom: 0 !important;
873
}
874

875
body.iframe-mode-fullscreen .content-wrapper.iframe-mode {
876
  position: absolute;
877
  left: 0;
878
  top: 0;
879
  right: 0;
880
  bottom: 0;
881
  margin-left: 0 !important;
882
  height: 100%;
883
  min-height: 100%;
884
  z-index: 1048;
885
}
886

887
.permanent-btn-iframe-close .btn-iframe-close {
888
  -webkit-animation: none !important;
889
  animation: none !important;
890
  visibility: visible !important;
891
  opacity: 1;
892
}
893

894
.dark-mode .content-wrapper.iframe-mode .tab-loading {
895
  background-color: #343a40;
896
}
897

898
.content-wrapper.kanban {
899
  height: 1px;
900
}
901

902
.content-wrapper.kanban .content {
903
  height: 100%;
904
  overflow-x: auto;
905
  overflow-y: hidden;
906
}
907

908
.content-wrapper.kanban .content .container,
909
.content-wrapper.kanban .content .container-fluid {
910
  width: -webkit-max-content;
911
  width: -moz-max-content;
912
  width: max-content;
913
  display: -ms-flexbox;
914
  display: flex;
915
  -ms-flex-align: stretch;
916
  align-items: stretch;
917
}
918

919
.content-wrapper.kanban .content-header + .content {
920
  height: calc(100% - ((2 * 15px) + (1.8rem * 1.2)));
921
}
922

923
.content-wrapper.kanban .card .card-body {
924
  padding: .5rem;
925
}
926

927
.content-wrapper.kanban .card.card-row {
928
  width: 340px;
929
  display: inline-block;
930
  margin: 0 .5rem;
931
}
932

933
.content-wrapper.kanban .card.card-row:first-child {
934
  margin-left: 0;
935
}
936

937
.content-wrapper.kanban .card.card-row .card-body {
938
  height: calc(100% - (12px + (1.8rem * 1.2) + .5rem));
939
  overflow-y: auto;
940
}
941

942
.content-wrapper.kanban .card.card-row .card:last-child {
943
  margin-bottom: 0;
944
  border-bottom-width: 1px;
945
}
946

947
.content-wrapper.kanban .card.card-row .card .card-header {
948
  padding: .5rem .75rem;
949
}
950

951
.content-wrapper.kanban .card.card-row .card .card-body {
952
  padding: .75rem;
953
}
954

955
.content-wrapper.kanban .btn-tool.btn-link {
956
  text-decoration: underline;
957
  padding-left: 0;
958
  padding-right: 0;
959
}
960
/*# sourceMappingURL=adminlte.pages.css.map */