@unifiedsoftware/styles 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,3230 @@
1
+ *,
2
+ *::before,
3
+ *::after {
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ body {
8
+ background-color: white !important;
9
+ font-family: "Inter", sans-serif !important;
10
+ font-size: 80% !important;
11
+ padding: 0px !important;
12
+ }
13
+
14
+ .light-scroll::-webkit-scrollbar,
15
+ .k-textarea.light-scroll textarea::-webkit-scrollbar {
16
+ width: 5px !important;
17
+ height: 5px !important;
18
+ }
19
+
20
+ .light-scroll::-webkit-scrollbar-thumb,
21
+ .k-textarea.light-scroll textarea::-webkit-scrollbar-thumb {
22
+ border-radius: 20px;
23
+ background-color: rgba(0, 0, 0, 0.15);
24
+ }
25
+
26
+ .light-scroll::-webkit-scrollbar-track,
27
+ .k-textarea.light-scroll textarea::-webkit-scrollbar-track {
28
+ background: hsla(0, 0%, 100%, 0.1);
29
+ }
30
+
31
+ .alert-dismissible {
32
+ padding-right: 2rem !important;
33
+ }
34
+
35
+ .alert {
36
+ font-size: 0.8rem !important;
37
+ }
38
+
39
+ .alert .close {
40
+ font-size: 1.2rem !important;
41
+ }
42
+
43
+ .form-check-input {
44
+ margin-top: 0.25rem !important;
45
+ }
46
+
47
+ .form-check .form-check-label {
48
+ margin-left: 1.5rem !important;
49
+ }
50
+
51
+ .main-panel {
52
+ min-height: calc(100vh - 0px) !important;
53
+ }
54
+
55
+ .input-password {
56
+ width: 50px !important;
57
+ }
58
+
59
+ .text-sm {
60
+ font-size: 0.8rem;
61
+ }
62
+
63
+ .nav-link {
64
+ cursor: pointer;
65
+ }
66
+
67
+ a.link-blue,
68
+ a.link-blue:hover,
69
+ a.link-blue:visited,
70
+ a.link-blue:link,
71
+ a.link-blue:focus {
72
+ color: #5285ef;
73
+ }
74
+
75
+ header.topbar {
76
+ z-index: 1000 !important;
77
+ }
78
+
79
+ .skin-red-dark .left-sidebar .user-pro-body a.link {
80
+ color: white !important;
81
+ }
82
+
83
+ .badge-inverse-green {
84
+ background: rgba(25, 216, 149, 0.3);
85
+ color: #19d895;
86
+ }
87
+
88
+ .badge-secondary {
89
+ background-color: #c4c9ce;
90
+ }
91
+
92
+ .badge-green {
93
+ color: #fff;
94
+ background-color: #288e40;
95
+ }
96
+
97
+ .badge-red {
98
+ color: #fff;
99
+ background-color: #f53a3a;
100
+ }
101
+
102
+ .badge-blue {
103
+ color: #fff;
104
+ background-color: #1a5da5;
105
+ }
106
+
107
+ .badge-lightblue {
108
+ color: #fff;
109
+ background-color: #17a2b8;
110
+ }
111
+
112
+ .text-priority-highest {
113
+ color: #ce0000;
114
+ }
115
+
116
+ .text-priority-high {
117
+ color: #ea4444;
118
+ }
119
+
120
+ .text-priority-medium {
121
+ color: #ea7d24;
122
+ }
123
+
124
+ .text-priority-low {
125
+ color: #2a8735;
126
+ }
127
+
128
+ .text-priority-lowest {
129
+ color: #55a557;
130
+ }
131
+
132
+ .btn-sm {
133
+ font-size: 0.7rem !important;
134
+ padding: 0.1rem 0.3rem !important;
135
+ }
136
+
137
+ .btn-rounded {
138
+ font-size: 0.7rem !important;
139
+ padding: 0.1rem 0.4rem !important;
140
+ border-radius: 50%;
141
+ border-color: transparent;
142
+ }
143
+
144
+ .btn-rounded:hover {
145
+ color: white;
146
+ background-color: rgba(152, 26, 89, 0.5);
147
+ }
148
+
149
+ .btn-primary {
150
+ color: #fff;
151
+ background-color: #92190e !important;
152
+ border-color: #92190e;
153
+ }
154
+
155
+ .btn-primary:not(:disabled):hover,
156
+ .btn-primary:not(:disabled):active,
157
+ .btn-primary:not(:disabled):visited,
158
+ .btn-primary:not(:disabled):focus,
159
+ .btn-primary:not(:disabled):not(.disabled).active,
160
+ .btn-primary:not(:disabled):not(.disabled):active,
161
+ .show > .btn-primary.dropdown-toggle {
162
+ color: #fff;
163
+ background-color: #981a59;
164
+ border-color: #610935;
165
+ }
166
+
167
+ a.disabled,
168
+ a.disabled:hover {
169
+ cursor: default;
170
+ opacity: 0.65;
171
+ color: darkgrey !important;
172
+ background-color: #fff !important;
173
+ }
174
+
175
+ .btn.disabled,
176
+ .btn:disabled {
177
+ cursor: inherit;
178
+ }
179
+
180
+ .app-loading {
181
+ position: fixed;
182
+ top: 0;
183
+ left: 0;
184
+ right: 0;
185
+ bottom: 0;
186
+ z-index: 1640;
187
+ background: #000;
188
+ display: flex;
189
+ justify-content: center;
190
+ align-items: center;
191
+ opacity: 0.55;
192
+ }
193
+
194
+ .app-loading > h4 {
195
+ position: inherit;
196
+ margin-top: 4rem;
197
+ font-size: 1.2rem;
198
+ color: #fff;
199
+ }
200
+
201
+ div.card-header h4 {
202
+ margin-top: 2px;
203
+ margin-bottom: 0;
204
+ }
205
+
206
+ div.card-body > table {
207
+ margin-bottom: 0;
208
+ }
209
+
210
+ table {
211
+ font-size: 0.82rem;
212
+ }
213
+
214
+ table td,
215
+ table th {
216
+ padding: 0.4rem !important;
217
+ overflow: hidden;
218
+ white-space: nowrap;
219
+ }
220
+
221
+ table th {
222
+ text-align: center !important;
223
+ font-weight: 500 !important;
224
+ }
225
+
226
+ label.control-label {
227
+ margin-bottom: 0.4rem;
228
+ }
229
+
230
+ .text-bold {
231
+ font-weight: 600;
232
+ }
233
+
234
+ .form-group {
235
+ margin-bottom: 0.5rem;
236
+ }
237
+
238
+ .border-light {
239
+ border-color: rgba(0, 0, 0, 0.1) !important;
240
+ }
241
+
242
+ hr.separator {
243
+ margin-top: 3px;
244
+ margin-bottom: 3px;
245
+ }
246
+
247
+ .card-loading {
248
+ position: absolute;
249
+ top: 0;
250
+ left: 0;
251
+ right: 0;
252
+ bottom: 0;
253
+ z-index: 9;
254
+ background: #000;
255
+ display: flex;
256
+ justify-content: center;
257
+ align-items: center;
258
+ opacity: 0.35;
259
+ }
260
+
261
+ .card-loading > h4 {
262
+ position: inherit;
263
+ margin-top: 4rem;
264
+ font-size: 1.2rem;
265
+ color: #fff;
266
+ }
267
+
268
+ .card {
269
+ border: 1px solid rgba(0, 0, 0, 0.125);
270
+ border-radius: 0.25rem;
271
+ }
272
+
273
+ .card-header span {
274
+ font-size: 12px;
275
+ }
276
+
277
+ .card .card-body {
278
+ padding: 1rem 1rem;
279
+ }
280
+
281
+ .card-body > .form-group:last-child {
282
+ margin-bottom: 0.3rem !important;
283
+ }
284
+
285
+ .card-footer > button,
286
+ .card-footer > a.btn {
287
+ margin: 0 0.25em;
288
+ }
289
+
290
+ .react-confirm-alert-overlay {
291
+ background: rgba(0, 0, 0, 0.55) !important;
292
+ z-index: 1000;
293
+ }
294
+
295
+ .card-image {
296
+ border: 1px solid rgba(0, 0, 0, 0.125);
297
+ border-radius: 0.25rem;
298
+ padding: 0.5rem;
299
+ }
300
+
301
+ .card-header .card-header-tabs {
302
+ list-style: none;
303
+ top: 0;
304
+ right: 0;
305
+ position: absolute;
306
+ margin: 0;
307
+ padding: 0;
308
+ }
309
+
310
+ .card-states .map {
311
+ height: 100%;
312
+ }
313
+
314
+ .card-states .card-header .card-header-tabs > li {
315
+ float: left;
316
+ padding: 0 15px;
317
+ border-left-width: 1px;
318
+ border-left-style: solid;
319
+ border-left-color: inherit;
320
+ height: 42px;
321
+ }
322
+
323
+ .card-states .card-header .card-header-tabs > li > div {
324
+ margin-top: 6px;
325
+ }
326
+
327
+ .card-payments .card-header .card-header-tabs > li {
328
+ height: 66px;
329
+ padding: 0 15px;
330
+ border-left-width: 1px;
331
+ border-left-style: solid;
332
+ border-left-color: inherit;
333
+ }
334
+
335
+ .card-payments .card-header .card-header-tabs > li > .dropdown > button {
336
+ margin-top: 17px;
337
+ }
338
+
339
+ .card-actions .btn-action::after {
340
+ display: none !important;
341
+ }
342
+
343
+ .card a.dropdown-item {
344
+ font-size: 0.875rem !important;
345
+ }
346
+
347
+ .dropdown-item:hover,
348
+ .dropdown-item:focus,
349
+ .dropdown-item:active {
350
+ color: #16181b !important;
351
+ }
352
+
353
+ .card-dashboard.card-full-screen {
354
+ bottom: 0;
355
+ left: 10px;
356
+ position: fixed;
357
+ top: 10px;
358
+ right: 10px;
359
+ z-index: 1048;
360
+ background-color: #ffffff;
361
+ }
362
+
363
+ .card-dashboard.card-full-screen .card-body {
364
+ overflow-y: auto;
365
+ }
366
+
367
+ .card-no-shadow {
368
+ box-shadow: none !important;
369
+ }
370
+
371
+ .btn-light {
372
+ color: #212529 !important;
373
+ background-color: transparent !important;
374
+ border-color: #d3d9df !important;
375
+ }
376
+
377
+ .custom-file-label {
378
+ overflow: hidden !important;
379
+ }
380
+
381
+ .custom-file-label::after {
382
+ content: "Change Photo" !important;
383
+ background-color: #03a9f3 !important;
384
+ border-color: #03a9f3 !important;
385
+ color: #fff !important;
386
+ border-radius: 0.25rem;
387
+ z-index: 1000;
388
+ width: 100%;
389
+ }
390
+
391
+ .page-link {
392
+ color: #03a9f3 !important;
393
+ }
394
+
395
+ .page-item.active .page-link {
396
+ z-index: 3;
397
+ cursor: default;
398
+ color: #fff !important;
399
+ background-color: #03a9f3 !important;
400
+ border-color: #03a9f3 !important;
401
+ }
402
+
403
+ .mega-dropdown.customize-column {
404
+ position: relative !important;
405
+ width: inherit !important;
406
+ }
407
+
408
+ .mega-dropdown.customize-column ul li {
409
+ list-style: none;
410
+ margin: 0 !important;
411
+ }
412
+
413
+ .mega-dropdown.customize-column .dropdown-menu {
414
+ z-index: 12;
415
+ width: 370px;
416
+ padding: 10px !important;
417
+ }
418
+
419
+ .mega-dropdown.customize-column .list-group {
420
+ max-height: 220px;
421
+ overflow-x: auto;
422
+ border: 1px solid rgba(0, 0, 0, 0.125);
423
+ border-bottom-right-radius: 0.25rem;
424
+ border-bottom-left-radius: 0.25rem;
425
+ border-top-right-radius: 0.25rem;
426
+ border-top-left-radius: 0.25rem;
427
+ }
428
+
429
+ .mega-dropdown.customize-column .list-group-item {
430
+ border: none;
431
+ border-radius: 0;
432
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
433
+ padding: 0.4rem 0.7rem;
434
+ font-size: 0.82rem;
435
+ }
436
+
437
+ .mega-dropdown.customize-column .list-group-item.active:hover {
438
+ background-color: #03a9f3 !important;
439
+ }
440
+
441
+ .mega-dropdown.customize-column .list-group-item:last-child {
442
+ border: none;
443
+ }
444
+
445
+ .dropdown .dropdown-menu .dropdown-item {
446
+ font-size: 0.875rem;
447
+ padding: 0.25rem 1.5rem;
448
+ cursor: pointer;
449
+ }
450
+
451
+ .k-grid-header-wrap table,
452
+ .k-grid-table-wrap table,
453
+ .k-grid-footer-wrap table {
454
+ width: 100% !important;
455
+ }
456
+
457
+ .k-grid-header .k-header {
458
+ vertical-align: middle;
459
+ border-color: #eee !important;
460
+ border-width: 0.2px !important;
461
+ font-family: "Inter", sans-serif !important;
462
+ }
463
+
464
+ .k-grid-header .k-header > .k-link {
465
+ overflow: auto;
466
+ text-overflow: inherit;
467
+ margin: 0;
468
+ padding: 0 6px;
469
+ text-overflow: ellipsis;
470
+ overflow: hidden;
471
+ white-space: normal;
472
+ }
473
+
474
+ .k-grid-header-wrap:hover {
475
+ background-color: white !important;
476
+ }
477
+
478
+ .k-grid-header:hover,
479
+ .k-header:hover {
480
+ background-color: white !important;
481
+ }
482
+
483
+ .k-table-thead:hover {
484
+ background-color: white !important;
485
+ }
486
+
487
+ .k-cell-inner:hover {
488
+ background-color: white !important;
489
+ }
490
+
491
+ .k-link:hover {
492
+ background-color: white !important;
493
+ }
494
+
495
+ .no-k-link:hover {
496
+ background-color: #990000 !important;
497
+ }
498
+
499
+ .k-grid-content.k-virtual-content table {
500
+ min-width: 100% !important;
501
+ box-sizing: border-box;
502
+ font-family: "Inter", sans-serif !important;
503
+ }
504
+
505
+ .k-grid th {
506
+ text-overflow: initial !important;
507
+ }
508
+
509
+ .k-grid .k-hierarchy-cell > .k-icon {
510
+ padding: 0;
511
+ }
512
+
513
+ .k-detail-row:hover {
514
+ background-color: #fff !important;
515
+ }
516
+
517
+ /*.k-detail-row .k-grid thead tr:hover {
518
+ background-color: #3a4b54 !important;
519
+ }*/
520
+ .k-detail-row .k-grid-content {
521
+ min-height: initial !important;
522
+ }
523
+
524
+ a.k-link:not([href]):not([tabindex]) {
525
+ color: #2f4f4f;
526
+ }
527
+
528
+ .k-widget.k-grid {
529
+ margin-bottom: 0;
530
+ }
531
+
532
+ .k-grid-header-wrap,
533
+ .k-grid-container,
534
+ .k-grid-pager {
535
+ font-size: 12px;
536
+ background-color: white !important;
537
+ }
538
+
539
+ .k-grid-header-wrap {
540
+ border: none;
541
+ }
542
+
543
+ .k-grid-content {
544
+ min-height: 500px;
545
+ max-height: 500px;
546
+ overflow-y: auto;
547
+ }
548
+
549
+ .k-animation-container {
550
+ z-index: 1050 !important;
551
+ }
552
+
553
+ /******************** Comment ********************/
554
+ .comment-card {
555
+ display: grid;
556
+ grid-gap: 0.5rem;
557
+ grid-template: "comment-card-avatar-area comment-card-content-area"/auto 1fr;
558
+ margin-bottom: 1rem;
559
+ position: relative;
560
+ }
561
+
562
+ .comment-card-add {
563
+ grid-area: comment-card-add-area;
564
+ }
565
+
566
+ .comment-card-avatar {
567
+ grid-area: comment-card-avatar-area;
568
+ }
569
+
570
+ .comment-card-avatar > img {
571
+ border-radius: 50%;
572
+ width: 1.65rem;
573
+ height: 1.65rem;
574
+ }
575
+
576
+ .comment-card-btn-label {
577
+ color: var(--gray-light);
578
+ font-weight: bold;
579
+ cursor: pointer;
580
+ padding: 0;
581
+ border: 0;
582
+ background: inherit;
583
+ }
584
+
585
+ .comment-card-btn-label:hover {
586
+ color: var(--primary);
587
+ transition: all 0.5s;
588
+ }
589
+
590
+ .comment-card-content {
591
+ grid-area: comment-card-content-area;
592
+ }
593
+
594
+ .comment-card-content > div {
595
+ margin-top: 0.25rem;
596
+ }
597
+
598
+ .comment-card-content > div:first-child {
599
+ margin-top: 0;
600
+ }
601
+
602
+ .comment-card-date:hover {
603
+ cursor: pointer;
604
+ }
605
+
606
+ .comment-card-list {
607
+ grid-area: comment-card-list-area;
608
+ height: auto;
609
+ margin: 0.25rem 0 0.25rem 0;
610
+ max-height: 220px;
611
+ overflow: auto;
612
+ }
613
+
614
+ .comment-card-list .comment-card:last-child {
615
+ margin-bottom: 0;
616
+ }
617
+
618
+ .comment-card-row {
619
+ display: flex;
620
+ }
621
+
622
+ .comment-card-row > * {
623
+ overflow-wrap: break-word;
624
+ margin-left: 0.5rem;
625
+ }
626
+
627
+ .comment-card-row > *:first-child {
628
+ margin-left: 0;
629
+ }
630
+
631
+ .comment-container {
632
+ display: grid;
633
+ grid-template: "comment-card-list-area" "comment-card-add-area"/auto;
634
+ position: relative;
635
+ margin: 0 0 0.5rem 0;
636
+ }
637
+
638
+ .comment-container-reverse {
639
+ grid-template: "comment-card-add-area" "comment-card-list-area"/auto;
640
+ }
641
+
642
+ /*************************************************/
643
+ .image-grouped > div:hover {
644
+ z-index: 10;
645
+ }
646
+
647
+ .table-noscroll .k-grid-content {
648
+ min-height: 31px;
649
+ }
650
+
651
+ .table-dashboard .k-grid-content {
652
+ overflow-y: scroll;
653
+ min-height: 124px;
654
+ height: 124px;
655
+ }
656
+
657
+ .table-vendor {
658
+ max-width: 1031px;
659
+ margin: 0 auto;
660
+ }
661
+
662
+ span.k-icon.k-i-more-vertical {
663
+ margin-top: -2px !important;
664
+ margin-right: -5px !important;
665
+ }
666
+
667
+ a > span.k-icon {
668
+ margin-top: 2px !important;
669
+ }
670
+
671
+ .k-grid a.btn {
672
+ color: #fff;
673
+ text-decoration: initial;
674
+ }
675
+
676
+ .list-group-item.active {
677
+ background-color: #03a9f3 !important;
678
+ }
679
+
680
+ .nav-link {
681
+ color: #936;
682
+ }
683
+
684
+ /* Kendo Styles*/
685
+ .k-grid-header {
686
+ background-color: #fff;
687
+ }
688
+
689
+ .k-grid .k-alt {
690
+ background-color: #f5eaf0;
691
+ }
692
+
693
+ .k-grid tbody tr:hover,
694
+ .k-grid tbody tr.k-state-hover {
695
+ background-color: rgb(234, 205, 220);
696
+ }
697
+
698
+ .k-pager-wrap .k-link,
699
+ .k-pager-wrap .k-pager-nav {
700
+ color: #3a4b54;
701
+ background-color: #fff;
702
+ border-color: transparent;
703
+ border-width: 1px;
704
+ border-style: solid;
705
+ }
706
+
707
+ .k-pager-numbers .k-state-selected,
708
+ .k-pager-numbers .k-state-selected:hover {
709
+ border-color: #92190e !important;
710
+ color: #fff;
711
+ background-color: white !important;
712
+ }
713
+
714
+ .k-autocomplete.form-control-sm {
715
+ font-size: 0.85rem;
716
+ }
717
+
718
+ .k-autocomplete.form-control-sm .k-input {
719
+ min-height: 20px;
720
+ height: calc(1.5em + 0.5rem + 2px);
721
+ padding: 0.25rem 0.5rem;
722
+ font-size: 0.76563rem;
723
+ line-height: 1.5;
724
+ border-radius: 0.2rem;
725
+ }
726
+
727
+ .form-control-sm {
728
+ padding: 0px !important;
729
+ }
730
+
731
+ .k-autocomplete .k-i-close {
732
+ top: 3px !important;
733
+ }
734
+
735
+ .k-numerictextbox .k-input {
736
+ text-align: inherit;
737
+ }
738
+
739
+ .k-numerictextbox .k-input:focus {
740
+ outline: none !important;
741
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
742
+ border-radius: inherit;
743
+ }
744
+
745
+ .k-picker-wrap.k-state-default {
746
+ height: 32.5px;
747
+ }
748
+
749
+ .k-picker-wrap.k-state-default .k-input {
750
+ font-size: 0.8rem;
751
+ }
752
+
753
+ .k-textarea-resize-none .k-input {
754
+ resize: none;
755
+ }
756
+
757
+ .label-edit {
758
+ background-color: #e4e7eb;
759
+ border-color: #e4e7eb;
760
+ cursor: pointer;
761
+ }
762
+
763
+ .label-edit:hover {
764
+ background-color: #ced3db;
765
+ border-color: #c7cdd5;
766
+ }
767
+
768
+ .mapael .map {
769
+ position: relative;
770
+ }
771
+
772
+ .mapael .mapTooltip {
773
+ position: absolute;
774
+ background-color: #474c4b;
775
+ opacity: 0.7;
776
+ filter: alpha(opacity=70);
777
+ border-radius: 10px;
778
+ padding: 10px;
779
+ z-index: 1000;
780
+ max-width: 200px;
781
+ display: none;
782
+ color: #fff;
783
+ }
784
+
785
+ .tab-content-custom {
786
+ padding: 1.25rem;
787
+ margin-top: -1px;
788
+ border: 1px solid #e9ecef;
789
+ border-radius: 0.25rem;
790
+ }
791
+
792
+ .data-label {
793
+ font-size: 0.8rem;
794
+ }
795
+
796
+ .data-display {
797
+ color: #5285ef;
798
+ text-align: left;
799
+ font-size: 0.8rem;
800
+ }
801
+
802
+ .footer {
803
+ font-size: 11px;
804
+ }
805
+
806
+ .accent-purple {
807
+ color: #993366;
808
+ }
809
+
810
+ .accent-grey {
811
+ color: #666666;
812
+ }
813
+
814
+ .top-cell-border {
815
+ height: 5px;
816
+ background-image: url("../images/ico_corner.gif");
817
+ background-repeat: no-repeat;
818
+ }
819
+
820
+ .well {
821
+ min-height: 20px;
822
+ padding: 12px 15px;
823
+ margin-bottom: 20px;
824
+ background-color: #f5f5f5;
825
+ border: 1px solid #e3e3e3;
826
+ border-radius: 4px;
827
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
828
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
829
+ }
830
+
831
+ .image-profile-selected {
832
+ border: 3px solid !important;
833
+ border-radius: 50%;
834
+ }
835
+
836
+ @media (max-width: 767px) {
837
+ .mega-dropdown .dropdown-menu {
838
+ height: initial;
839
+ width: 180px !important;
840
+ }
841
+ .nav-tabs .nav-item {
842
+ max-width: 46px;
843
+ }
844
+ .nav-tabs .nav-link {
845
+ overflow: hidden;
846
+ white-space: nowrap;
847
+ text-overflow: ellipsis;
848
+ font-size: 11.5px;
849
+ }
850
+ .nav-link,
851
+ .navbar {
852
+ padding: 2px 4px !important;
853
+ }
854
+ }
855
+ @media (min-width: 992px) {
856
+ .modal-lg,
857
+ .modal-xl {
858
+ max-width: 900px !important;
859
+ }
860
+ }
861
+ .card {
862
+ margin-bottom: 1.5rem;
863
+ }
864
+
865
+ .page-header {
866
+ margin: -1rem 0 1rem 0;
867
+ }
868
+
869
+ .breadcrumb {
870
+ padding: 0;
871
+ }
872
+
873
+ .form-label-sm {
874
+ font-size: inherit !important;
875
+ }
876
+
877
+ .form-control {
878
+ color: #495057 !important;
879
+ }
880
+
881
+ .form-control-sm {
882
+ height: 1.875rem !important;
883
+ }
884
+
885
+ .modal-header .close {
886
+ padding: 0 !important;
887
+ margin-top: 0.1rem !important;
888
+ margin-right: 0.1rem !important;
889
+ }
890
+
891
+ .popover-modal .popover {
892
+ z-index: 1600 !important;
893
+ }
894
+
895
+ .grid-info {
896
+ font-size: 8pt;
897
+ font-style: oblique;
898
+ color: #993366;
899
+ font-family: tahoma, verdana, arial, helvetica;
900
+ font-weight: bold;
901
+ }
902
+
903
+ .k-grid-header .k-header > .k-link > .k-icon.k-i-sort-desc-sm,
904
+ .k-grid-header .k-header > .k-link > .k-icon.k-i-sort-asc-sm {
905
+ margin-left: 3px !important;
906
+ }
907
+
908
+ input:focus {
909
+ outline: auto !important;
910
+ outline-color: gray !important;
911
+ outline-width: 1px !important;
912
+ }
913
+
914
+ /* ================================= */
915
+ /* Report Styles */
916
+ /* ================================= */
917
+ .report {
918
+ background-color: white;
919
+ padding: 30px;
920
+ }
921
+
922
+ .report-header:after {
923
+ content: "";
924
+ display: table;
925
+ clear: both;
926
+ }
927
+
928
+ .report-title {
929
+ background: url("../images/dimension.png");
930
+ border-top: 1px solid #5d6975;
931
+ border-bottom: 1px solid #5d6975;
932
+ line-height: 1.4em;
933
+ font-weight: normal;
934
+ text-align: center;
935
+ font-size: 2.4em;
936
+ color: #5d6975;
937
+ margin: 0;
938
+ }
939
+
940
+ .report-body {
941
+ padding: 30px 0;
942
+ }
943
+
944
+ .report-footer {
945
+ color: #5d6975;
946
+ font-size: 0.8rem;
947
+ padding: 8px 0 0 0;
948
+ border-top: 1px solid #c1ced9;
949
+ }
950
+
951
+ /* ================================= */
952
+ .important-display-block {
953
+ display: block !important;
954
+ }
955
+
956
+ .important-width-0 {
957
+ width: 0px !important;
958
+ }
959
+
960
+ .important-left-0 {
961
+ left: 0 !important;
962
+ }
963
+
964
+ .important-width-100-percent {
965
+ width: 100% !important;
966
+ }
967
+
968
+ .title-charts {
969
+ font-size: 1rem;
970
+ font-weight: 500;
971
+ }
972
+
973
+ .subtitle-charts {
974
+ font-size: 0.8rem;
975
+ }
976
+
977
+ /* ================================= */
978
+ /* Login Page */
979
+ /* ================================= */
980
+ .auth .row .col-lg-4 {
981
+ background-color: #800001;
982
+ }
983
+
984
+ .input-group {
985
+ background: white;
986
+ }
987
+
988
+ .form-check-label {
989
+ margin-left: 0px;
990
+ }
991
+
992
+ /*
993
+ .form-check .form-check-label{
994
+ color: white !important;
995
+ }
996
+ .auth form .auth-link {
997
+ color: white;
998
+ }
999
+ .row, .col-lg-4.auth .auth-form-transparent {
1000
+ color: white;
1001
+ }*/
1002
+ .auth-form-transparent .brand-logo img {
1003
+ width: 300px !important;
1004
+ }
1005
+
1006
+ .loginfont {
1007
+ color: white;
1008
+ }
1009
+
1010
+ /* Modal Detail */
1011
+ /*.modal-detail.modal-lg .modal-header .close {
1012
+ padding: .6rem 1rem !important;
1013
+ }*/
1014
+ @media (min-width: 1200px) {
1015
+ .modal-detail.modal-lg,
1016
+ .modal-detail.modal-xl {
1017
+ max-width: 1200px;
1018
+ }
1019
+ }
1020
+ @media (min-width: 992px) and (max-width: 1199px) {
1021
+ .modal-lg,
1022
+ .modal-xl {
1023
+ max-width: 1200px;
1024
+ }
1025
+ .modal-detail.modal-lg,
1026
+ .modal-detail.modal-xl {
1027
+ max-width: 80%;
1028
+ }
1029
+ }
1030
+ @media (min-width: 576px) and (max-width: 991px) {
1031
+ .modal-detail.modal-lg,
1032
+ .modal-detail.modal-xl {
1033
+ max-width: 90%;
1034
+ }
1035
+ }
1036
+ /* Btn Green */
1037
+ .btn-green {
1038
+ color: #fff !important;
1039
+ background-color: #5cb85c !important;
1040
+ border-color: #4cae4c !important;
1041
+ }
1042
+
1043
+ /* =========== */
1044
+ /*
1045
+ .k-widget.k-datepicker {
1046
+ margin-top: -.8rem !important;
1047
+ }
1048
+ */
1049
+ .k-grid-edit-cell > .k-widget.k-datepicker,
1050
+ .k-widget.k-datepicker.k-datepicker-block {
1051
+ margin-top: 0 !important;
1052
+ }
1053
+
1054
+ /*.k-grid {
1055
+ border: 1px solid #ccc;
1056
+ }*/
1057
+ .k-grid td.k-state-selected,
1058
+ .k-grid tr {
1059
+ color: darkslategray !important;
1060
+ background-color: #fff !important;
1061
+ border: 1px solid white !important;
1062
+ }
1063
+
1064
+ tr:nth-child(even) > td {
1065
+ background-color: #eee;
1066
+ border: 1px solid transparent !important;
1067
+ }
1068
+
1069
+ tbody > tr:hover {
1070
+ background-color: rgba(0, 0, 0, 0.125) !important;
1071
+ }
1072
+
1073
+ tr:nth-child(odd) > td {
1074
+ border: 1px solid transparent !important;
1075
+ }
1076
+
1077
+ tr {
1078
+ border: 1px solid #eee !important;
1079
+ }
1080
+
1081
+ tr > td {
1082
+ border-bottom: 1px solid #eee !important;
1083
+ }
1084
+
1085
+ textarea.form-control-sm {
1086
+ height: auto !important;
1087
+ }
1088
+
1089
+ .board-col {
1090
+ outline: none;
1091
+ }
1092
+
1093
+ .kanbanHeight {
1094
+ position: relative;
1095
+ padding-top: 5px;
1096
+ }
1097
+
1098
+ .board-backdrop {
1099
+ position: absolute;
1100
+ top: 0;
1101
+ left: 0;
1102
+ right: 0;
1103
+ bottom: 0;
1104
+ z-index: 100;
1105
+ opacity: 0.35;
1106
+ background: #b0b0b0;
1107
+ margin-left: -5px;
1108
+ margin-right: -5px;
1109
+ margin-bottom: -5px;
1110
+ border-bottom-left-radius: 4px;
1111
+ border-bottom-right-radius: 4px;
1112
+ }
1113
+
1114
+ .email-wrapper .mail-sidebar {
1115
+ border-right: 1px solid #dee2e6;
1116
+ }
1117
+
1118
+ .email-wrapper .mail-sidebar .menu-bar .menu-items li {
1119
+ padding: 0 !important;
1120
+ }
1121
+
1122
+ .email-wrapper .mail-sidebar .menu-bar .menu-items li a {
1123
+ width: 100% !important;
1124
+ padding: 0.4rem 0.5rem !important;
1125
+ }
1126
+
1127
+ .list-wrapper ul li.todo-list-item {
1128
+ padding: 0.4rem 0.5rem !important;
1129
+ justify-content: space-between !important;
1130
+ align-content: center !important;
1131
+ outline: none !important;
1132
+ background-color: #ffffff;
1133
+ }
1134
+
1135
+ .list-wrapper ul li.todo-list-item.disabled {
1136
+ color: #9f9f9f;
1137
+ }
1138
+
1139
+ .list-wrapper .action {
1140
+ cursor: pointer;
1141
+ font-size: 1.438rem;
1142
+ font-weight: 600;
1143
+ line-height: 20px;
1144
+ text-align: center;
1145
+ }
1146
+
1147
+ .modal-content,
1148
+ .modal-content p,
1149
+ .modal-content ul,
1150
+ .modal-content .btn,
1151
+ .modal-content .form-control-sm,
1152
+ .modal-content .k-textarea textarea {
1153
+ font-size: 0.8rem;
1154
+ }
1155
+
1156
+ .modal-content .k-textarea textarea {
1157
+ padding: 0.25rem 0.5rem;
1158
+ }
1159
+
1160
+ .modal-content .label {
1161
+ font-weight: 500 !important;
1162
+ }
1163
+
1164
+ .k-animation-container .k-popup {
1165
+ font-size: 0.8rem !important;
1166
+ }
1167
+
1168
+ .k-combobox.form-control-sm .k-dropdown-wrap,
1169
+ .k-combobox.form-control-sm .k-icon.k-i-close {
1170
+ height: calc(100% + 2px);
1171
+ }
1172
+
1173
+ .card-confirm {
1174
+ margin-bottom: 0;
1175
+ }
1176
+
1177
+ .card-confirm,
1178
+ .card-confirm .btn {
1179
+ font-size: 0.8rem;
1180
+ }
1181
+
1182
+ .card-confirm .card-title {
1183
+ font-size: 16px !important;
1184
+ margin-bottom: 0 !important;
1185
+ line-height: 1.5 !important;
1186
+ }
1187
+
1188
+ .bg-fci-primary {
1189
+ background-color: #990000 !important;
1190
+ }
1191
+
1192
+ .bg-fci-secondary {
1193
+ background-color: #cc9900 !important;
1194
+ }
1195
+
1196
+ .bg-fci-silver {
1197
+ background-color: #d0cfcf !important;
1198
+ }
1199
+
1200
+ .bg-fci-warning {
1201
+ background-color: #cd9b1e !important;
1202
+ }
1203
+
1204
+ .bg-fci-success {
1205
+ background-color: #288e40 !important;
1206
+ }
1207
+
1208
+ .bg-fci-info {
1209
+ background-color: #8862e0 !important;
1210
+ }
1211
+
1212
+ .badge-fci-primary {
1213
+ background-color: #990000 !important;
1214
+ }
1215
+
1216
+ .badge-fci-warning {
1217
+ background-color: #cd9b1e !important;
1218
+ }
1219
+
1220
+ .badge-fci-success {
1221
+ background-color: #288e40 !important;
1222
+ }
1223
+
1224
+ .badge-fci-info {
1225
+ background-color: #8862e0 !important;
1226
+ }
1227
+
1228
+ .badge-fci-primary,
1229
+ .badge-fci-warning,
1230
+ .badge-fci-success,
1231
+ .badge-fci-info {
1232
+ color: #fff !important;
1233
+ }
1234
+
1235
+ .step-label-content {
1236
+ display: flex;
1237
+ justify-content: space-around;
1238
+ position: relative;
1239
+ z-index: 10;
1240
+ margin-bottom: -18px;
1241
+ }
1242
+
1243
+ .step-label {
1244
+ width: 30px;
1245
+ height: 30px;
1246
+ border-radius: 50%;
1247
+ display: flex;
1248
+ justify-content: center;
1249
+ align-items: center;
1250
+ font-size: 18px;
1251
+ font-weight: bold;
1252
+ }
1253
+
1254
+ .step-selected {
1255
+ color: white;
1256
+ background-color: #990000;
1257
+ }
1258
+
1259
+ .step-complete {
1260
+ color: white;
1261
+ background-color: #cc9900;
1262
+ }
1263
+
1264
+ .step-incomplete {
1265
+ color: black;
1266
+ background-color: #d0cfcf;
1267
+ }
1268
+
1269
+ .data-number {
1270
+ text-align: right !important;
1271
+ }
1272
+
1273
+ .btn-fcicolor-primary {
1274
+ color: #fff;
1275
+ background-color: #981a59;
1276
+ border-color: #7d2f56;
1277
+ }
1278
+
1279
+ .text-bigger {
1280
+ font-size: 1.6rem !important;
1281
+ }
1282
+
1283
+ .list-group-item.board-columns.active {
1284
+ border-color: #3a4b54 !important;
1285
+ background-color: #3a4b54 !important;
1286
+ }
1287
+
1288
+ .list-group-item:not(.board-columns):hover {
1289
+ background-color: #f1f1f1 !important;
1290
+ }
1291
+
1292
+ .list-group-item.selected {
1293
+ background-color: #f1f1f1 !important;
1294
+ }
1295
+
1296
+ .table-checkbox {
1297
+ width: 18px !important;
1298
+ }
1299
+
1300
+ .table-checkbox .form-check-label {
1301
+ width: 18px !important;
1302
+ }
1303
+
1304
+ .table-checkbox .form-check-label input[type=checkbox] + .input-helper:before {
1305
+ width: 18px !important;
1306
+ border: 2px solid #c4c9ce !important;
1307
+ background: #dcdcdc !important;
1308
+ }
1309
+
1310
+ .table-checkbox .form-check-label.bg-blue input[type=checkbox]:checked + .input-helper:before {
1311
+ border: 2px solid #1a5da5 !important;
1312
+ background: #1a5da5 !important;
1313
+ }
1314
+
1315
+ .table-checkbox .form-check-label.bg-green input[type=checkbox]:checked + .input-helper:before {
1316
+ border: 2px solid #288e40 !important;
1317
+ background: #288e40 !important;
1318
+ }
1319
+
1320
+ .table-checkbox .form-check-label.bg-lightblue input[type=checkbox]:checked + .input-helper:before {
1321
+ border: 2px solid #17a2b8 !important;
1322
+ background: #17a2b8 !important;
1323
+ }
1324
+
1325
+ .k-textbox.form-control-sm {
1326
+ padding: 0.25rem 0.5rem !important;
1327
+ }
1328
+
1329
+ .k-widget.k-treeview {
1330
+ padding: 0 !important;
1331
+ }
1332
+
1333
+ ul.k-treeview-lines {
1334
+ margin-bottom: 0 !important;
1335
+ }
1336
+
1337
+ ul.k-treeview-lines {
1338
+ padding: 0 !important;
1339
+ }
1340
+
1341
+ .no-tree li.k-item.k-treeview-item {
1342
+ padding: 0 !important;
1343
+ }
1344
+
1345
+ li.k-item.k-treeview-item span.k-in,
1346
+ li.k-item.k-treeview-item span.k-in.k-state-focused {
1347
+ padding: 0 !important;
1348
+ border: none !important;
1349
+ box-shadow: none !important;
1350
+ background-color: transparent !important;
1351
+ }
1352
+
1353
+ .list-permissions .k-animation-container {
1354
+ z-index: inherit !important;
1355
+ }
1356
+
1357
+ .radio-check {
1358
+ margin-top: 0px !important;
1359
+ }
1360
+
1361
+ .list-permissions li.k-item.k-treeview-item {
1362
+ line-height: 1.7;
1363
+ }
1364
+
1365
+ .list-permissions li.k-item.k-treeview-item .k-checkbox {
1366
+ margin-left: 3px;
1367
+ }
1368
+
1369
+ .card {
1370
+ border: 1px solid rgba(0, 0, 0, 0.125) !important;
1371
+ }
1372
+
1373
+ .bg-green {
1374
+ background-color: #449d44 !important;
1375
+ }
1376
+
1377
+ .bg-red {
1378
+ background-color: #c9302c !important;
1379
+ }
1380
+
1381
+ .bg-yellow {
1382
+ background-color: #ffaf00 !important;
1383
+ }
1384
+
1385
+ .bg-orange {
1386
+ background-color: #ff5e00 !important;
1387
+ }
1388
+
1389
+ .bg-black {
1390
+ background-color: #000000 !important;
1391
+ }
1392
+
1393
+ .bg-gray {
1394
+ background-color: #9fa1a2 !important;
1395
+ }
1396
+
1397
+ .bg-lightgray {
1398
+ background-color: #dfdfdf !important;
1399
+ }
1400
+
1401
+ .bg-blue {
1402
+ background-color: #004e8c !important;
1403
+ }
1404
+
1405
+ .bg-lightblue {
1406
+ background-color: #2196f3 !important;
1407
+ }
1408
+
1409
+ .bg-lightyellow {
1410
+ background-color: rgba(225, 174, 48, 0.3) !important;
1411
+ }
1412
+
1413
+ .bg-white {
1414
+ background-color: #ffffff !important;
1415
+ }
1416
+
1417
+ .date-myview .k-widget.k-datepicker {
1418
+ margin-top: 0 !important;
1419
+ }
1420
+
1421
+ .k-input,
1422
+ .k-textbox {
1423
+ font-size: 0.8rem !important;
1424
+ }
1425
+
1426
+ .circle {
1427
+ width: 20px;
1428
+ height: 20px;
1429
+ border: 1px solid #828282;
1430
+ border-radius: 50%;
1431
+ }
1432
+
1433
+ .circle.circle-sm {
1434
+ width: 18px;
1435
+ height: 18px;
1436
+ }
1437
+
1438
+ .report-my-day {
1439
+ border-radius: 0 !important;
1440
+ }
1441
+
1442
+ .report-my-day .card-body .main-row {
1443
+ height: calc(100vh - 317px) !important;
1444
+ }
1445
+
1446
+ .report-my-day .card-body .main-row .list-col,
1447
+ .report-my-day .card-body .main-row .details-col {
1448
+ overflow-y: auto;
1449
+ height: 100%;
1450
+ }
1451
+
1452
+ .report-my-day .card-body .main-row .list-col {
1453
+ overflow-y: auto !important;
1454
+ border-radius: initial !important;
1455
+ border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
1456
+ border-right: 1px solid rgba(0, 0, 0, 0.125) !important;
1457
+ }
1458
+
1459
+ .report-my-day .card-body .main-row .list-col > p {
1460
+ padding: 0.75rem 0.5rem !important;
1461
+ }
1462
+
1463
+ .report-my-day .card-body .main-row .list-col ul.list-group li.list-group-item {
1464
+ border-left: none !important;
1465
+ border-right: none !important;
1466
+ padding: 0.5rem !important;
1467
+ cursor: pointer !important;
1468
+ }
1469
+
1470
+ .report-my-day .card-body .main-row .list-col ul.list-group li.list-group-item:first-child {
1471
+ border-top: none !important;
1472
+ }
1473
+
1474
+ .report-my-day .card-body .main-row .list-col ul.list-group li.list-group-item:last-child {
1475
+ border-bottom: none !important;
1476
+ }
1477
+
1478
+ .report-my-day .card-body .main-row .details-col {
1479
+ overflow-y: auto !important;
1480
+ padding: 0.75rem 0.5rem !important;
1481
+ /*height: calc(100% - 0px) !important;*/
1482
+ border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
1483
+ }
1484
+
1485
+ .report-my-day .card-body .main-row .details-col .tab-content {
1486
+ padding: 0 !important;
1487
+ }
1488
+
1489
+ .report-my-day .card-body .main-row .details-col .nav-link {
1490
+ border-color: rgba(0, 0, 0, 0.125) rgba(0, 0, 0, 0.125) #ffffff;
1491
+ }
1492
+
1493
+ .report-my-day .card-body .main-row .details-col .tab-content .milestone-note {
1494
+ max-height: 250px !important;
1495
+ overflow-y: auto !important;
1496
+ }
1497
+
1498
+ .report-my-day .card-body .main-row .details-col .tab-content .list-group {
1499
+ border-radius: 0 !important;
1500
+ }
1501
+
1502
+ .report-my-day .card-body .main-row .details-col .tab-content .list-group-item {
1503
+ padding: 0.5rem !important;
1504
+ }
1505
+
1506
+ .report-my-day .card-body .main-row .details-col .tab-content .list-group .list-group-item {
1507
+ border-width: 1px !important;
1508
+ border-top: none !important;
1509
+ border-left: none !important;
1510
+ border-right: none !important;
1511
+ }
1512
+
1513
+ .report-my-day .card-body .main-row .details-col .tab-content .list-group .list-group-item:last-child {
1514
+ border-bottom: none !important;
1515
+ }
1516
+
1517
+ .k-animation-container li {
1518
+ padding-left: 0.75rem !important;
1519
+ padding-right: 0.75rem !important;
1520
+ font-size: 0.8rem !important;
1521
+ }
1522
+
1523
+ .loan-modal-md {
1524
+ max-width: 900px !important;
1525
+ }
1526
+
1527
+ .loan-modal-xl {
1528
+ max-width: 1200px !important;
1529
+ }
1530
+
1531
+ .attachment-modal-md {
1532
+ max-width: 600px !important;
1533
+ }
1534
+
1535
+ .viewer-modal-md {
1536
+ max-width: 1200px !important;
1537
+ }
1538
+
1539
+ .viewer-modal-md .modal-content {
1540
+ height: 100% !important;
1541
+ }
1542
+
1543
+ .list-group.link-attachments {
1544
+ border-radius: 0 !important;
1545
+ border: none !important;
1546
+ }
1547
+
1548
+ .list-group.link-attachments .list-group-item {
1549
+ border-top: none !important;
1550
+ border-left: none !important;
1551
+ border-right: none !important;
1552
+ padding: 0.5rem !important;
1553
+ }
1554
+
1555
+ .list-group.link-attachments .list-group-item:last-child {
1556
+ border-bottom: none !important;
1557
+ }
1558
+
1559
+ .list-group.link-attachments .list-group-item .attachment-name {
1560
+ font-size: 0.9rem !important;
1561
+ font-weight: 500 !important;
1562
+ }
1563
+
1564
+ .react-pdf__Page:first-child {
1565
+ margin-top: 1rem !important;
1566
+ }
1567
+
1568
+ .react-pdf__Page {
1569
+ margin-bottom: 1rem !important;
1570
+ }
1571
+
1572
+ .react-pdf__Page canvas {
1573
+ margin: 0 auto;
1574
+ }
1575
+
1576
+ .react-pdf__message {
1577
+ padding: 0.5rem !important;
1578
+ }
1579
+
1580
+ .input-text {
1581
+ border-radius: 4px;
1582
+ border: 2px solid #6c757d;
1583
+ margin-left: 4px;
1584
+ padding-left: 8px;
1585
+ }
1586
+
1587
+ input[type=search]::-webkit-search-cancel-button {
1588
+ position: relative;
1589
+ right: 4px;
1590
+ -webkit-appearance: none;
1591
+ height: 1em;
1592
+ width: 1em;
1593
+ border-radius: 50em;
1594
+ background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
1595
+ background-size: contain;
1596
+ opacity: 0;
1597
+ pointer-events: none;
1598
+ }
1599
+
1600
+ input[type=search]:focus::-webkit-search-cancel-button {
1601
+ opacity: 0.7;
1602
+ pointer-events: all;
1603
+ }
1604
+
1605
+ .hide-element {
1606
+ display: none !important;
1607
+ }
1608
+
1609
+ .form-control-plaintext {
1610
+ font-size: 0.8rem !important;
1611
+ outline: none !important;
1612
+ }
1613
+
1614
+ .form-control-plaintext:focus {
1615
+ /*background-color: transparent !important;*/
1616
+ border: solid transparent !important;
1617
+ border-width: 1px 0 !important;
1618
+ border-color: transparent !important;
1619
+ box-shadow: inherit !important;
1620
+ outline: none !important;
1621
+ }
1622
+
1623
+ .threeline-text {
1624
+ /*display: -webkit-box;*/
1625
+ overflow: hidden;
1626
+ -webkit-line-clamp: 3;
1627
+ -webkit-box-orient: vertical;
1628
+ }
1629
+
1630
+ .oneline-text {
1631
+ text-overflow: ellipsis;
1632
+ overflow: hidden;
1633
+ white-space: nowrap;
1634
+ }
1635
+
1636
+ textarea:disabled {
1637
+ outline: none;
1638
+ cursor: default;
1639
+ opacity: 0.65;
1640
+ filter: grayscale(0.1);
1641
+ pointer-events: none;
1642
+ box-shadow: none;
1643
+ }
1644
+
1645
+ .popupGrid {
1646
+ padding: 5px 10px;
1647
+ color: #787878;
1648
+ background-color: white;
1649
+ border: 1px solid rgba(0, 0, 0, 0.05);
1650
+ }
1651
+
1652
+ k-input.k-textarea.form-control-plaintext {
1653
+ border: none !important;
1654
+ outline: none !important;
1655
+ transition: none !important;
1656
+ box-shadow: none !important;
1657
+ background-color: transparent;
1658
+ }
1659
+
1660
+ .k-textarea.form-control-plaintext textarea.k-input-inner {
1661
+ display: block;
1662
+ width: 100%;
1663
+ padding: 0.875rem 0;
1664
+ margin-bottom: 0;
1665
+ font-size: 0.75rem;
1666
+ line-height: 1;
1667
+ color: #212529;
1668
+ background-color: transparent;
1669
+ border: solid transparent;
1670
+ border-width: 1px 0;
1671
+ font-size: 0.8rem !important;
1672
+ padding: 0.25rem 0.5rem !important;
1673
+ }
1674
+
1675
+ .k-textarea.form-control-plaintext textarea.k-input::-webkit-scrollbar {
1676
+ width: 5px !important;
1677
+ height: 5px !important;
1678
+ }
1679
+
1680
+ .k-textarea.form-control-plaintext textarea.k-input::-webkit-scrollbar-thumb {
1681
+ border-radius: 20px;
1682
+ background-color: rgba(0, 0, 0, 0.15);
1683
+ }
1684
+
1685
+ .k-textarea.form-control-plaintext textarea.k-input::-webkit-scrollbar-track {
1686
+ background: hsla(0, 0%, 100%, 0.1);
1687
+ }
1688
+
1689
+ .panel-creditcard {
1690
+ margin: 0 auto;
1691
+ margin-bottom: 50px;
1692
+ text-align: center;
1693
+ }
1694
+
1695
+ .credit-card {
1696
+ font: 16px/1.5 "Helvetica Neue", Helvetica, sans-serif;
1697
+ position: absolute;
1698
+ top: 50%;
1699
+ left: 50%;
1700
+ margin-right: -50%;
1701
+ transform: translate(-50%, -50%);
1702
+ display: inline-block;
1703
+ vertical-align: middle;
1704
+ width: 340px;
1705
+ height: 216px;
1706
+ text-align: left;
1707
+ padding: 30px;
1708
+ color: #fff;
1709
+ border-radius: 20px;
1710
+ box-sizing: border-box;
1711
+ background: url(data:image/jpg;base64,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) no-repeat 0 0 #141819;
1712
+ }
1713
+
1714
+ .credit-card-font {
1715
+ font: 16px/1.5 "Helvetica Neue", Helvetica, sans-serif;
1716
+ }
1717
+
1718
+ .credit-card_chip {
1719
+ font-size: 24px;
1720
+ padding: 0px 0 0px;
1721
+ text-align: left;
1722
+ }
1723
+
1724
+ .credit-card_number {
1725
+ font-size: 24px;
1726
+ padding: 0px 0 0px;
1727
+ text-align: center;
1728
+ }
1729
+
1730
+ .credit-card_type {
1731
+ font-size: 20px;
1732
+ padding: 0px 0 0;
1733
+ text-align: left;
1734
+ }
1735
+
1736
+ .credit-card_owner {
1737
+ font-size: 18px;
1738
+ padding-top: 14px;
1739
+ text-align: left;
1740
+ }
1741
+
1742
+ .credit-card_logo {
1743
+ position: absolute;
1744
+ right: 20px;
1745
+ bottom: 20px;
1746
+ }
1747
+
1748
+ .credit-card_front {
1749
+ font-size: 16px;
1750
+ font-family: "Source Code Pro";
1751
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
1752
+ }
1753
+
1754
+ .k-combobox {
1755
+ max-height: 32px;
1756
+ }
1757
+
1758
+ .k-combobox input {
1759
+ outline: none !important;
1760
+ margin: 0 !important;
1761
+ max-height: 30px;
1762
+ }
1763
+
1764
+ .k-combobox .k-clear-value {
1765
+ max-height: 28px;
1766
+ }
1767
+
1768
+ input[type=file] {
1769
+ display: none;
1770
+ }
1771
+
1772
+ .custom-file-upload {
1773
+ border: 1px solid #ccc;
1774
+ display: inline-block;
1775
+ padding: 6px 12px;
1776
+ cursor: pointer;
1777
+ }
1778
+
1779
+ .td-normal-link {
1780
+ text-decoration: none;
1781
+ cursor: pointer;
1782
+ color: #212529;
1783
+ }
1784
+
1785
+ .td-normal-link:hover {
1786
+ color: #212529;
1787
+ }
1788
+
1789
+ .tooltip {
1790
+ z-index: 1151 !important;
1791
+ }
1792
+
1793
+ .pdfviewOnline {
1794
+ margin-bottom: 0 !important;
1795
+ }
1796
+
1797
+ .pdfviewOnline:first-child {
1798
+ margin-top: 0 !important;
1799
+ }
1800
+
1801
+ .carousel-indicators .active {
1802
+ opacity: 1;
1803
+ }
1804
+
1805
+ .carousel-indicators [data-bs-target] {
1806
+ box-sizing: content-box;
1807
+ flex: 0 1 auto;
1808
+ width: 30px;
1809
+ height: 3px;
1810
+ padding: 0;
1811
+ margin-right: 3px;
1812
+ margin-left: 3px;
1813
+ text-indent: -999px;
1814
+ cursor: pointer;
1815
+ background-color: #fff;
1816
+ background-clip: padding-box;
1817
+ border: 0;
1818
+ border-top: 10px solid transparent;
1819
+ border-bottom: 10px solid transparent;
1820
+ opacity: 0.5;
1821
+ transition: opacity 0.6s ease;
1822
+ }
1823
+
1824
+ .carousel-item .react-transform-wrapper,
1825
+ .carousel-item .react-transform-component,
1826
+ .col-check-docs-right .react-transform-wrapper,
1827
+ .col-check-docs-right .react-transform-component {
1828
+ display: flex;
1829
+ justify-content: center;
1830
+ width: 100% !important;
1831
+ }
1832
+
1833
+ .col-check-group-left,
1834
+ .col-check-group-right {
1835
+ height: calc(100vh - 279px) !important;
1836
+ }
1837
+
1838
+ .carousel-control-prev > i,
1839
+ .carousel-control-next > i,
1840
+ .carousel-control-prev > span,
1841
+ .carousel-control-next > span {
1842
+ color: #888 !important;
1843
+ font-size: 28px !important;
1844
+ }
1845
+
1846
+ .carousel-indicators button {
1847
+ border: 1px solid #aaa !important;
1848
+ background-color: #bbb !important;
1849
+ }
1850
+
1851
+ .carousel-indicators button.active {
1852
+ border: 1px solid #888 !important;
1853
+ background-color: #999 !important;
1854
+ }
1855
+
1856
+ @keyframes twinkle {
1857
+ 50% {
1858
+ opacity: 0.6;
1859
+ box-shadow: 0 0 12px #808080;
1860
+ }
1861
+ }
1862
+ .btn-twinkle {
1863
+ animation: twinkle 1300ms infinite;
1864
+ }
1865
+
1866
+ .modal-check-docs .carousel-inner {
1867
+ height: 100% !important;
1868
+ }
1869
+
1870
+ .modal-check {
1871
+ overflow-y: auto;
1872
+ }
1873
+
1874
+ .col-check-docs-left {
1875
+ overflow: auto !important;
1876
+ }
1877
+
1878
+ @media (min-width: 992px) {
1879
+ .col-check-docs-left {
1880
+ max-width: 430px !important;
1881
+ }
1882
+ .row-check-docs {
1883
+ height: 100% !important;
1884
+ }
1885
+ .col-check-docs-left,
1886
+ .col-check-docs-right {
1887
+ height: calc(100vh - 181px) !important;
1888
+ }
1889
+ }
1890
+ .containerStyle {
1891
+ margin-bottom: 0.25rem;
1892
+ border-radius: 4px;
1893
+ border: 1px solid #ccc;
1894
+ padding-top: 0.75rem;
1895
+ }
1896
+
1897
+ .headerStyle {
1898
+ background-color: #f3f4fa;
1899
+ display: inline-block;
1900
+ position: relative;
1901
+ font-weight: bold;
1902
+ font-size: 0.9rem;
1903
+ padding: 2px;
1904
+ bottom: -10px;
1905
+ left: 4px;
1906
+ }
1907
+
1908
+ .modalStyle {
1909
+ max-width: 800px !important;
1910
+ font-size: 0.8rem;
1911
+ }
1912
+
1913
+ .labelStyle {
1914
+ font-weight: bold;
1915
+ font-size: 0.8rem;
1916
+ margin: 0;
1917
+ }
1918
+
1919
+ .k-panelbar {
1920
+ font-size: 0.8rem;
1921
+ }
1922
+
1923
+ .k-panelbar > .k-item > .ocrcheck-header,
1924
+ .k-panelbar > .k-panelbar-header > .ocrcheck-header {
1925
+ color: #fff;
1926
+ padding: 0.4rem 0.5rem;
1927
+ background-color: #990000;
1928
+ }
1929
+
1930
+ .k-panelbar > .k-item > .ocrcheck-header .k-icon,
1931
+ .k-panelbar > .k-item > .ocrcheck-header .k-panelbar-item-icon,
1932
+ .k-panelbar > .k-panelbar-header > .ocrcheck-header .k-icon,
1933
+ .k-panelbar > .k-panelbar-header > .ocrcheck-header .k-panelbar-item-icon {
1934
+ color: #fff;
1935
+ }
1936
+
1937
+ .k-panelbar > .k-item > .ocrcheck-header:hover,
1938
+ .k-panelbar > .k-panelbar-header > .ocrcheck-header:hover {
1939
+ background-color: #990000;
1940
+ }
1941
+
1942
+ .k-panelbar > .k-item > .ocrcheck-header.k-state-selected,
1943
+ .k-panelbar > .k-panelbar-header > .ocrcheck-header.k-state-selected {
1944
+ color: #fff;
1945
+ background-color: #990000 !important;
1946
+ }
1947
+
1948
+ .k-panelbar > .k-item > .ocrcheck-payed-header,
1949
+ .k-panelbar > .k-panelbar-header > .ocrcheck-payed-header,
1950
+ .k-panelbar > .k-item > .ocrcheck-payed-header:hover,
1951
+ .k-panelbar > .k-panelbar-header > .ocrcheck-payed-header:hover,
1952
+ .k-panelbar > .k-item > .ocrcheck-payed-header.k-state-selected,
1953
+ .k-panelbar > .k-panelbar-header > .ocrcheck-payed-header.k-state-selected {
1954
+ background-color: #288e40 !important;
1955
+ }
1956
+
1957
+ .k-panelbar > .k-item > .ocrcheck-rejected-header,
1958
+ .k-panelbar > .k-panelbar-header > .ocrcheck-rejected-header,
1959
+ .k-panelbar > .k-item > .ocrcheck-rejected-header:hover,
1960
+ .k-panelbar > .k-panelbar-header > .ocrcheck-rejected-header:hover,
1961
+ .k-panelbar > .k-item > .ocrcheck-rejected-header.k-state-selected,
1962
+ .k-panelbar > .k-panelbar-header > .ocrcheck-rejected-header.k-state-selected {
1963
+ background-color: #cd9b1e !important;
1964
+ }
1965
+
1966
+ .list-group-item.active:hover {
1967
+ background-color: #03a9f3 !important;
1968
+ }
1969
+
1970
+ .btn-disabled {
1971
+ cursor: default !important;
1972
+ opacity: 0.6;
1973
+ }
1974
+
1975
+ .btn-disabled:hover {
1976
+ background-color: #990000 !important;
1977
+ }
1978
+
1979
+ .group-image.group-image-failed {
1980
+ cursor: default !important;
1981
+ }
1982
+
1983
+ .group-image .image-wrapper {
1984
+ display: flex !important;
1985
+ align-items: center !important;
1986
+ justify-content: center !important;
1987
+ background-color: #dfdfdf;
1988
+ padding: 0.25rem !important;
1989
+ height: calc(200px + 0.5rem);
1990
+ }
1991
+
1992
+ .group-image .image-wrapper .image-file,
1993
+ .group-slide .image-wrapper .image-file {
1994
+ cursor: pointer !important;
1995
+ }
1996
+
1997
+ .group-image .image-wrapper .image-file {
1998
+ max-width: calc(100% - 0.5rem);
1999
+ max-height: 200px;
2000
+ height: auto;
2001
+ padding: 0.25rem;
2002
+ }
2003
+
2004
+ .group-image-text {
2005
+ overflow-x: hidden !important;
2006
+ white-space: nowrap !important;
2007
+ text-overflow: ellipsis !important;
2008
+ text-align: center !important;
2009
+ }
2010
+
2011
+ .group-image-text.group-check {
2012
+ color: #fff !important;
2013
+ background-color: #17a2b8 !important;
2014
+ }
2015
+
2016
+ .group-image-text.group-doc {
2017
+ color: #343a40 !important;
2018
+ background-color: #ffc107 !important;
2019
+ }
2020
+
2021
+ .group-image-text.group-fail {
2022
+ color: #fff !important;
2023
+ background-color: #dc3545 !important;
2024
+ }
2025
+
2026
+ .badge-group {
2027
+ font-size: 0.7rem !important;
2028
+ color: #ffffff;
2029
+ top: -5px;
2030
+ right: -5px;
2031
+ z-index: 9 !important;
2032
+ font-size: 0.85rem !important;
2033
+ }
2034
+
2035
+ .badge-group.badge-check {
2036
+ color: #fff !important;
2037
+ border: 1px solid #17a2b8 !important;
2038
+ background-color: #17a2b8 !important;
2039
+ }
2040
+
2041
+ .badge-group.badge-doc {
2042
+ color: #343a40 !important;
2043
+ border: 1px solid #ffc107 !important;
2044
+ background-color: #ffc107 !important;
2045
+ }
2046
+
2047
+ .badge-group.badge-fail {
2048
+ color: #fff !important;
2049
+ border: 1px solid #dc3545 !important;
2050
+ background-color: #dc3545 !important;
2051
+ }
2052
+
2053
+ .badge-confidence {
2054
+ top: 28px !important;
2055
+ }
2056
+
2057
+ .badge-convert {
2058
+ top: 61px !important;
2059
+ cursor: pointer !important;
2060
+ }
2061
+
2062
+ .badge-returned {
2063
+ top: 91px !important;
2064
+ cursor: pointer !important;
2065
+ }
2066
+
2067
+ .group-image-icon {
2068
+ line-height: 1 !important;
2069
+ font-size: 1.2rem !important;
2070
+ cursor: pointer !important;
2071
+ color: #aaa !important;
2072
+ }
2073
+
2074
+ .group-image-icon.active {
2075
+ color: #343a40 !important;
2076
+ border-bottom: 2px solid #343a40 !important;
2077
+ }
2078
+
2079
+ .modal-group-items {
2080
+ font-size: 0.8rem;
2081
+ }
2082
+
2083
+ .modal-group-items .modal-body .col-right {
2084
+ height: 100% !important;
2085
+ }
2086
+
2087
+ .modal-group-items .modal-body .col-right .group-image-wrapper {
2088
+ height: calc(100% - 66px) !important;
2089
+ overflow-x: hidden !important;
2090
+ overflow-y: auto !important;
2091
+ }
2092
+
2093
+ .modal-group-items .modal-body .col-right .group-image-wrapper .row {
2094
+ position: relative !important;
2095
+ bottom: -1rem !important;
2096
+ top: 0.3rem !important;
2097
+ }
2098
+
2099
+ .modal-group-item {
2100
+ font-size: 0.8rem;
2101
+ }
2102
+
2103
+ .modal-group-item .modal-content {
2104
+ width: calc(100% - 40px);
2105
+ }
2106
+
2107
+ .modal-group-items .modal-body .col-left,
2108
+ .modal-group-item .modal-body .col-left {
2109
+ border-right: none !important;
2110
+ border-bottom: 1px solid #dee2e6 !important;
2111
+ }
2112
+
2113
+ @media (min-width: 768px) {
2114
+ .modal-group-items {
2115
+ width: calc(100vw - 100px) !important;
2116
+ max-width: calc(100vw - 100px) !important;
2117
+ }
2118
+ .modal-group-item {
2119
+ width: calc(100vw - 200px) !important;
2120
+ max-width: calc(100vw - 200px) !important;
2121
+ }
2122
+ .modal-group-items .modal-body {
2123
+ height: calc(100vh - 180px) !important;
2124
+ max-height: calc(100vh - 180px) !important;
2125
+ }
2126
+ .modal-group-item .modal-body {
2127
+ height: calc(100vh - 280px) !important;
2128
+ max-height: calc(100vh - 280px) !important;
2129
+ }
2130
+ .modal-group-items .modal-body .col-left,
2131
+ .modal-group-item .modal-body .col-left {
2132
+ border-bottom: none !important;
2133
+ border-right: 1px solid #dee2e6 !important;
2134
+ }
2135
+ }
2136
+ @media (min-width: 576px) {
2137
+ .modal-group-items,
2138
+ .modal-group-item {
2139
+ width: calc(100vw - 50px) !important;
2140
+ max-width: calc(100vw - 50px) !important;
2141
+ }
2142
+ }
2143
+ .group-slide {
2144
+ height: calc(100% - 28px) !important;
2145
+ }
2146
+
2147
+ .group-slide .carousel {
2148
+ background-color: #dfdfdf;
2149
+ }
2150
+
2151
+ .group-slide .carousel,
2152
+ .group-slide .carousel .carousel-inner,
2153
+ .group-slide .carousel .carousel-inner .carousel-item {
2154
+ height: 100% !important;
2155
+ }
2156
+
2157
+ .group-slide .carousel .carousel-indicators {
2158
+ padding-top: 0.5rem !important;
2159
+ padding-bottom: 0.5rem !important;
2160
+ }
2161
+
2162
+ .group-slide .carousel .carousel-inner .carousel-item {
2163
+ padding-top: 1rem !important;
2164
+ }
2165
+
2166
+ .group-slide .carousel .carousel-inner .carousel-item .image-wrapper {
2167
+ display: flex !important;
2168
+ justify-content: center !important;
2169
+ align-items: center !important;
2170
+ padding-top: 0.25rem !important;
2171
+ padding-bottom: 1.75rem !important;
2172
+ height: 100% !important;
2173
+ }
2174
+
2175
+ .group-slide .carousel .carousel-inner .carousel-item .image-wrapper.group-image-failed {
2176
+ cursor: default !important;
2177
+ }
2178
+
2179
+ .group-slide .carousel .carousel-inner .carousel-item .image-wrapper .image-file {
2180
+ max-width: calc(100% - 2.5rem);
2181
+ max-height: 100%;
2182
+ height: auto;
2183
+ }
2184
+
2185
+ .group-slide .badge-group {
2186
+ top: 8px !important;
2187
+ }
2188
+
2189
+ .group-slide .badge-confidence {
2190
+ top: 41px !important;
2191
+ }
2192
+
2193
+ .group-slide .badge-convert {
2194
+ top: 74px !important;
2195
+ }
2196
+
2197
+ .modal-check,
2198
+ .modal-check-docs {
2199
+ font-size: 0.8rem;
2200
+ }
2201
+
2202
+ .modal-check-docs .modal-content {
2203
+ width: calc(100% - 40px);
2204
+ }
2205
+
2206
+ .modal-check .modal-body .col-left,
2207
+ .modal-check .modal-body .col-right {
2208
+ max-height: 100% !important;
2209
+ overflow-y: auto !important;
2210
+ }
2211
+
2212
+ .modal-check .modal-body .col-right .check-image-wrapper-docs {
2213
+ overflow: auto !important;
2214
+ }
2215
+
2216
+ .modal-check .modal-body .col-left {
2217
+ border-right: none !important;
2218
+ border-bottom: 1px solid #dee2e6 !important;
2219
+ }
2220
+
2221
+ .modal-check .modal-body .col-right .react-transform-component {
2222
+ width: 100%;
2223
+ justify-content: center !important;
2224
+ }
2225
+
2226
+ .modal-check-docs .modal-body .check-mini-docs {
2227
+ height: calc(60px + 2rem);
2228
+ position: fixed;
2229
+ bottom: 92px;
2230
+ }
2231
+
2232
+ .modal-check .k-panelbar {
2233
+ margin-bottom: 0.5rem !important;
2234
+ }
2235
+
2236
+ .check-image-wrapper {
2237
+ height: calc(100% - 1rem) !important;
2238
+ }
2239
+
2240
+ .check-image-wrapper-docs {
2241
+ height: calc(100% - 52px - 2.5rem) !important;
2242
+ }
2243
+
2244
+ .check-image-file-wrapper {
2245
+ display: flex !important;
2246
+ align-items: center !important;
2247
+ justify-content: center !important;
2248
+ height: calc(100% - 40px) !important;
2249
+ overflow: hidden !important;
2250
+ padding: 1rem !important;
2251
+ }
2252
+
2253
+ .check-image-file-wrapper .react-transform-wrapper,
2254
+ .check-image-file-wrapper .react-transform-wrapper .react-transform-component {
2255
+ height: 100% !important;
2256
+ }
2257
+
2258
+ .check-image-file-wrapper .react-transform-wrapper .react-transform-component img {
2259
+ max-height: 100% !important;
2260
+ max-width: 100% !important;
2261
+ height: auto;
2262
+ }
2263
+
2264
+ .check-image-file-wrapper,
2265
+ .check-image-file-wrapper .react-transform-wrapper,
2266
+ .check-image-file-wrapper .react-transform-wrapper .react-transform-component {
2267
+ width: 100% !important;
2268
+ }
2269
+
2270
+ .check-image-file-wrapper .react-transform-wrapper .react-transform-component {
2271
+ justify-content: center;
2272
+ }
2273
+
2274
+ @media (min-width: 768px) {
2275
+ .modal-check {
2276
+ width: calc(100vw - 100px) !important;
2277
+ max-width: calc(100vw - 100px) !important;
2278
+ }
2279
+ .modal-check-docs {
2280
+ width: calc(100vw - 200px) !important;
2281
+ max-width: calc(100vw - 200px) !important;
2282
+ }
2283
+ .modal-check .modal-body {
2284
+ height: calc(100vh - 180px) !important;
2285
+ max-height: calc(100vh - 180px) !important;
2286
+ }
2287
+ .modal-check-docs .modal-body {
2288
+ height: calc(100vh - 280px) !important;
2289
+ max-height: calc(100vh - 280px) !important;
2290
+ }
2291
+ .modal-check .modal-body .col-left,
2292
+ .modal-check-docs .modal-body .col-left {
2293
+ border-right: none !important;
2294
+ border-bottom: 1px solid #dee2e6 !important;
2295
+ }
2296
+ .modal-check-docs .modal-body .col-left {
2297
+ padding-bottom: 1rem !important;
2298
+ }
2299
+ .modal-check-docs .modal-body .col-right {
2300
+ height: 100% !important;
2301
+ }
2302
+ .modal-check .k-panelbar {
2303
+ margin-bottom: 0 !important;
2304
+ }
2305
+ }
2306
+ @media (min-width: 992px) {
2307
+ .modal-check .modal-body .col-left,
2308
+ .modal-check-docs .modal-body .col-left {
2309
+ border-bottom: none !important;
2310
+ border-right: 1px solid #dee2e6 !important;
2311
+ }
2312
+ .modal-check .k-panelbar {
2313
+ margin-bottom: 0.5rem !important;
2314
+ }
2315
+ }
2316
+ @media (min-width: 576px) {
2317
+ .modal-check,
2318
+ .modal-check-docs {
2319
+ width: calc(100vw - 50px) !important;
2320
+ max-width: calc(100vw - 50px) !important;
2321
+ }
2322
+ }
2323
+ .check-editor-page .col-left {
2324
+ border-right: none !important;
2325
+ border-bottom: 1px solid #dee2e6 !important;
2326
+ }
2327
+
2328
+ .check-editor-page .k-animation-container {
2329
+ z-index: 0 !important;
2330
+ }
2331
+
2332
+ .check-editor-page .check-image-file-wrapper {
2333
+ max-height: calc(100vh - 380px);
2334
+ }
2335
+
2336
+ .check-editor-page .col-loans {
2337
+ margin-bottom: 0.5rem !important;
2338
+ }
2339
+
2340
+ .check-editor-page .col-left {
2341
+ padding-bottom: 1rem !important;
2342
+ }
2343
+
2344
+ @media (min-width: 768px) {
2345
+ .check-editor-page .col-left {
2346
+ border-right: none !important;
2347
+ border-bottom: 1px solid #dee2e6 !important;
2348
+ }
2349
+ .check-editor-page .col-loans {
2350
+ margin-bottom: 0 !important;
2351
+ }
2352
+ }
2353
+ @media (min-width: 992px) {
2354
+ .check-editor-page .col-left {
2355
+ padding-bottom: 1rem !important;
2356
+ }
2357
+ .check-editor-page .col-loans {
2358
+ margin-bottom: 0.5rem !important;
2359
+ }
2360
+ .check-editor-page .col-left {
2361
+ border-bottom: none !important;
2362
+ border-right: 1px solid #dee2e6 !important;
2363
+ }
2364
+ }
2365
+ .check-mini-docs {
2366
+ max-width: 100% !important;
2367
+ overflow: auto !important;
2368
+ margin: 1rem 0 !important;
2369
+ }
2370
+
2371
+ .row-docs {
2372
+ display: inline-flex;
2373
+ margin-right: -10px;
2374
+ margin-left: -10px;
2375
+ }
2376
+
2377
+ .col-docs {
2378
+ width: 100px;
2379
+ padding-right: 10px;
2380
+ padding-left: 10px;
2381
+ }
2382
+
2383
+ .doc-image .image-wrapper {
2384
+ display: flex !important;
2385
+ align-items: center !important;
2386
+ justify-content: center !important;
2387
+ background-color: #dfdfdf;
2388
+ padding: 0.25rem !important;
2389
+ height: calc(50px + 0.5rem);
2390
+ }
2391
+
2392
+ .doc-image .image-wrapper .image-file {
2393
+ max-width: calc(100% - 0.5rem);
2394
+ max-height: 50px;
2395
+ height: auto;
2396
+ padding: 0.25rem;
2397
+ }
2398
+
2399
+ .header-box {
2400
+ background-color: #990000;
2401
+ padding: 0.4rem 0.5rem;
2402
+ font-size: 0.8rem;
2403
+ font-weight: bold;
2404
+ color: #fff;
2405
+ }
2406
+
2407
+ .content-box {
2408
+ margin-bottom: 0.25rem;
2409
+ border: 1px solid #ccc;
2410
+ border-top: none;
2411
+ padding-top: 0.75rem;
2412
+ font-size: 0.8rem;
2413
+ }
2414
+
2415
+ .content-box input {
2416
+ font-size: 0.8rem !important;
2417
+ }
2418
+
2419
+ .disabled {
2420
+ opacity: 0.5 !important;
2421
+ cursor: default !important;
2422
+ }
2423
+
2424
+ .custom-form .label,
2425
+ .custom-form input {
2426
+ font-size: 0.9rem !important;
2427
+ }
2428
+
2429
+ .my-day-col {
2430
+ overflow: hidden;
2431
+ white-space: nowrap;
2432
+ text-overflow: ellipsis;
2433
+ }
2434
+
2435
+ .check-group-page {
2436
+ font-size: 0.8rem !important;
2437
+ }
2438
+
2439
+ .check-loan-charges {
2440
+ max-height: 210px;
2441
+ overflow-y: auto;
2442
+ overflow-x: hidden;
2443
+ }
2444
+
2445
+ .check-loan-charges .charge-check {
2446
+ overflow: hidden;
2447
+ white-space: nowrap;
2448
+ text-overflow: ellipsis;
2449
+ }
2450
+
2451
+ .k-numerictextbox.form-control-sm input {
2452
+ height: 1.875rem !important;
2453
+ padding-top: 0 !important;
2454
+ }
2455
+
2456
+ .RoutingNumberBox:focus {
2457
+ box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.8);
2458
+ }
2459
+
2460
+ .BankAccountNumberBox:focus {
2461
+ box-shadow: 0 0 0 0.25rem rgba(255, 165, 0, 0.8);
2462
+ }
2463
+
2464
+ .CheckNumberBox:focus {
2465
+ box-shadow: 0 0 0 0.25rem rgba(148, 0, 211, 0.8);
2466
+ }
2467
+
2468
+ .AmountBox span:first-child > input:focus {
2469
+ box-shadow: 0 0 0 0.25rem rgb(0, 128, 0);
2470
+ }
2471
+
2472
+ .SignatureBox:focus {
2473
+ box-shadow: 0 0 0 0.25rem rgba(0, 0, 139, 0.8);
2474
+ }
2475
+
2476
+ .ach-log span:first-child > textarea {
2477
+ padding: 0.25rem 0.25rem !important;
2478
+ line-height: 1.2 !important;
2479
+ height: 175px !important;
2480
+ }
2481
+
2482
+ .vcheck-log span:first-child > textarea {
2483
+ padding: 0.25rem 0.25rem !important;
2484
+ line-height: 1.2 !important;
2485
+ height: 100px !important;
2486
+ }
2487
+
2488
+ .check-mini-docs .row-docs .col-docs .doc-image {
2489
+ cursor: pointer;
2490
+ }
2491
+
2492
+ .chargeGridHeader .k-grid-header {
2493
+ display: none;
2494
+ }
2495
+
2496
+ .is-invalid span {
2497
+ border-color: #ff0017 !important;
2498
+ }
2499
+
2500
+ .group-items-page {
2501
+ height: 100vh !important;
2502
+ max-height: 100vh !important;
2503
+ }
2504
+
2505
+ .group-items-page .card-body .col-right {
2506
+ height: 100% !important;
2507
+ }
2508
+
2509
+ .group-items-page .card-body .col-right .group-image-wrapper {
2510
+ height: calc(100% - 66px) !important;
2511
+ overflow-x: hidden !important;
2512
+ overflow-y: auto !important;
2513
+ }
2514
+
2515
+ .group-items-page .card-body .col-right .group-image-wrapper .row {
2516
+ position: relative !important;
2517
+ bottom: -1rem !important;
2518
+ top: 0.3rem !important;
2519
+ }
2520
+
2521
+ .draggable-modal {
2522
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease, -o-transform 0.1s ease !important;
2523
+ }
2524
+
2525
+ .draggable-modal .modal-header:hover {
2526
+ cursor: grab;
2527
+ }
2528
+
2529
+ .draggable-modal .modal-header:active {
2530
+ cursor: grabbing;
2531
+ }
2532
+
2533
+ .form-label {
2534
+ font-size: 0.875rem;
2535
+ vertical-align: top;
2536
+ margin-bottom: 0;
2537
+ line-height: 1;
2538
+ }
2539
+
2540
+ .alert .btn-xs > i {
2541
+ font-size: 0.625rem !important;
2542
+ }
2543
+
2544
+ .k-popup {
2545
+ padding: 0 !important;
2546
+ }
2547
+
2548
+ .k-calendar-view {
2549
+ /*width: 100% !important;*/
2550
+ }
2551
+
2552
+ .check-tabs .nav-item .nav-link {
2553
+ background-color: #fff;
2554
+ padding: 0.5rem 1rem;
2555
+ font-size: 0.8rem;
2556
+ }
2557
+
2558
+ .check-tabs .nav-item .nav-link.active {
2559
+ background-color: #990000;
2560
+ padding: 0.5rem 1rem;
2561
+ font-size: 0.8rem;
2562
+ font-weight: bold;
2563
+ color: #fff;
2564
+ }
2565
+
2566
+ .check-tab-content {
2567
+ padding: 1rem !important;
2568
+ }
2569
+
2570
+ .check-tab-content .tab-pane .comment-card-list {
2571
+ height: 100% !important;
2572
+ max-height: 100% !important;
2573
+ }
2574
+
2575
+ .email-detail .jodit-container {
2576
+ height: 500px !important;
2577
+ min-height: 500px !important;
2578
+ max-height: 500px !important;
2579
+ }
2580
+
2581
+ .email-detail .jodit-container .jodit-workplace {
2582
+ height: 100% !important;
2583
+ min-height: 100% !important;
2584
+ max-height: 100% !important;
2585
+ }
2586
+
2587
+ .email-detail .jodit-container .jodit-workplace .jodit-wysiwyg {
2588
+ height: 100% !important;
2589
+ min-height: 100% !important;
2590
+ max-height: 100% !important;
2591
+ padding: 0 !important;
2592
+ border: none;
2593
+ }
2594
+
2595
+ .email-detail .jodit-container .jodit-workplace .jodit-wysiwyg table td,
2596
+ table th {
2597
+ border: none;
2598
+ }
2599
+
2600
+ .k-plus::before {
2601
+ content: "\e11e";
2602
+ }
2603
+
2604
+ .k-minus::before {
2605
+ content: "\e121";
2606
+ }
2607
+
2608
+ .custom-alert-success {
2609
+ color: #4caf50;
2610
+ background-color: rgba(129, 199, 133, 0.2);
2611
+ border-color: #4caf50 !important;
2612
+ }
2613
+
2614
+ .k-grid {
2615
+ font-size: 14px !important;
2616
+ }
2617
+
2618
+ .k-grid td,
2619
+ .k-grid .k-table-td {
2620
+ font-size: 12px !important;
2621
+ padding: 0 !important;
2622
+ border-width: 1px;
2623
+ border-color: rgba(204, 204, 204, 0.3137254902) !important;
2624
+ padding-top: 5px !important;
2625
+ padding-bottom: 5px !important;
2626
+ }
2627
+
2628
+ /* Ocultar la barra de desplazamiento vertical cuando no se necesita */
2629
+ .k-grid-content {
2630
+ overflow-y: scroll !important;
2631
+ }
2632
+
2633
+ .k-grid-content::-webkit-scrollbar {
2634
+ width: 12px;
2635
+ height: 8px;
2636
+ background-color: transparent;
2637
+ }
2638
+
2639
+ .k-grid-content::-webkit-scrollbar-track {
2640
+ background-color: transparent;
2641
+ border-radius: 10px;
2642
+ }
2643
+
2644
+ .k-grid-content::-webkit-scrollbar-thumb {
2645
+ border-radius: 10px;
2646
+ background-color: #ccc;
2647
+ }
2648
+
2649
+ .k-grid td {
2650
+ box-sizing: border-box;
2651
+ }
2652
+
2653
+ .k-column-title {
2654
+ font-size: 12px !important;
2655
+ }
2656
+
2657
+ .k-table-th .k-header > span {
2658
+ font-size: 12px !important;
2659
+ }
2660
+
2661
+ .k-grid .k-grid-header .k-table-th {
2662
+ font-size: 12px;
2663
+ }
2664
+
2665
+ .k-grid-pager {
2666
+ padding: 10px !important;
2667
+ }
2668
+
2669
+ .k-pager-sizes > select {
2670
+ width: 80px !important;
2671
+ font-size: 12px;
2672
+ }
2673
+
2674
+ .form-control {
2675
+ padding: 10px;
2676
+ font-family: "Inter", sans-serif !important;
2677
+ }
2678
+
2679
+ option {
2680
+ padding: 10px !important;
2681
+ font-family: "Inter", sans-serif !important;
2682
+ }
2683
+
2684
+ .bg-primary {
2685
+ background: #92190e !important;
2686
+ background-color: #92190e !important;
2687
+ }
2688
+
2689
+ @font-face {
2690
+ font-family: "Micrenc";
2691
+ src: url("../fonts/micrenc.ttf") format("truetype");
2692
+ }
2693
+ .vcheck-card {
2694
+ width: 100%;
2695
+ padding: 1rem;
2696
+ border: 4px double black;
2697
+ background-color: #e5eeff;
2698
+ }
2699
+
2700
+ .vcheck-number {
2701
+ font-family: "Micrenc" !important;
2702
+ -webkit-font-smoothing: antialiased;
2703
+ -moz-osx-font-smoothing: grayscale;
2704
+ font-smoothing: antialiased;
2705
+ }
2706
+
2707
+ .k-menu-link-text {
2708
+ color: #606060 !important;
2709
+ }
2710
+
2711
+ .check-loader {
2712
+ width: 100%;
2713
+ height: 100%;
2714
+ position: absolute;
2715
+ top: 0;
2716
+ left: 0;
2717
+ }
2718
+
2719
+ .check-loader::after {
2720
+ content: "";
2721
+ display: block;
2722
+ width: 100%;
2723
+ height: 100%;
2724
+ background: linear-gradient(90deg, #dfdfdf 0px, #fff 40px, #dfdfdf 80px);
2725
+ animation: checkLoader 1s infinite;
2726
+ }
2727
+
2728
+ @keyframes checkLoader {
2729
+ 0% {
2730
+ background-position: -200px 0;
2731
+ }
2732
+ 100% {
2733
+ background-position: 200px 0;
2734
+ }
2735
+ }
2736
+ .k-filter-menu .k-actions {
2737
+ overflow: visible;
2738
+ }
2739
+
2740
+ .k-button-md {
2741
+ padding: 0.4rem 1rem;
2742
+ font-size: 0.875rem;
2743
+ line-height: 1;
2744
+ border-radius: 0.1875rem;
2745
+ }
2746
+
2747
+ .k-button-solid-primary,
2748
+ .k-button-solid-primary:hover,
2749
+ .k-button-solid-primary:active,
2750
+ .k-button-solid-primary.k-active {
2751
+ color: #fff;
2752
+ background-color: #990000;
2753
+ border-color: #990000;
2754
+ }
2755
+
2756
+ .k-button-solid-primary:focus,
2757
+ .k-button-solid-primary.k-focus {
2758
+ outline: 0;
2759
+ outline-offset: 0;
2760
+ box-shadow: 0 0 0 0.2rem rgba(168, 38, 38, 0.5);
2761
+ }
2762
+
2763
+ .k-input-md {
2764
+ /*height: 1.875rem;*/
2765
+ font-size: 0.75rem;
2766
+ font-weight: 400;
2767
+ line-height: 1.5;
2768
+ border-radius: 0.2rem;
2769
+ }
2770
+
2771
+ .k-input-md.textarea {
2772
+ height: 100% !important;
2773
+ }
2774
+
2775
+ .k-picker-md {
2776
+ height: 1.875rem;
2777
+ padding: 0.5rem 0;
2778
+ font-size: 0.75rem;
2779
+ font-weight: 400;
2780
+ line-height: 1.5;
2781
+ border-radius: 0.2rem;
2782
+ }
2783
+
2784
+ .k-picker-md .k-input-inner {
2785
+ padding-left: 0.5rem;
2786
+ padding-right: 0.5rem;
2787
+ }
2788
+
2789
+ .k-list-item.k-selected,
2790
+ .k-selected.k-list-optionlabel {
2791
+ color: white;
2792
+ background-color: #990000;
2793
+ }
2794
+
2795
+ .k-list-item.k-selected:hover,
2796
+ .k-selected.k-list-optionlabel:hover,
2797
+ .k-list-item.k-selected.k-hover,
2798
+ .k-selected.k-hover.k-list-optionlabel {
2799
+ color: white;
2800
+ background-color: #990000;
2801
+ }
2802
+
2803
+ input.k-input.k-input-md.k-input-solid {
2804
+ padding: 0.25rem 0.5rem !important;
2805
+ }
2806
+
2807
+ .k-input-solid,
2808
+ .k-input-solid:hover,
2809
+ .k-input-solid.active,
2810
+ .k-picker-solid,
2811
+ .k-picker-solid:hover,
2812
+ .k.k-picker-solid:active {
2813
+ box-shadow: none;
2814
+ border: none;
2815
+ outline: 1px solid #dee2e6;
2816
+ /*background-color: transparent;*/
2817
+ }
2818
+
2819
+ .k-input-solid:focus,
2820
+ .k-input-solid.k-focus,
2821
+ .k-input-solid:focus-within,
2822
+ .k-picker-solid:focus,
2823
+ .k-picker-solid.k-focus,
2824
+ .k-picker-solid:focus-within {
2825
+ border: none;
2826
+ box-shadow: none;
2827
+ outline: 2px solid gray;
2828
+ /*background-color: transparent;*/
2829
+ }
2830
+
2831
+ .k-input-solid:focus input.k-input-inner,
2832
+ .k-input-solid.k-focus input.k-input-inner,
2833
+ .k-input-solid:focus-within input.k-input-inner,
2834
+ .k-picker-solid:focus input.k-input-inner,
2835
+ .k-picker-solid.k-focus input.k-input-inner,
2836
+ .k-picker-solid:focus-within input.k-input-inner {
2837
+ border: none !important;
2838
+ box-shadow: none !important;
2839
+ outline: none !important;
2840
+ /*background-color: transparent;*/
2841
+ }
2842
+
2843
+ .list-group {
2844
+ background-color: #fff;
2845
+ }
2846
+
2847
+ .list-group .list-group {
2848
+ border-radius: 0;
2849
+ }
2850
+
2851
+ .list-group > .list-group-item {
2852
+ border-bottom-width: 0;
2853
+ }
2854
+
2855
+ .list-group .list-group > .list-group-item {
2856
+ border-bottom-width: 0;
2857
+ }
2858
+
2859
+ .list-group > .list-group .list-group-item {
2860
+ background-color: transparent;
2861
+ }
2862
+
2863
+ .list-group-item-action {
2864
+ cursor: pointer;
2865
+ user-select: none;
2866
+ }
2867
+
2868
+ .k-grid-header {
2869
+ --kendo-scrollbar-width: 12px;
2870
+ }
2871
+
2872
+ .k-grid-header-wrap {
2873
+ border-right: 1px solid #dee2e6;
2874
+ }
2875
+
2876
+ .k-grid-content::-webkit-scrollbar {
2877
+ width: 12px;
2878
+ height: 12px;
2879
+ border-left: 1px solid #dee2e6;
2880
+ border-top: 1px solid #dee2e6;
2881
+ }
2882
+
2883
+ .k-grid-content::-webkit-scrollbar:vertical {
2884
+ width: 12px;
2885
+ border-left: 1px solid #dee2e6;
2886
+ }
2887
+
2888
+ .k-grid-content::-webkit-scrollbar:horizontal {
2889
+ height: 12px;
2890
+ border-top: 1px solid #dee2e6;
2891
+ }
2892
+
2893
+ .k-grid-content::-webkit-scrollbar-thumb {
2894
+ background-color: #ccc;
2895
+ }
2896
+
2897
+ .k-grid-content::-webkit-scrollbar-thumb:hover {
2898
+ background-color: #c2c2c2;
2899
+ }
2900
+
2901
+ .btn.btn-icon {
2902
+ width: 30px;
2903
+ height: 30px;
2904
+ padding: 0;
2905
+ font-size: 0.75rem;
2906
+ display: flex;
2907
+ justify-content: center;
2908
+ align-items: center;
2909
+ }
2910
+
2911
+ .btn.btn-without-chevron::after {
2912
+ display: none;
2913
+ }
2914
+
2915
+ .gap-2 {
2916
+ gap: 0.5rem;
2917
+ }
2918
+
2919
+ .gap-3 {
2920
+ gap: 1rem;
2921
+ }
2922
+
2923
+ html,
2924
+ body {
2925
+ height: 100% !important;
2926
+ }
2927
+
2928
+ .grid-inside-modal .k-grid-container .k-grid-content {
2929
+ min-height: 100% !important;
2930
+ }
2931
+
2932
+ .grid-fitcontent-inside-modal .k-grid-container .k-grid-content {
2933
+ min-height: calc(100vh - 600px) !important;
2934
+ }
2935
+
2936
+ .k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon {
2937
+ -webkit-margin-start: 0px !important;
2938
+ margin-inline-start: 0px !important;
2939
+ }
2940
+
2941
+ .animate-ping {
2942
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
2943
+ }
2944
+
2945
+ @keyframes ping {
2946
+ 75%, to {
2947
+ transform: scale(2);
2948
+ opacity: 0;
2949
+ }
2950
+ }
2951
+ /**** Accordion Style ****/
2952
+ /*
2953
+ .accordion{
2954
+ --bs-accordion-btn-color: white !important;
2955
+ --bs-accordion-btn-bg: rgba(146, 25, 14, 255) !important;
2956
+ --bs-accordion-active-color: white !important;
2957
+ --bs-accordion-active-bg: rgba(146, 25, 14, 255) !important;
2958
+ --bs-accordion-btn-focus-border-color: rgba(146, 25, 14, 255) !important;
2959
+ --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(146, 25, 14, 0.25) !important;
2960
+ }
2961
+
2962
+ .accordion-button:after {
2963
+ flex-shrink: 0;
2964
+ width: 1.25rem;
2965
+ height: 1.25rem;
2966
+ margin-left: auto;
2967
+ content: "";
2968
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
2969
+ background-repeat: no-repeat;
2970
+ background-size: 1.25rem;
2971
+ transition: transform 0.2s ease-in-out;
2972
+ filter: invert(1);
2973
+ }
2974
+
2975
+ */
2976
+ .accordion-item {
2977
+ color: #212529;
2978
+ background-color: white;
2979
+ border: 1px solid #dee2e6;
2980
+ }
2981
+
2982
+ .accordion-item:first-of-type {
2983
+ border-top-left-radius: 0.375rem;
2984
+ border-top-right-radius: 0.375rem;
2985
+ }
2986
+
2987
+ .accordion-item:not(:first-of-type) {
2988
+ border-top: 0;
2989
+ }
2990
+
2991
+ .accordion-item:last-of-type {
2992
+ border-bottom-right-radius: 0.375rem;
2993
+ border-bottom-left-radius: 0.375rem;
2994
+ }
2995
+
2996
+ .accordion-header {
2997
+ margin-bottom: 0;
2998
+ }
2999
+
3000
+ .accordion-button {
3001
+ position: relative;
3002
+ display: flex;
3003
+ align-items: center;
3004
+ width: 100%;
3005
+ padding: 1rem 1.25rem;
3006
+ font-size: 1rem;
3007
+ /* color: #212529; */
3008
+ color: white;
3009
+ text-align: left;
3010
+ /* background-color: white; */
3011
+ background-color: rgb(146, 25, 14);
3012
+ border: 0;
3013
+ border-radius: 0;
3014
+ overflow-anchor: none;
3015
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
3016
+ }
3017
+
3018
+ .accordion-item:first-of-type .accordion-button {
3019
+ border-top-left-radius: calc(0.375rem - 1px);
3020
+ border-top-right-radius: calc(0.375rem - 1px);
3021
+ }
3022
+
3023
+ .accordion-item:last-of-type .accordion-button.collapsed {
3024
+ border-bottom-right-radius: calc(0.375rem - 1px);
3025
+ border-bottom-left-radius: calc(0.375rem - 1px);
3026
+ }
3027
+
3028
+ .accordion-button:not(.collapsed) {
3029
+ color: white;
3030
+ /*background-color: #e7f1ff;*/
3031
+ background-color: rgb(146, 25, 14);
3032
+ box-shadow: inset 0 -1px 0 #dee2e6;
3033
+ }
3034
+
3035
+ .accordion-button:focus {
3036
+ z-index: 3;
3037
+ /* border-color: #86b7fe; */
3038
+ border-color: rgba(146, 25, 14, 0.2);
3039
+ outline: 0;
3040
+ /* box-shadow: 0 0 0 0.25rem rgba(13,110,253,0.25); */
3041
+ box-shadow: 0 0 0 0.25rem rgba(146, 25, 14, 0.25);
3042
+ }
3043
+
3044
+ .accordion-button:after {
3045
+ flex-shrink: 0;
3046
+ width: 1.25rem;
3047
+ height: 1.25rem;
3048
+ margin-left: auto;
3049
+ content: "";
3050
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
3051
+ background-repeat: no-repeat;
3052
+ background-size: 1.25rem;
3053
+ transition: transform 0.2s ease-in-out;
3054
+ }
3055
+
3056
+ .accordion-button:not(.collapsed):after {
3057
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
3058
+ -webkit-transform: rotate(-180deg);
3059
+ transform: rotate(-180deg);
3060
+ }
3061
+
3062
+ .accordion-body {
3063
+ padding: 1rem 1.25rem;
3064
+ }
3065
+
3066
+ /******************/
3067
+ :root {
3068
+ --color-primary: #92190e;
3069
+ }
3070
+
3071
+ .btn {
3072
+ display: inline-flex;
3073
+ justify-content: center;
3074
+ align-items: center;
3075
+ }
3076
+
3077
+ .btn .icon,
3078
+ .btn i,
3079
+ .btn svg {
3080
+ width: 14px;
3081
+ height: 14px;
3082
+ margin-right: 0.3125rem;
3083
+ }
3084
+
3085
+ .btn-loading {
3086
+ position: relative;
3087
+ overflow: hidden;
3088
+ white-space: nowrap;
3089
+ text-overflow: ellipsis;
3090
+ pointer-events: none;
3091
+ }
3092
+
3093
+ .btn-loading > .icon,
3094
+ .btn-loading > i {
3095
+ display: none;
3096
+ }
3097
+
3098
+ .btn-loading .k-loading-mask {
3099
+ position: static;
3100
+ width: 14px;
3101
+ height: 14px;
3102
+ margin-right: 0.3125rem;
3103
+ display: inline-block;
3104
+ }
3105
+
3106
+ .btn-loading .k-loading-image {
3107
+ position: static;
3108
+ width: 14px;
3109
+ height: 14px;
3110
+ }
3111
+
3112
+ .btn-loading .k-loading-image::before {
3113
+ position: static;
3114
+ width: 14px;
3115
+ height: 14px;
3116
+ margin: 0;
3117
+ animation: k-loading-animation 1s linear infinite;
3118
+ }
3119
+
3120
+ .window-loading {
3121
+ z-index: 2000;
3122
+ position: fixed;
3123
+ }
3124
+
3125
+ .none-loading {
3126
+ display: none;
3127
+ }
3128
+
3129
+ .grid-loading,
3130
+ .page-loading,
3131
+ .div-loading {
3132
+ z-index: 10;
3133
+ }
3134
+
3135
+ .user-card .k-grid-content {
3136
+ min-height: auto;
3137
+ max-height: auto;
3138
+ }
3139
+
3140
+ /* Boostrap */
3141
+ .btn,
3142
+ .k-button-md {
3143
+ padding: 0.4rem 1rem;
3144
+ font-size: 0.875rem;
3145
+ font-family: "Roboto", sans-serif;
3146
+ line-height: 1;
3147
+ border-radius: 0.1875rem;
3148
+ display: inline-flex;
3149
+ align-items: center;
3150
+ }
3151
+
3152
+ .k-button-flat-primary {
3153
+ color: var(--color-primary);
3154
+ }
3155
+
3156
+ .form-row {
3157
+ align-items: center;
3158
+ }
3159
+
3160
+ .mega-dropdown.customize-column .list-group-item,
3161
+ .mega-dropdown.customize-column .list-group-item.active,
3162
+ .mega-dropdown.customize-column .list-group-item.active:hover {
3163
+ color: inherit !important;
3164
+ background-color: transparent !important;
3165
+ }
3166
+
3167
+ .mega-dropdown.customize-column .list-group-item:before {
3168
+ border-radius: inherit;
3169
+ content: "";
3170
+ background: currentColor;
3171
+ opacity: 0;
3172
+ pointer-events: none;
3173
+ position: absolute;
3174
+ left: 0;
3175
+ right: 0;
3176
+ top: 0;
3177
+ bottom: 0;
3178
+ z-index: 0;
3179
+ }
3180
+
3181
+ .mega-dropdown.customize-column .list-group-item:hover:before {
3182
+ opacity: 0.04;
3183
+ }
3184
+
3185
+ .mega-dropdown.customize-column .list-group-item:active:before {
3186
+ opacity: 0.08;
3187
+ }
3188
+
3189
+ .mega-dropdown.customize-column .list-group-item.active:before {
3190
+ background-color: var(--color-primary);
3191
+ }
3192
+
3193
+ .mega-dropdown.customize-column .list-group-item.active:before,
3194
+ .mega-dropdown.customize-column .list-group-item.active:hover:before,
3195
+ .mega-dropdown.customize-column .list-group-item.active:active:before {
3196
+ opacity: 0.16;
3197
+ }
3198
+
3199
+ select,
3200
+ input {
3201
+ accent-color: var(--color-primary);
3202
+ }
3203
+
3204
+ .k-checkbox:checked,
3205
+ .k-checkbox.k-checked {
3206
+ border-color: var(--color-primary);
3207
+ background-color: var(--color-primary);
3208
+ }
3209
+
3210
+ select.form-control,
3211
+ input.form-control {
3212
+ padding: 0 0.5rem !important;
3213
+ }
3214
+
3215
+ .panel-body {
3216
+ position: relative;
3217
+ }
3218
+
3219
+ .panel-loading {
3220
+ position: absolute;
3221
+ top: 0;
3222
+ left: 0;
3223
+ right: 0;
3224
+ bottom: 0;
3225
+ z-index: 9;
3226
+ display: flex;
3227
+ justify-content: center;
3228
+ align-items: center;
3229
+ opacity: 0.35;
3230
+ }