albinasoft-ui-package 1.0.16 → 1.0.18

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,2145 @@
1
+ :focus {
2
+ outline: none
3
+ }
4
+
5
+ h1,
6
+ h2,
7
+ h3,
8
+ h4,
9
+ h5,
10
+ h6 {
11
+ font-family: var(--bs-heading-font-family)
12
+ }
13
+
14
+ a {
15
+ -webkit-transition: color 400ms ease, background 400ms ease;
16
+ -o-transition: color 400ms ease, background 400ms ease;
17
+ transition: color 400ms ease, background 400ms ease
18
+ }
19
+
20
+ .iq-slider {
21
+ overflow: hidden;
22
+ overflow-x: auto
23
+ }
24
+
25
+ hr {
26
+ margin: 1rem 0;
27
+ color: inherit;
28
+ background-color: currentColor;
29
+ border: 0;
30
+ opacity: .25
31
+ }
32
+
33
+ .iq-scroller-effect ::-webkit-scrollbar {
34
+ width: 5px;
35
+ height: 5px;
36
+ -webkit-border-radius: 20px;
37
+ border-radius: 20px
38
+ }
39
+
40
+ .iq-scroller-effect ::-webkit-scrollbar-track {
41
+ background: #f9f9f9;
42
+ -webkit-border-radius: 20px;
43
+ border-radius: 20px
44
+ }
45
+
46
+ .iq-scroller-effect ::-webkit-scrollbar-thumb {
47
+ background: #eee;
48
+ -webkit-border-radius: 20px;
49
+ border-radius: 20px;
50
+ -webkit-transition: all 400ms ease;
51
+ -o-transition: all 400ms ease;
52
+ transition: all 400ms ease;
53
+ cursor: pointer
54
+ }
55
+
56
+ .iq-scroller-effect ::-webkit-scrollbar-thumb:hover {
57
+ background: #f0f0f0;
58
+ -webkit-border-radius: 20px;
59
+ border-radius: 20px;
60
+ -webkit-transition: all 400ms ease;
61
+ -o-transition: all 400ms ease;
62
+ transition: all 400ms ease
63
+ }
64
+
65
+ body {
66
+ -webkit-transition: background-color 250ms ease-in-out;
67
+ -o-transition: background-color 250ms ease-in-out;
68
+ transition: background-color 250ms ease-in-out
69
+ }
70
+
71
+ .dark .bg-soft-primary {
72
+ background-color: rgba(104, 126, 237, .1) !important
73
+ }
74
+
75
+ .dark a.bg-soft-primary:hover,
76
+ .dark a.bg-soft-primary:focus,
77
+ .dark button.bg-soft-primary:hover,
78
+ .dark button.bg-soft-primary:focus {
79
+ cursor: pointer;
80
+ color: #1632bf;
81
+ background-color: rgba(104, 126, 237, .15) !important
82
+ }
83
+
84
+ .dark .bg-soft-secondary {
85
+ background-color: rgba(125, 138, 183, .1) !important
86
+ }
87
+
88
+ .dark a.bg-soft-secondary:hover,
89
+ .dark a.bg-soft-secondary:focus,
90
+ .dark button.bg-soft-secondary:hover,
91
+ .dark button.bg-soft-secondary:focus {
92
+ cursor: pointer;
93
+ color: #404c74;
94
+ background-color: rgba(125, 138, 183, .15) !important
95
+ }
96
+
97
+ .dark .bg-soft-success {
98
+ background-color: rgba(33, 204, 106, .1) !important
99
+ }
100
+
101
+ .dark a.bg-soft-success:hover,
102
+ .dark a.bg-soft-success:focus,
103
+ .dark button.bg-soft-success:hover,
104
+ .dark button.bg-soft-success:focus {
105
+ cursor: pointer;
106
+ color: #0f5e31;
107
+ background-color: rgba(33, 204, 106, .15) !important
108
+ }
109
+
110
+ .dark .bg-soft-info {
111
+ background-color: rgba(10, 224, 235, .1) !important
112
+ }
113
+
114
+ .dark a.bg-soft-info:hover,
115
+ .dark a.bg-soft-info:focus,
116
+ .dark button.bg-soft-info:hover,
117
+ .dark button.bg-soft-info:focus {
118
+ cursor: pointer;
119
+ color: #056b71;
120
+ background-color: rgba(10, 224, 235, .15) !important
121
+ }
122
+
123
+ .dark .bg-soft-warning {
124
+ background-color: rgba(244, 137, 75, .1) !important
125
+ }
126
+
127
+ .dark a.bg-soft-warning:hover,
128
+ .dark a.bg-soft-warning:focus,
129
+ .dark button.bg-soft-warning:hover,
130
+ .dark button.bg-soft-warning:focus {
131
+ cursor: pointer;
132
+ color: #b44a0b;
133
+ background-color: rgba(244, 137, 75, .15) !important
134
+ }
135
+
136
+ .dark .bg-soft-danger {
137
+ background-color: rgba(221, 73, 55, .1) !important
138
+ }
139
+
140
+ .dark a.bg-soft-danger:hover,
141
+ .dark a.bg-soft-danger:focus,
142
+ .dark button.bg-soft-danger:hover,
143
+ .dark button.bg-soft-danger:focus {
144
+ cursor: pointer;
145
+ color: #7f2116;
146
+ background-color: rgba(221, 73, 55, .15) !important
147
+ }
148
+
149
+ .dark .bg-soft-light {
150
+ background-color: rgba(251, 252, 252, .1) !important
151
+ }
152
+
153
+ .dark a.bg-soft-light:hover,
154
+ .dark a.bg-soft-light:focus,
155
+ .dark button.bg-soft-light:hover,
156
+ .dark button.bg-soft-light:focus {
157
+ cursor: pointer;
158
+ color: #b2bcc5;
159
+ background-color: rgba(251, 252, 252, .15) !important
160
+ }
161
+
162
+ .dark .bg-soft-dark {
163
+ background-color: rgba(91, 102, 113, .1) !important
164
+ }
165
+
166
+ .dark a.bg-soft-dark:hover,
167
+ .dark a.bg-soft-dark:focus,
168
+ .dark button.bg-soft-dark:hover,
169
+ .dark button.bg-soft-dark:focus {
170
+ cursor: pointer;
171
+ color: #000;
172
+ background-color: rgba(91, 102, 113, .15) !important
173
+ }
174
+
175
+ .dark .text-primary {
176
+ color: #3a57e8 !important
177
+ }
178
+
179
+ .dark .text-secondary {
180
+ color: #5c6ca5 !important
181
+ }
182
+
183
+ .dark .text-success {
184
+ color: #1aa053 !important
185
+ }
186
+
187
+ .dark .text-info {
188
+ color: #08B1BA !important
189
+ }
190
+
191
+ .dark .text-warning {
192
+ color: #f16a1b !important
193
+ }
194
+
195
+ .dark .text-danger {
196
+ color: #c03221 !important
197
+ }
198
+
199
+ .dark .text-light {
200
+ color: #dee2e6 !important
201
+ }
202
+
203
+ .dark .text-dark {
204
+ color: #212529 !important
205
+ }
206
+
207
+ .dark .iq-media-group .iq-icon-box-3 {
208
+ background: #222738
209
+ }
210
+
211
+ .dark .boarder-start {
212
+ border-left-color: rgba(255, 255, 255, .1) !important
213
+ }
214
+
215
+ .dark .border-end {
216
+ border-right-color: rgba(255, 255, 255, .1) !important
217
+ }
218
+
219
+ .dark .border-top {
220
+ border-top-color: rgba(255, 255, 255, .1) !important
221
+ }
222
+
223
+ .dark .border-bottom {
224
+ border-bottom-color: rgba(255, 255, 255, .1) !important
225
+ }
226
+
227
+ .dark {
228
+ color: #A2A4A9;
229
+ background-color: #151824 !important
230
+ }
231
+
232
+ .dark h1,
233
+ .dark .h1,
234
+ .dark h2,
235
+ .dark .h2,
236
+ .dark h3,
237
+ .dark .h3,
238
+ .dark h4,
239
+ .dark .h4,
240
+ .dark h5,
241
+ .dark .h5,
242
+ .dark h6,
243
+ .dark .h6 {
244
+ color: #A2A4A9
245
+ }
246
+
247
+ .dark .border {
248
+ border-color: #30384f !important
249
+ }
250
+
251
+ .dark .border-bottom {
252
+ border-color: #30384f !important
253
+ }
254
+
255
+ .dark .datepicker-picker {
256
+ background-color: #222738
257
+ }
258
+
259
+ .dark .datepicker-picker .datepicker-title {
260
+ background-color: #222738
261
+ }
262
+
263
+ .dark .datepicker-picker .datepicker-controls .button {
264
+ background-color: #222738;
265
+ color: #A2A4A9
266
+ }
267
+
268
+ .dark thead,
269
+ .dark tbody,
270
+ .dark tfoot,
271
+ .dark tr,
272
+ .dark td,
273
+ .dark th {
274
+ border-color: #30384f;
275
+ color: #A2A4A9
276
+ }
277
+
278
+ .dark .offcanvas {
279
+ background-color: #222738;
280
+ color: #A2A4A9
281
+ }
282
+
283
+ .dark button.close-btn-res {
284
+ color: #dee2e6
285
+ }
286
+
287
+ .dark hr.hr-horizontal {
288
+ background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
289
+ background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.4), transparent);
290
+ background-image: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.4), transparent);
291
+ background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent)
292
+ }
293
+
294
+ .dark hr.hr-vertial {
295
+ background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
296
+ background-image: -webkit-linear-gradient(top, transparent, rgba(255, 255, 255, 0.4), transparent);
297
+ background-image: -o-linear-gradient(top, transparent, rgba(255, 255, 255, 0.4), transparent);
298
+ background-image: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.4), transparent)
299
+ }
300
+
301
+ .dark .text-dark {
302
+ color: #A2A4A9 !important
303
+ }
304
+
305
+ .dark .apexcharts-legend-text {
306
+ color: #A2A4A9 !important
307
+ }
308
+
309
+ .dark .bg-body {
310
+ background-color: #151824 !important
311
+ }
312
+
313
+ .dark .accordion.custom-accordion .accordion-item .accordion-header .accordion-button {
314
+ background: inherit
315
+ }
316
+
317
+ .dark .accordion.custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
318
+ background-color: inherit
319
+ }
320
+
321
+ .dark .accordion.custom-accordion .accordion-item {
322
+ background: inherit
323
+ }
324
+
325
+ .dark .accordion .accordion-item {
326
+ background-color: #151824
327
+ }
328
+
329
+ .dark .accordion .accordion-item .accordion-header .accordion-button {
330
+ background-color: #30384f
331
+ }
332
+
333
+ .dark .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
334
+ background-color: #30384f
335
+ }
336
+
337
+ .dark .accordion .accordion-item .accordion-header .accordion-button:focus {
338
+ -webkit-box-shadow: unset;
339
+ box-shadow: unset
340
+ }
341
+
342
+ .dark .btn-border {
343
+ border: 2px solid #30384f
344
+ }
345
+
346
+ .dark .btn-border:hover {
347
+ border-color: #57658e
348
+ }
349
+
350
+ .dark .btn-border.active {
351
+ border-color: var(--bs-primary)
352
+ }
353
+
354
+ .dark aside.bd-aside .btn:hover,
355
+ .dark aside.bd-aside .btn:focus,
356
+ .dark aside.bd-aside .active,
357
+ .dark aside.bd-aside a:hover {
358
+ color: #fff;
359
+ background-color: #151824;
360
+ -webkit-box-shadow: unset;
361
+ box-shadow: unset
362
+ }
363
+
364
+ .dark .btn.btn-soft-primary:hover,
365
+ .dark .btn.btn-soft-primary:focus,
366
+ .dark .btn.btn-soft-primary:active {
367
+ border-color: rgba(var(--bs-primary-rgb), 0.2) !important
368
+ }
369
+
370
+ .dark .btn-soft-primary {
371
+ --bs-btn-color: #6179ed;
372
+ --bs-btn-bg: rgba(58, 87, 232, 0.1);
373
+ --bs-btn-border-color: rgba(58, 87, 232, 0);
374
+ --bs-btn-hover-color: #7589ef;
375
+ --bs-btn-hover-bg: rgba(58, 87, 232, 0.2);
376
+ --bs-btn-hover-border-color: rgba(58, 87, 232, 0.2);
377
+ --bs-btn-focus-shadow-rgb: 97, 121, 237;
378
+ --bs-btn-active-color: #3a57e8;
379
+ --bs-btn-active-bg: rgba(58, 87, 232, 0.3);
380
+ --bs-btn-active-border-color: rgba(58, 87, 232, 0.2);
381
+ --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
382
+ --bs-btn-disabled-color: #000;
383
+ --bs-btn-disabled-bg: #9dabf4;
384
+ --bs-btn-disabled-border-color: rgba(58, 87, 232, 0);
385
+ -webkit-box-shadow: unset;
386
+ box-shadow: unset
387
+ }
388
+
389
+ .dark .btn-soft-secondary {
390
+ --bs-btn-color: #7d89b7;
391
+ --bs-btn-bg: rgba(92, 108, 165, 0.1);
392
+ --bs-btn-border-color: rgba(92, 108, 165, 0);
393
+ --bs-btn-hover-color: #8d98c0;
394
+ --bs-btn-hover-bg: rgba(92, 108, 165, 0.2);
395
+ --bs-btn-hover-border-color: rgba(92, 108, 165, 0.2);
396
+ --bs-btn-focus-shadow-rgb: 125, 137, 183;
397
+ --bs-btn-active-color: #5c6ca5;
398
+ --bs-btn-active-bg: rgba(92, 108, 165, 0.3);
399
+ --bs-btn-active-border-color: rgba(92, 108, 165, 0.2);
400
+ --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
401
+ --bs-btn-disabled-color: #000;
402
+ --bs-btn-disabled-bg: #aeb6d2;
403
+ --bs-btn-disabled-border-color: rgba(92, 108, 165, 0);
404
+ -webkit-box-shadow: unset;
405
+ box-shadow: unset
406
+ }
407
+
408
+ .dark .btn-soft-success {
409
+ --bs-btn-color: #48b375;
410
+ --bs-btn-bg: rgba(26, 160, 83, 0.1);
411
+ --bs-btn-border-color: rgba(26, 160, 83, 0);
412
+ --bs-btn-hover-color: #5fbd87;
413
+ --bs-btn-hover-bg: rgba(26, 160, 83, 0.2);
414
+ --bs-btn-hover-border-color: rgba(26, 160, 83, 0.2);
415
+ --bs-btn-focus-shadow-rgb: 72, 179, 117;
416
+ --bs-btn-active-color: #1aa053;
417
+ --bs-btn-active-bg: rgba(26, 160, 83, 0.3);
418
+ --bs-btn-active-border-color: rgba(26, 160, 83, 0.2);
419
+ --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
420
+ --bs-btn-disabled-color: #000;
421
+ --bs-btn-disabled-bg: #8dd0a9;
422
+ --bs-btn-disabled-border-color: rgba(26, 160, 83, 0);
423
+ -webkit-box-shadow: unset;
424
+ box-shadow: unset
425
+ }
426
+
427
+ .dark .btn-soft-info {
428
+ --bs-btn-color: #39c1c8;
429
+ --bs-btn-bg: rgba(8, 177, 186, 0.1);
430
+ --bs-btn-border-color: rgba(8, 177, 186, 0);
431
+ --bs-btn-hover-color: #52c8cf;
432
+ --bs-btn-hover-bg: rgba(8, 177, 186, 0.2);
433
+ --bs-btn-hover-border-color: rgba(8, 177, 186, 0.2);
434
+ --bs-btn-focus-shadow-rgb: 57, 193, 200;
435
+ --bs-btn-active-color: #08b1ba;
436
+ --bs-btn-active-bg: rgba(8, 177, 186, 0.3);
437
+ --bs-btn-active-border-color: rgba(8, 177, 186, 0.2);
438
+ --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
439
+ --bs-btn-disabled-color: #000;
440
+ --bs-btn-disabled-bg: #84d8dd;
441
+ --bs-btn-disabled-border-color: rgba(8, 177, 186, 0);
442
+ -webkit-box-shadow: unset;
443
+ box-shadow: unset
444
+ }
445
+
446
+ .dark .btn-soft-warning {
447
+ --bs-btn-color: #f48849;
448
+ --bs-btn-bg: rgba(241, 106, 27, 0.1);
449
+ --bs-btn-border-color: rgba(241, 106, 27, 0);
450
+ --bs-btn-hover-color: #f5975f;
451
+ --bs-btn-hover-bg: rgba(241, 106, 27, 0.2);
452
+ --bs-btn-hover-border-color: rgba(241, 106, 27, 0.2);
453
+ --bs-btn-focus-shadow-rgb: 244, 136, 73;
454
+ --bs-btn-active-color: #f16a1b;
455
+ --bs-btn-active-bg: rgba(241, 106, 27, 0.3);
456
+ --bs-btn-active-border-color: rgba(241, 106, 27, 0.2);
457
+ --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
458
+ --bs-btn-disabled-color: #000;
459
+ --bs-btn-disabled-bg: #f8b58d;
460
+ --bs-btn-disabled-border-color: rgba(241, 106, 27, 0);
461
+ -webkit-box-shadow: unset;
462
+ box-shadow: unset
463
+ }
464
+
465
+ .dark .btn-soft-danger {
466
+ --bs-btn-color: #cd5b4d;
467
+ --bs-btn-bg: rgba(192, 50, 33, 0.1);
468
+ --bs-btn-border-color: rgba(192, 50, 33, 0);
469
+ --bs-btn-hover-color: #d37064;
470
+ --bs-btn-hover-bg: rgba(192, 50, 33, 0.2);
471
+ --bs-btn-hover-border-color: rgba(192, 50, 33, 0.2);
472
+ --bs-btn-focus-shadow-rgb: 205, 91, 77;
473
+ --bs-btn-active-color: #c03221;
474
+ --bs-btn-active-bg: rgba(192, 50, 33, 0.3);
475
+ --bs-btn-active-border-color: rgba(192, 50, 33, 0.2);
476
+ --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
477
+ --bs-btn-disabled-color: #000;
478
+ --bs-btn-disabled-bg: #e09990;
479
+ --bs-btn-disabled-border-color: rgba(192, 50, 33, 0);
480
+ -webkit-box-shadow: unset;
481
+ box-shadow: unset
482
+ }
483
+
484
+ .dark .btn-soft-light {
485
+ --bs-btn-color: #e5e8eb;
486
+ --bs-btn-bg: rgba(222, 226, 230, 0.1);
487
+ --bs-btn-border-color: rgba(222, 226, 230, 0);
488
+ --bs-btn-hover-color: #e8ebee;
489
+ --bs-btn-hover-bg: rgba(222, 226, 230, 0.2);
490
+ --bs-btn-hover-border-color: rgba(222, 226, 230, 0.2);
491
+ --bs-btn-focus-shadow-rgb: 229, 232, 235;
492
+ --bs-btn-active-color: #dee2e6;
493
+ --bs-btn-active-bg: rgba(222, 226, 230, 0.3);
494
+ --bs-btn-active-border-color: rgba(222, 226, 230, 0.2);
495
+ --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
496
+ --bs-btn-disabled-color: #000;
497
+ --bs-btn-disabled-bg: #eff1f3;
498
+ --bs-btn-disabled-border-color: rgba(222, 226, 230, 0);
499
+ -webkit-box-shadow: unset;
500
+ box-shadow: unset
501
+ }
502
+
503
+ .dark .btn-soft-dark {
504
+ --bs-btn-color: #4d5154;
505
+ --bs-btn-bg: rgba(33, 37, 41, 0.1);
506
+ --bs-btn-border-color: rgba(33, 37, 41, 0);
507
+ --bs-btn-hover-color: #646669;
508
+ --bs-btn-hover-bg: rgba(33, 37, 41, 0.2);
509
+ --bs-btn-hover-border-color: rgba(33, 37, 41, 0.2);
510
+ --bs-btn-focus-shadow-rgb: 77, 81, 84;
511
+ --bs-btn-active-color: #212529;
512
+ --bs-btn-active-bg: rgba(33, 37, 41, 0.3);
513
+ --bs-btn-active-border-color: rgba(33, 37, 41, 0.2);
514
+ --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
515
+ --bs-btn-disabled-color: #fff;
516
+ --bs-btn-disabled-bg: #909294;
517
+ --bs-btn-disabled-border-color: rgba(33, 37, 41, 0);
518
+ -webkit-box-shadow: unset;
519
+ box-shadow: unset
520
+ }
521
+
522
+ .dark .btn-close {
523
+ -webkit-filter: invert(1);
524
+ filter: invert(1)
525
+ }
526
+
527
+ .dark .footer {
528
+ background: #222738 !important
529
+ }
530
+
531
+ .dark .footer.glass {
532
+ background-color: rgba(34, 39, 56, .5);
533
+ border-top: 1px solid #30384f
534
+ }
535
+
536
+ .dark .nav {
537
+ background: #222738
538
+ }
539
+
540
+ .dark .nav .navbar-brand .logo-title {
541
+ color: #fff
542
+ }
543
+
544
+ .dark .iq-navbar {
545
+ border-color: #222738;
546
+ background-color: #222738
547
+ }
548
+
549
+ .dark .iq-navbar .navbar-nav .nav-item .nav-link {
550
+ color: #fff
551
+ }
552
+
553
+ .dark .iq-navbar .navbar-nav .nav-item .nav-link:hover {
554
+ color: var(--bs-primary)
555
+ }
556
+
557
+ .dark .iq-navbar .navbar-nav .nav-item .nav-link.active {
558
+ color: var(--bs-primary)
559
+ }
560
+
561
+ .dark .iq-navbar .navbar-brand .logo-title {
562
+ color: #fff
563
+ }
564
+
565
+ .dark .iq-navbar.nav-glass {
566
+ background: rgba(34, 39, 56, .5);
567
+ border-color: #30384f
568
+ }
569
+
570
+ .dark .iq-navbar.nav-glass .nav {
571
+ background: rgba(0, 0, 0, 0)
572
+ }
573
+
574
+ .dark .iq-navbar .dropdown .dropdown-menu.sub-drop li a {
575
+ color: #A2A4A9
576
+ }
577
+
578
+ .dark .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card {
579
+ color: #A2A4A9
580
+ }
581
+
582
+ .dark .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:hover {
583
+ background: #060917
584
+ }
585
+
586
+ .dark .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:not(:last-child) {
587
+ border-bottom: 1px solid #30384f
588
+ }
589
+
590
+ .dark .iq-navbar.navs-transparent {
591
+ background: rgba(0, 0, 0, 0)
592
+ }
593
+
594
+ .dark .list-group-item:not(.list-group-item-action) {
595
+ background-color: unset
596
+ }
597
+
598
+ @media(max-width: 1199.98px) {
599
+ .dark .iq-navbar .navbar-collapse:not(.offcanvas-collapse) {
600
+ background: #222738
601
+ }
602
+ }
603
+
604
+ @media(min-width: 1200px) {
605
+
606
+ .dark .iq-navbar.navs-transparent .product-offcanvas .offcanvas,
607
+ .dark .iq-navbar.nav-glass .product-offcanvas .offcanvas {
608
+ background-color: inherit
609
+ }
610
+ }
611
+
612
+ .dark .tab-bottom-bordered .nav-tabs .nav-link.active {
613
+ background-color: unset;
614
+ color: var(--bs-primary);
615
+ -webkit-box-shadow: unset;
616
+ box-shadow: unset
617
+ }
618
+
619
+ .dark .alert-primary {
620
+ --bs-alert-color: #6179ed;
621
+ --bs-alert-bg: #17235d;
622
+ --bs-alert-border-color: #3a57e8
623
+ }
624
+
625
+ .dark .alert-primary .alert-link {
626
+ color: #4e61be
627
+ }
628
+
629
+ .dark .alert-primary .btn-close {
630
+ -webkit-filter: invert(1) grayscale(100%) brightness(200%);
631
+ filter: invert(1) grayscale(100%) brightness(200%)
632
+ }
633
+
634
+ .dark .alert-secondary {
635
+ --bs-alert-color: #7d89b7;
636
+ --bs-alert-bg: #252b42;
637
+ --bs-alert-border-color: #5c6ca5
638
+ }
639
+
640
+ .dark .alert-secondary .alert-link {
641
+ color: #646e92
642
+ }
643
+
644
+ .dark .alert-secondary .btn-close {
645
+ -webkit-filter: invert(1) grayscale(100%) brightness(200%);
646
+ filter: invert(1) grayscale(100%) brightness(200%)
647
+ }
648
+
649
+ .dark .alert-success {
650
+ --bs-alert-color: #48b375;
651
+ --bs-alert-bg: #0a4021;
652
+ --bs-alert-border-color: #1aa053
653
+ }
654
+
655
+ .dark .alert-success .alert-link {
656
+ color: #3a8f5e
657
+ }
658
+
659
+ .dark .alert-success .btn-close {
660
+ -webkit-filter: invert(1) grayscale(100%) brightness(200%);
661
+ filter: invert(1) grayscale(100%) brightness(200%)
662
+ }
663
+
664
+ .dark .alert-info {
665
+ --bs-alert-color: #39c1c8;
666
+ --bs-alert-bg: #03474a;
667
+ --bs-alert-border-color: #08b1ba
668
+ }
669
+
670
+ .dark .alert-info .alert-link {
671
+ color: #2e9aa0
672
+ }
673
+
674
+ .dark .alert-info .btn-close {
675
+ -webkit-filter: invert(1) grayscale(100%) brightness(200%);
676
+ filter: invert(1) grayscale(100%) brightness(200%)
677
+ }
678
+
679
+ .dark .alert-warning {
680
+ --bs-alert-color: #f48849;
681
+ --bs-alert-bg: #602a0b;
682
+ --bs-alert-border-color: #f16a1b
683
+ }
684
+
685
+ .dark .alert-warning .alert-link {
686
+ color: #c36d3a
687
+ }
688
+
689
+ .dark .alert-warning {
690
+ -webkit-filter: invert(1) grayscale(100%) brightness(200%);
691
+ filter: invert(1) grayscale(100%) brightness(200%)
692
+ }
693
+
694
+ .dark .alert-danger {
695
+ --bs-alert-color: #cd5b4d;
696
+ --bs-alert-bg: #4d140d;
697
+ --bs-alert-border-color: #c03221
698
+ }
699
+
700
+ .dark .alert-danger .alert-link {
701
+ color: #a4493e
702
+ }
703
+
704
+ .dark .alert-danger .btn-close {
705
+ -webkit-filter: invert(1) grayscale(100%) brightness(200%);
706
+ filter: invert(1) grayscale(100%) brightness(200%)
707
+ }
708
+
709
+ .dark .alert-light {
710
+ --bs-alert-color: #e5e8eb;
711
+ --bs-alert-bg: #595a5c;
712
+ --bs-alert-border-color: #dee2e6
713
+ }
714
+
715
+ .dark .alert-light .alert-link {
716
+ color: #b7babc
717
+ }
718
+
719
+ .dark .alert-light .btn-close {
720
+ -webkit-filter: invert(1) grayscale(100%) brightness(200%);
721
+ filter: invert(1) grayscale(100%) brightness(200%)
722
+ }
723
+
724
+ .dark .alert-dark {
725
+ --bs-alert-color: #4d5154;
726
+ --bs-alert-bg: #0d0f10;
727
+ --bs-alert-border-color: #212529
728
+ }
729
+
730
+ .dark .alert-dark .alert-link {
731
+ color: #3e4143
732
+ }
733
+
734
+ .dark .alert-dark .btn-close {
735
+ -webkit-filter: invert(1) grayscale(100%) brightness(200%);
736
+ filter: invert(1) grayscale(100%) brightness(200%)
737
+ }
738
+
739
+ .dark .alert-solid.alert-primary {
740
+ --bs-alert-color: #fff;
741
+ --bs-alert-bg: #3a57e8;
742
+ --bs-alert-border-color: #3a57e8
743
+ }
744
+
745
+ .dark .alert-solid.alert-primary .alert-link {
746
+ color: #ccc
747
+ }
748
+
749
+ .dark .alert-solid.alert-primary .btn-close {
750
+ -webkit-filter: unset;
751
+ filter: unset
752
+ }
753
+
754
+ .dark .alert-solid.alert-secondary {
755
+ --bs-alert-color: #fff;
756
+ --bs-alert-bg: #5c6ca5;
757
+ --bs-alert-border-color: #5c6ca5
758
+ }
759
+
760
+ .dark .alert-solid.alert-secondary .alert-link {
761
+ color: #ccc
762
+ }
763
+
764
+ .dark .alert-solid.alert-secondary .btn-close {
765
+ -webkit-filter: unset;
766
+ filter: unset
767
+ }
768
+
769
+ .dark .alert-solid.alert-success {
770
+ --bs-alert-color: #fff;
771
+ --bs-alert-bg: #1aa053;
772
+ --bs-alert-border-color: #1aa053
773
+ }
774
+
775
+ .dark .alert-solid.alert-success .alert-link {
776
+ color: #ccc
777
+ }
778
+
779
+ .dark .alert-solid.alert-success .btn-close {
780
+ -webkit-filter: unset;
781
+ filter: unset
782
+ }
783
+
784
+ .dark .alert-solid.alert-info {
785
+ --bs-alert-color: #fff;
786
+ --bs-alert-bg: #08B1BA;
787
+ --bs-alert-border-color: #08B1BA
788
+ }
789
+
790
+ .dark .alert-solid.alert-info .alert-link {
791
+ color: #ccc
792
+ }
793
+
794
+ .dark .alert-solid.alert-info .btn-close {
795
+ -webkit-filter: unset;
796
+ filter: unset
797
+ }
798
+
799
+ .dark .alert-solid.alert-warning {
800
+ --bs-alert-color: #fff;
801
+ --bs-alert-bg: #f16a1b;
802
+ --bs-alert-border-color: #f16a1b
803
+ }
804
+
805
+ .dark .alert-solid.alert-warning .alert-link {
806
+ color: #ccc
807
+ }
808
+
809
+ .dark .alert-solid.alert-warning .btn-close {
810
+ -webkit-filter: unset;
811
+ filter: unset
812
+ }
813
+
814
+ .dark .alert-solid.alert-danger {
815
+ --bs-alert-color: #fff;
816
+ --bs-alert-bg: #c03221;
817
+ --bs-alert-border-color: #c03221
818
+ }
819
+
820
+ .dark .alert-solid.alert-danger .alert-link {
821
+ color: #ccc
822
+ }
823
+
824
+ .dark .alert-solid.alert-danger .btn-close {
825
+ -webkit-filter: unset;
826
+ filter: unset
827
+ }
828
+
829
+ .dark .alert-solid.alert-light {
830
+ --bs-alert-color: #fff;
831
+ --bs-alert-bg: #dee2e6;
832
+ --bs-alert-border-color: #dee2e6
833
+ }
834
+
835
+ .dark .alert-solid.alert-light .alert-link {
836
+ color: #ccc
837
+ }
838
+
839
+ .dark .alert-solid.alert-light .btn-close {
840
+ -webkit-filter: unset;
841
+ filter: unset
842
+ }
843
+
844
+ .dark .alert-solid.alert-dark {
845
+ --bs-alert-color: #fff;
846
+ --bs-alert-bg: #212529;
847
+ --bs-alert-border-color: #212529
848
+ }
849
+
850
+ .dark .alert-solid.alert-dark .alert-link {
851
+ color: #ccc
852
+ }
853
+
854
+ .dark .alert-solid.alert-dark .btn-close {
855
+ -webkit-filter: unset;
856
+ filter: unset
857
+ }
858
+
859
+ .dark .alert-left.alert-primary {
860
+ border-color: #3a57e8
861
+ }
862
+
863
+ .dark .alert-left.alert-secondary {
864
+ border-color: #5c6ca5
865
+ }
866
+
867
+ .dark .alert-left.alert-success {
868
+ border-color: #1aa053
869
+ }
870
+
871
+ .dark .alert-left.alert-info {
872
+ border-color: #08b1ba
873
+ }
874
+
875
+ .dark .alert-left.alert-warning {
876
+ border-color: #f16a1b
877
+ }
878
+
879
+ .dark .alert-left.alert-danger {
880
+ border-color: #c03221
881
+ }
882
+
883
+ .dark .alert-left.alert-light {
884
+ border-color: #dee2e6
885
+ }
886
+
887
+ .dark .alert-left.alert-dark {
888
+ border-color: #212529
889
+ }
890
+
891
+ .dark .alert-top.alert-primary {
892
+ border-color: #3a57e8
893
+ }
894
+
895
+ .dark .alert-top.alert-secondary {
896
+ border-color: #5c6ca5
897
+ }
898
+
899
+ .dark .alert-top.alert-success {
900
+ border-color: #1aa053
901
+ }
902
+
903
+ .dark .alert-top.alert-info {
904
+ border-color: #08b1ba
905
+ }
906
+
907
+ .dark .alert-top.alert-warning {
908
+ border-color: #f16a1b
909
+ }
910
+
911
+ .dark .alert-top.alert-danger {
912
+ border-color: #c03221
913
+ }
914
+
915
+ .dark .alert-top.alert-light {
916
+ border-color: #dee2e6
917
+ }
918
+
919
+ .dark .alert-top.alert-dark {
920
+ border-color: #212529
921
+ }
922
+
923
+ .dark .alert-right.alert-primary {
924
+ border-color: #3a57e8
925
+ }
926
+
927
+ .dark .alert-right.alert-secondary {
928
+ border-color: #5c6ca5
929
+ }
930
+
931
+ .dark .alert-right.alert-success {
932
+ border-color: #1aa053
933
+ }
934
+
935
+ .dark .alert-right.alert-info {
936
+ border-color: #08b1ba
937
+ }
938
+
939
+ .dark .alert-right.alert-warning {
940
+ border-color: #f16a1b
941
+ }
942
+
943
+ .dark .alert-right.alert-danger {
944
+ border-color: #c03221
945
+ }
946
+
947
+ .dark .alert-right.alert-light {
948
+ border-color: #dee2e6
949
+ }
950
+
951
+ .dark .alert-right.alert-dark {
952
+ border-color: #212529
953
+ }
954
+
955
+ .dark .alert-bottom.alert-primary {
956
+ border-color: #3a57e8
957
+ }
958
+
959
+ .dark .alert-bottom.alert-secondary {
960
+ border-color: #5c6ca5
961
+ }
962
+
963
+ .dark .alert-bottom.alert-success {
964
+ border-color: #1aa053
965
+ }
966
+
967
+ .dark .alert-bottom.alert-info {
968
+ border-color: #08b1ba
969
+ }
970
+
971
+ .dark .alert-bottom.alert-warning {
972
+ border-color: #f16a1b
973
+ }
974
+
975
+ .dark .alert-bottom.alert-danger {
976
+ border-color: #c03221
977
+ }
978
+
979
+ .dark .alert-bottom.alert-light {
980
+ border-color: #dee2e6
981
+ }
982
+
983
+ .dark .alert-bottom.alert-dark {
984
+ border-color: #212529
985
+ }
986
+
987
+ .dark .card {
988
+ background: #222738;
989
+ color: #A2A4A9
990
+ }
991
+
992
+ .dark .card .card-header,
993
+ .dark .card .card-footer {
994
+ /*background-color: #222738;
995
+ border-bottom-color: #30384f*/
996
+ }
997
+
998
+ .dark .card .card {
999
+ border: 1px solid #30384f
1000
+ }
1001
+
1002
+ .dark .card-footer {
1003
+ border-top: 1px solid #30384f
1004
+ }
1005
+
1006
+ .dark .apexcharts-theme-light .apexcharts-tooltip {
1007
+ background: #222738;
1008
+ border: 1px solid #30384f
1009
+ }
1010
+
1011
+ .dark .apexcharts-theme-light .apexcharts-tooltip .apexcharts-tooltip-title {
1012
+ background: #222738;
1013
+ border: 1px solid #30384f
1014
+ }
1015
+
1016
+ .dark .apexcharts-theme-light .apexcharts-xaxistooltip {
1017
+ background: #222738;
1018
+ border: 1px solid #30384f
1019
+ }
1020
+
1021
+ .dark .apexcharts-theme-light .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {
1022
+ color: #A2A4A9
1023
+ }
1024
+
1025
+ .dark .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
1026
+ fill: #fff
1027
+ }
1028
+
1029
+ .dark .icon-box {
1030
+ border-color: #30384f;
1031
+ color: #5c6ca5
1032
+ }
1033
+
1034
+ .dark .icon-box .overlay {
1035
+ background-color: #151824
1036
+ }
1037
+
1038
+ .dark .icon-box:hover .overlay .btn {
1039
+ color: #fff
1040
+ }
1041
+
1042
+ .dark .form-label {
1043
+ margin-bottom: .5rem;
1044
+ font-weight: 500;
1045
+ color: lightgray
1046
+ }
1047
+
1048
+ .dark .form-control {
1049
+ color: #A2A4A9;
1050
+ background-color: #222738;
1051
+ border-color: #30384f;
1052
+ border: 1px solid rgba(255, 255, 255, .1);
1053
+ }
1054
+
1055
+ .dark .form-control::placeholder {
1056
+ color: #6c757d; /* Lighter shade to make it visible */
1057
+ opacity: 1; /* Ensure the placeholder color is solid */
1058
+ }
1059
+
1060
+ .dark .form-control:disabled {
1061
+ background-color: #222738;
1062
+ }
1063
+
1064
+ .dark .form-control.is-invalid {
1065
+ border-color: #c03221
1066
+ }
1067
+
1068
+ .dark .form-control.is-valid {
1069
+ border-color: #1aa053
1070
+ }
1071
+
1072
+ .dark .form-check-input {
1073
+ color: #A2A4A9;
1074
+ background-color: #222738;
1075
+ border-color: #30384f
1076
+ }
1077
+
1078
+ .dark .form-select {
1079
+ border-color: rgba(255, 255, 255, .1);
1080
+ color: #A2A4A9;
1081
+ background-color: #222738
1082
+ }
1083
+
1084
+ .dark .form-select.is-invalid {
1085
+ border-color: #c03221
1086
+ }
1087
+
1088
+ .dark .input-group-text {
1089
+ background-color: #222738;
1090
+ border-color: rgba(255, 255, 255, .1)
1091
+ }
1092
+
1093
+ .dark .nav .search-input.input-group:focus-within .input-group-text,
1094
+ .dark .nav .search-input.input-group:focus-within .form-control {
1095
+ border-color: var(--bs-primary-shade-40)
1096
+ }
1097
+
1098
+ .dark .stepwizard-row a.btn {
1099
+ color: #A2A4A9;
1100
+ background-color: #151824
1101
+ }
1102
+
1103
+ .dark #top-tabbar-vertical li a {
1104
+ color: #A2A4A9;
1105
+ background-color: #151824
1106
+ }
1107
+
1108
+ .dark .custom-form-floating>.form-control:focus~label,
1109
+ .dark .custom-form-floating>.form-control:not(:placeholder-shown)~label,
1110
+ .dark .custom-form-floating>.form-select~label {
1111
+ background-color: #222738
1112
+ }
1113
+
1114
+ .dark #top-tab-list li a {
1115
+ color: #222738;
1116
+ background: #151824
1117
+ }
1118
+
1119
+ .dark #top-tab-list li a .iq-icon {
1120
+ background: #222738
1121
+ }
1122
+
1123
+ .dark #top-tab-list li a .iq-icon .svg-icon {
1124
+ color: #fff
1125
+ }
1126
+
1127
+ .dark #top-tab-list li a .dark-wizard {
1128
+ color: #fff
1129
+ }
1130
+
1131
+ .dark #top-tab-list li.active a {
1132
+ background: var(--bs-primary);
1133
+ color: #fff
1134
+ }
1135
+
1136
+ .dark #top-tab-list li.active a .iq-icon {
1137
+ background: #fff
1138
+ }
1139
+
1140
+ .dark #top-tab-list li.active a .iq-icon .svg-icon {
1141
+ color: var(--bs-primary)
1142
+ }
1143
+
1144
+ .dark #top-tab-list li.active.done a {
1145
+ background: #1aa053
1146
+ }
1147
+
1148
+ .dark #top-tab-list li.active.done a i {
1149
+ color: #1aa053
1150
+ }
1151
+
1152
+ .dark #top-tab-list li#confirm.active a {
1153
+ background: #1aa053
1154
+ }
1155
+
1156
+ .dark #top-tab-list li#confirm.active a i {
1157
+ color: #1aa053
1158
+ }
1159
+
1160
+ .dark .modal-footer,
1161
+ .dark .modal-header {
1162
+ border-color: #30384f
1163
+ }
1164
+
1165
+ .dark .dropdown-menu {
1166
+ background-color: var(--bs- #151824);
1167
+ color: var(--bs- #A2A4A9)
1168
+ }
1169
+
1170
+ .dark .dropdown-menu .dropdown-item {
1171
+ color: #A2A4A9;
1172
+ background-color: rgba(0, 0, 0, 0)
1173
+ }
1174
+
1175
+ .dark .like-block span {
1176
+ color: #A2A4A9
1177
+ }
1178
+
1179
+ .dark .dropdown>.dropdown-menu {
1180
+ background-color: #151824
1181
+ }
1182
+
1183
+ .dark .dropdown>.dropdown-menu>a {
1184
+ color: #A2A4A9
1185
+ }
1186
+
1187
+ .dark .dropdown-item:hover,
1188
+ .dark .dropdown-item:focus {
1189
+ color: var(--bs-primary-shade-20);
1190
+ -webkit-border-radius: .25rem;
1191
+ border-radius: .25rem;
1192
+ cursor: pointer;
1193
+ background-color: var(--bs-primary-shade-80)
1194
+ }
1195
+
1196
+ .dark .profile-media::before {
1197
+ border-color: #30384f
1198
+ }
1199
+
1200
+ .dark .profile-dots-pills {
1201
+ background-color: #222738
1202
+ }
1203
+
1204
+ .dark .iq-timeline:before {
1205
+ background-color: #30384f
1206
+ }
1207
+
1208
+ .dark .iq-timeline li .timeline-dots {
1209
+ background-color: #222738
1210
+ }
1211
+
1212
+ .dark .iq-timeline0:before {
1213
+ background-color: #30384f
1214
+ }
1215
+
1216
+ .dark .iq-timeline0 li .timeline-dots,
1217
+ .dark .iq-timeline0 li .timeline-dots1 {
1218
+ background-color: #222738
1219
+ }
1220
+
1221
+ .dark .credit-card-widget .primary-gradient-card {
1222
+ border-color: #000 !important
1223
+ }
1224
+
1225
+ .dark .credit-card-widget .primary-gradient-card {
1226
+ background: -webkit-linear-gradient(332.24deg, rgba(0, 0, 0, 0.5) -7.21%, rgba(0, 0, 0, 0.01) 118.08%);
1227
+ background: -o-linear-gradient(332.24deg, rgba(0, 0, 0, 0.5) -7.21%, rgba(0, 0, 0, 0.01) 118.08%);
1228
+ background: linear-gradient(117.76deg, rgba(0, 0, 0, 0.5) -7.21%, rgba(0, 0, 0, 0.01) 118.08%)
1229
+ }
1230
+
1231
+ .dark .iq-ribbon-effect {
1232
+ background: #151824
1233
+ }
1234
+
1235
+ .dark .iq-ribbon-effect:before {
1236
+ border-top: 1.5em solid #151824
1237
+ }
1238
+
1239
+ .dark .iq-ribbon-effect::after {
1240
+ border-top: 1.5em solid #151824
1241
+ }
1242
+
1243
+ .dark .circle-progress-circle {
1244
+ stroke: #5c6ca5
1245
+ }
1246
+
1247
+ .dark .page-item.active .page-link {
1248
+ z-index: 3;
1249
+ color: #fff;
1250
+ background-color: var(--bs-primary);
1251
+ border-color: #5c6ca5
1252
+ }
1253
+
1254
+ .dark .page-item .page-link {
1255
+ background-color: #222738;
1256
+ border-color: #5c6ca5;
1257
+ color: #A2A4A9
1258
+ }
1259
+
1260
+ .dark .page-item .page-link.disabled .page-link {
1261
+ background-color: #151824
1262
+ }
1263
+
1264
+ .dark .list-group .list-group-item {
1265
+ border-color: #30384f
1266
+ }
1267
+
1268
+ .dark .list-group .list-group-item:not(.list-group-item-action) {
1269
+ color: #A2A4A9
1270
+ }
1271
+
1272
+ .dark .list-group .list-group-item.list-group-item-action:not(.active) {
1273
+ background-color: #151824;
1274
+ color: #fff
1275
+ }
1276
+
1277
+ .dark .bg-light {
1278
+ background: #60658a !important
1279
+ }
1280
+
1281
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-primary {
1282
+ background-color: rgba(58, 87, 232, .1);
1283
+ color: #fff
1284
+ }
1285
+
1286
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-primary:hover {
1287
+ background-color: rgba(58, 87, 232, .05);
1288
+ color: #3a57e8
1289
+ }
1290
+
1291
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-secondary {
1292
+ background-color: rgba(92, 108, 165, .1);
1293
+ color: #fff
1294
+ }
1295
+
1296
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-secondary:hover {
1297
+ background-color: rgba(92, 108, 165, .05);
1298
+ color: #5c6ca5
1299
+ }
1300
+
1301
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-success {
1302
+ background-color: rgba(26, 160, 83, .1);
1303
+ color: #fff
1304
+ }
1305
+
1306
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-success:hover {
1307
+ background-color: rgba(26, 160, 83, .05);
1308
+ color: #1aa053
1309
+ }
1310
+
1311
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-info {
1312
+ background-color: rgba(8, 177, 186, .1);
1313
+ color: #fff
1314
+ }
1315
+
1316
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-info:hover {
1317
+ background-color: rgba(8, 177, 186, .05);
1318
+ color: #08b1ba
1319
+ }
1320
+
1321
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-warning {
1322
+ background-color: rgba(241, 106, 27, .1);
1323
+ color: #fff
1324
+ }
1325
+
1326
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-warning:hover {
1327
+ background-color: rgba(241, 106, 27, .05);
1328
+ color: #f16a1b
1329
+ }
1330
+
1331
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-danger {
1332
+ background-color: rgba(192, 50, 33, .1);
1333
+ color: #fff
1334
+ }
1335
+
1336
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-danger:hover {
1337
+ background-color: rgba(192, 50, 33, .05);
1338
+ color: #c03221
1339
+ }
1340
+
1341
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-light {
1342
+ background-color: rgba(222, 226, 230, .1);
1343
+ color: #fff
1344
+ }
1345
+
1346
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-light:hover {
1347
+ background-color: rgba(222, 226, 230, .05);
1348
+ color: #dee2e6
1349
+ }
1350
+
1351
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-dark {
1352
+ background-color: rgba(33, 37, 41, .1);
1353
+ color: #fff
1354
+ }
1355
+
1356
+ .dark .list-group .list-group-item.list-group-item-action.list-group-item-dark:hover {
1357
+ background-color: rgba(33, 37, 41, .05);
1358
+ color: #212529
1359
+ }
1360
+
1361
+ .dark .table thead tr th {
1362
+ background-color: #151824
1363
+ }
1364
+
1365
+ .dark .table tbody tr td {
1366
+ color: #dee2e6
1367
+ }
1368
+
1369
+ .dark .table-striped>tbody>tr:nth-of-type(even)>* {
1370
+ --bs-table-accent-bg: #151824
1371
+ }
1372
+
1373
+ .dark .fancy-table table tbody tr td {
1374
+ background-color: #222738
1375
+ }
1376
+
1377
+ .dark table.dataTable.table-striped>tbody>tr.odd {
1378
+ --bs-table-accent-bg: $card-bg
1379
+ }
1380
+
1381
+ .dark .table tbody tr.table-primary td {
1382
+ color: #60658a
1383
+ }
1384
+
1385
+ .dark .table tbody tr.table-secondary td {
1386
+ color: #60658a
1387
+ }
1388
+
1389
+ .dark .table tbody tr.table-success td {
1390
+ color: #60658a
1391
+ }
1392
+
1393
+ .dark .table tbody tr.table-info td {
1394
+ color: #60658a
1395
+ }
1396
+
1397
+ .dark .table tbody tr.table-warning td {
1398
+ color: #60658a
1399
+ }
1400
+
1401
+ .dark .table tbody tr.table-danger td {
1402
+ color: #60658a
1403
+ }
1404
+
1405
+ .dark .table tbody tr.table-light td {
1406
+ color: #60658a
1407
+ }
1408
+
1409
+ .dark .table tbody tr.table-dark td {
1410
+ color: #60658a
1411
+ }
1412
+
1413
+ .dark .table-responsive .form-select {
1414
+ border-color: rgba(255, 255, 255, .1)
1415
+ }
1416
+
1417
+ .dark .dataTables_filter .form-control:focus {
1418
+ background-color: #151824
1419
+ }
1420
+
1421
+ .dark .page-item .page-link {
1422
+ border-color: rgba(255, 255, 255, .1) !important
1423
+ }
1424
+
1425
+ .dark .table-fixed {
1426
+ overflow: unset;
1427
+ --hui-table-height: 400px
1428
+ }
1429
+
1430
+ .dark .table-fixed .table-responsive .table thead tr th {
1431
+ background-color: #151824
1432
+ }
1433
+
1434
+ .dark .toast {
1435
+ background-color: #222738;
1436
+ border-color: #30384f
1437
+ }
1438
+
1439
+ .dark .toast .toast-header {
1440
+ background-color: #151824
1441
+ }
1442
+
1443
+ .dark .card .card-body .iq-icon-box-2 {
1444
+ background: #151824
1445
+ }
1446
+
1447
+ .dark .pricing .table th {
1448
+ border-color: #30384f
1449
+ }
1450
+
1451
+ .dark .pricing .table th.bg-light {
1452
+ background: #151824 !important
1453
+ }
1454
+
1455
+ .dark .pricing .table thead tr {
1456
+ border-color: #30384f
1457
+ }
1458
+
1459
+ .dark .pricing .table tr {
1460
+ border-color: #30384f
1461
+ }
1462
+
1463
+ .dark .prc-box.active .type {
1464
+ color: #fff
1465
+ }
1466
+
1467
+ .dark .iq-single-card.bg-light {
1468
+ background: #60658a !important
1469
+ }
1470
+
1471
+ .dark .line-around {
1472
+ border-color: #30384f
1473
+ }
1474
+
1475
+ .dark .line-around .line-around-1 {
1476
+ background: #222738
1477
+ }
1478
+
1479
+ .dark .login-content .bg-white {
1480
+ background: #222738 !important
1481
+ }
1482
+
1483
+ .dark .apexcharts-svg .apexcharts-yaxis-texts-g text {
1484
+ fill: #5c6ca5
1485
+ }
1486
+
1487
+ .dark .apexcharts-svg .apexcharts-xaxis-texts-g text {
1488
+ fill: #5c6ca5
1489
+ }
1490
+
1491
+ .dark .choices.is-disabled .choices__inner {
1492
+ background-color: #222738
1493
+ }
1494
+
1495
+ .dark .choices.is-disabled .choices__input {
1496
+ background-color: #222738
1497
+ }
1498
+
1499
+ .dark .choices[data-type*=select-one]:after {
1500
+ border-color: #A2A4A9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
1501
+ }
1502
+
1503
+ .dark .flatpickr-months .flatpickr-prev-month>svg {
1504
+ fill: #222738;
1505
+ color: #222738
1506
+ }
1507
+
1508
+ .dark .flatpickr-months .flatpickr-prev-month>svg:hover {
1509
+ fill: var(--bs-primary-shade-40) !important;
1510
+ color: var(--bs-primary-shade-40) !important
1511
+ }
1512
+
1513
+ .dark .fc-unthemed .fc-toolbar .fc-button {
1514
+ text-transform: capitalize
1515
+ }
1516
+
1517
+ .dark .fc-unthemed th,
1518
+ .dark .fc-unthemed td,
1519
+ .dark .fc-unthemed thead,
1520
+ .dark .fc-unthemed tbody,
1521
+ .dark .fc-unthemed .fc-divider,
1522
+ .dark .fc-unthemed .fc-row,
1523
+ .dark .fc-unthemed .fc-content,
1524
+ .dark .fc-unthemed .fc-popover,
1525
+ .dark .fc-unthemed .fc-list-view,
1526
+ .dark .fc-unthemed .fc-list-heading td {
1527
+ border-color: #30384f !important
1528
+ }
1529
+
1530
+ .dark .fc-other-month.fc-past,
1531
+ .dark .fc-other-month.fc-future {
1532
+ background: #131620
1533
+ }
1534
+
1535
+ .dark .fc-unthemed td.fc-today {
1536
+ background: rgba(58, 87, 232, .1) !important
1537
+ }
1538
+
1539
+ .dark .swal2-popup {
1540
+ background: #222738
1541
+ }
1542
+
1543
+ .dark .storiesWrapper .story .info strong.name {
1544
+ color: #A2A4A9
1545
+ }
1546
+
1547
+ .dark .uppy-Dashboard-inner {
1548
+ background-color: #151824;
1549
+ border: 1px solid #A2A4A9
1550
+ }
1551
+
1552
+ .dark .uppy-Dashboard-AddFiles-title {
1553
+ color: #A2A4A9
1554
+ }
1555
+
1556
+ .dark .shepherd-has-title .shepherd-content .shepherd-header {
1557
+ background: #222738
1558
+ }
1559
+
1560
+ .dark .shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before {
1561
+ background-color: #222738;
1562
+ border-left: 1px solid #222738;
1563
+ border-top: 1px solid #222738
1564
+ }
1565
+
1566
+ .dark .shepherd-content {
1567
+ background-color: #222738
1568
+ }
1569
+
1570
+ .dark .shepherd-element {
1571
+ background-color: #222738
1572
+ }
1573
+
1574
+ .dark .shepherd-modal-overlay-container.shepherd-modal-is-visible path {
1575
+ -webkit-filter: invert(1);
1576
+ filter: invert(1)
1577
+ }
1578
+
1579
+ .dark .shepherd-arrow:before {
1580
+ background: #222738
1581
+ }
1582
+
1583
+ .dark .ql-container.ql-snow {
1584
+ border-color: #30384f
1585
+ }
1586
+
1587
+ .dark .ql-toolbar.ql-snow {
1588
+ border-color: #30384f
1589
+ }
1590
+
1591
+ .dark .ql-snow .ql-picker {
1592
+ color: #A2A4A9
1593
+ }
1594
+
1595
+ .dark .ql-snow .ql-stroke {
1596
+ stroke: #A2A4A9
1597
+ }
1598
+
1599
+ .dark.boxed {
1600
+ background: var(--bs-primary) !important
1601
+ }
1602
+
1603
+ .dark.boxed .boxed-inner {
1604
+ background: #151824
1605
+ }
1606
+
1607
+ .dark.boxed-fancy {
1608
+ background: #151824
1609
+ }
1610
+
1611
+ .dark.boxed-fancy .boxed-inner {
1612
+ background: #151824
1613
+ }
1614
+
1615
+ .dark.dual-compact .nav-underline .nav-link:hover {
1616
+ color: var(--bs-primary)
1617
+ }
1618
+
1619
+ .dark.dual-compact .nav-underline .active {
1620
+ color: #dee2e6
1621
+ }
1622
+
1623
+ .dark .dual-horizontal .nav {
1624
+ background-color: var(--bs-primary)
1625
+ }
1626
+
1627
+ .dark .sidebar {
1628
+ background-color: #222738
1629
+ }
1630
+
1631
+ .dark .sidebar .navbar-brand .logo-title {
1632
+ color: #fff
1633
+ }
1634
+
1635
+ .dark .sidebar .sidebar-header {
1636
+ border-color: #30384f
1637
+ }
1638
+
1639
+ .dark .sidebar-list .navbar-nav .nav-item .nav-link.static-item .default-icon {
1640
+ color: #dee2e6
1641
+ }
1642
+
1643
+ .dark .sidebar.sidebar-color.sidebar-default .nav-link.active {
1644
+ color: var(--bs-primary);
1645
+ background-color: #fff
1646
+ }
1647
+
1648
+ .dark .sidebar.sidebar-color.sidebar-default .nav-link[aria-expanded=true] {
1649
+ color: var(--bs-primary);
1650
+ background-color: #fff
1651
+ }
1652
+
1653
+ .dark .sidebar-base .nav-item .nav-link:not(.disabled) {
1654
+ color: #d7dbdf
1655
+ }
1656
+
1657
+ .dark .sidebar.sidebar-dark {
1658
+ background-color: #212529
1659
+ }
1660
+
1661
+ .dark .sidebar.sidebar-color {
1662
+ background-color: var(--bs-primary)
1663
+ }
1664
+
1665
+ .dark .sidebar.sidebar-transparent {
1666
+ background-color: rgba(0, 0, 0, 0)
1667
+ }
1668
+
1669
+ .dark .sidebar.sidebar-glass {
1670
+ background-color: rgba(34, 39, 56, .5);
1671
+ border-color: #30384f !important
1672
+ }
1673
+
1674
+ .dark .sidebar.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded=true]) {
1675
+ background-color: rgba(var(--bs-primary-rgb), 0.2)
1676
+ }
1677
+
1678
+ .dark .sidebar.sidebar-color.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded=true]) {
1679
+ color: #fff;
1680
+ background-color: rgba(var(--bs-white-rgb), 0.2)
1681
+ }
1682
+
1683
+ .dark .card-folder:before {
1684
+ background-color: #222738
1685
+ }
1686
+
1687
+ .dark .iq-file-manager-table tbody tr:hover .iq-recently-badge {
1688
+ background: #151824 !important
1689
+ }
1690
+
1691
+ .dark .modal-content {
1692
+ background-color: #222738
1693
+ }
1694
+
1695
+ .dark .iq-product-tracker .iq-tracker-position-0.active::before {
1696
+ background: var(--bs-primary);
1697
+ -webkit-box-shadow: 0 0 0 3px #151824, 0 0 0 5px var(--bs-primary);
1698
+ box-shadow: 0 0 0 3px #151824, 0 0 0 5px var(--bs-primary)
1699
+ }
1700
+
1701
+ .dark .iq-product-tracker .iq-tracker-position-0::before {
1702
+ background: #222738
1703
+ }
1704
+
1705
+ .dark .iq-product-tracker .iq-tracker-position-0.done::after,
1706
+ .dark .iq-product-tracker .iq-tracker-position-0.done::before {
1707
+ background: var(--bs-primary);
1708
+ border-color: var(--bs-primary);
1709
+ color: #fff !important
1710
+ }
1711
+
1712
+ .dark .iq-product-detail:hover {
1713
+ color: var(--bs-primary)
1714
+ }
1715
+
1716
+ .dark .iq-product-order-placed .user-details-bg-color {
1717
+ background-color: #151824 !important
1718
+ }
1719
+
1720
+ .dark .iq-nav-category .nav-item .nav-link {
1721
+ color: #A2A4A9
1722
+ }
1723
+
1724
+ .dark .iq-nav-category .nav-item .nav-link.active {
1725
+ color: var(--bs-primary)
1726
+ }
1727
+
1728
+ .dark .iq-tracking {
1729
+ width: 20%
1730
+ }
1731
+
1732
+ .dark .product-slider .swiper-slide {
1733
+ background-color: #222738
1734
+ }
1735
+
1736
+ .dark .iq-qty-btn .iq-quantity-minus,
1737
+ .dark .iq-qty-btn .input-display,
1738
+ .dark .iq-qty-btn .iq-quantity-plus {
1739
+ border-color: rgba(255, 255, 255, .1)
1740
+ }
1741
+
1742
+ .dark .iq-product-custom-card:hover .iq-product-hover-img .iq-product-info .iq-product-btn {
1743
+ background-color: #151824
1744
+ }
1745
+
1746
+ .dark .iq-chat-tab.nav-tabs .nav-link {
1747
+ color: unset;
1748
+ padding: unset
1749
+ }
1750
+
1751
+ .dark .iq-chat-tab.nav-tabs .nav-link.active,
1752
+ .dark .iq-chat-tab.nav-tabs .nav-link:hover {
1753
+ color: var(--bs-primary);
1754
+ background: unset;
1755
+ border: unset
1756
+ }
1757
+
1758
+ .dark .iq-profile-badge {
1759
+ border-color: #222738
1760
+ }
1761
+
1762
+ .dark .iq-chating-content,
1763
+ .dark .chat-day-title>.main-title {
1764
+ background-color: #222738;
1765
+ border-color: #30384f;
1766
+ color: #fff
1767
+ }
1768
+
1769
+ .dark .iq-chating {
1770
+ color: #fff
1771
+ }
1772
+
1773
+ .dark .sidebar-default .navbar-nav .nav-item.iq-chat-list .iq-userlist-data .iq-userlist-name {
1774
+ color: #fff
1775
+ }
1776
+
1777
+ .dark .iq-email-title {
1778
+ color: #A2A4A9
1779
+ }
1780
+
1781
+ .dark .iq-email-subject {
1782
+ color: #A2A4A9
1783
+ }
1784
+
1785
+ .dark .email-app-details {
1786
+ background: #222738
1787
+ }
1788
+
1789
+ .dark .iq-social-media .iq-social-icons {
1790
+ color: #A2A4A9
1791
+ }
1792
+
1793
+ .dark .iq-email-listbox .iq-email-sender-list>li .iq-unread-inner {
1794
+ border-color: #30384f
1795
+ }
1796
+
1797
+ .dark .blog-line-around {
1798
+ border-bottom-color: rgba(255, 255, 255, .1)
1799
+ }
1800
+
1801
+ .dark .blog-line-around .blog-line-day {
1802
+ background: #151824
1803
+ }
1804
+
1805
+ .dark .iq-blog-categories .iq-categories-indicator {
1806
+ border-bottom: 1px solid #30384f
1807
+ }
1808
+
1809
+ .dark .iq-nav-menu a {
1810
+ color: #A2A4A9
1811
+ }
1812
+
1813
+ .dark .iq-nav-menu li>ul {
1814
+ background: #222738
1815
+ }
1816
+
1817
+ .dark .sidebar-default.left-bordered .navbar-nav:not(.sub-nav)>.nav-item.active::before {
1818
+ background-color: var(--bs-primary)
1819
+ }
1820
+
1821
+ .dark .sidebar-default.left-bordered .navbar-nav .nav-item .nav-link:not(.disabled).active,
1822
+ .dark .sidebar-default.left-bordered .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
1823
+ background: unset;
1824
+ -webkit-box-shadow: none;
1825
+ box-shadow: none;
1826
+ color: var(--bs-primary)
1827
+ }
1828
+
1829
+ .dark .sidebar-default.left-bordered .navbar-nav .nav-item .nav-link:not(.disabled):hover {
1830
+ background: unset !important;
1831
+ -webkit-box-shadow: none;
1832
+ box-shadow: none;
1833
+ color: var(--bs-primary)
1834
+ }
1835
+
1836
+ .dark .sidebar-default.left-bordered .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) {
1837
+ background-color: unset;
1838
+ color: var(--bs-primary)
1839
+ }
1840
+
1841
+ .dark .sidebar-default.left-bordered.sidebar-color .navbar-nav:not(.sub-nav)>.nav-item.active::before {
1842
+ background-color: var(--bs-white)
1843
+ }
1844
+
1845
+ .dark .sidebar-default.left-bordered.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled).active,
1846
+ .dark .sidebar-default.left-bordered.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
1847
+ color: var(--bs-white)
1848
+ }
1849
+
1850
+ .dark .sidebar-default.left-bordered.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled):hover {
1851
+ color: var(--bs-white)
1852
+ }
1853
+
1854
+ .dark .sidebar-default.left-bordered.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) {
1855
+ color: var(--bs-white)
1856
+ }
1857
+
1858
+ .dark .sidebar-border-profile-card .sidebar-border-profile-body .sidebar-border-data.sidebar-border-title {
1859
+ color: #fff
1860
+ }
1861
+
1862
+ .dark .notification-alert {
1863
+ border-color: #222738
1864
+ }
1865
+
1866
+ .dark.theme-bordered .sidebar,
1867
+ .dark.theme-bordered .iq-navbar,
1868
+ .dark.theme-bordered .dropdown-menu,
1869
+ .dark.theme-bordered .card {
1870
+ border: 1px solid #30384f
1871
+ }
1872
+
1873
+ .dark .flatpickr-calendar {
1874
+ background: #222738;
1875
+ -webkit-box-shadow: 1px 0 0 rgba(34, 39, 56, .3), -1px 0 0 rgba(34, 39, 56, .3), 0 1px 0 rgba(34, 39, 56, .3), 0 -1px 0 rgba(34, 39, 56, .3), 0 3px 13px rgba(0, 0, 0, .08);
1876
+ box-shadow: 1px 0 0 rgba(34, 39, 56, .3), -1px 0 0 rgba(34, 39, 56, .3), 0 1px 0 rgba(34, 39, 56, .3), 0 -1px 0 rgba(34, 39, 56, .3), 0 3px 13px rgba(0, 0, 0, .08)
1877
+ }
1878
+
1879
+ .dark .flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday {
1880
+ color: #A2A4A9
1881
+ }
1882
+
1883
+ .dark .flatpickr-months .flatpickr-month {
1884
+ color: #A2A4A9
1885
+ }
1886
+
1887
+ .dark .flatpickr-calendar.arrowTop:after,
1888
+ .dark .flatpickr-calendar.arrowTop:before {
1889
+ border-bottom-color: #A2A4A9
1890
+ }
1891
+
1892
+ .dark .flatpickr-months .flatpickr-next-month,
1893
+ .dark .flatpickr-months .flatpickr-prev-month {
1894
+ color: #A2A4A9;
1895
+ fill: #A2A4A9
1896
+ }
1897
+
1898
+ .dark .flatpickr-months .flatpickr-next-month:hover svg,
1899
+ .dark .flatpickr-months .flatpickr-next-month:focus svg,
1900
+ .dark .flatpickr-months .flatpickr-prev-month:hover svg,
1901
+ .dark .flatpickr-months .flatpickr-prev-month:focus svg {
1902
+ color: #222738;
1903
+ fill: #000
1904
+ }
1905
+
1906
+ .dark .flatpickr-day {
1907
+ color: #A2A4A9
1908
+ }
1909
+
1910
+ .dark .flatpickr-day.today {
1911
+ border-color: rgba(255, 255, 255, .1)
1912
+ }
1913
+
1914
+ .dark .flatpickr-day.selected {
1915
+ background: #222738;
1916
+ border-color: #222738;
1917
+ color: #fff
1918
+ }
1919
+
1920
+ .dark .flatpickr-day.inRange,
1921
+ .dark .flatpickr-day.nextMonthDay.inRange,
1922
+ .dark .flatpickr-day.nextMonthDay.today.inRange {
1923
+ background: #222738;
1924
+ border-color: #222738;
1925
+ color: #fff
1926
+ }
1927
+
1928
+ .dark .flatpickr-day.nextMonthDay:focus,
1929
+ .dark .flatpickr-day.nextMonthDay:hover,
1930
+ .dark .flatpickr-day.prevMonthDay.inRange,
1931
+ .dark .flatpickr-day.prevMonthDay.today.inRange,
1932
+ .dark .flatpickr-day.prevMonthDay:focus,
1933
+ .dark .flatpickr-day.prevMonthDay:hover {
1934
+ border-color: rgba(255, 255, 255, .3);
1935
+ background: rgba(255, 255, 255, .3);
1936
+ color: rgba(0, 0, 0, .8)
1937
+ }
1938
+
1939
+ .dark .flatpickr-day.today.inRange,
1940
+ .dark .flatpickr-day:focus,
1941
+ .dark .flatpickr-day:hover {
1942
+ border-color: #222738;
1943
+ background: #222738;
1944
+ color: #A2A4A9
1945
+ }
1946
+
1947
+ .dark .flatpickr-day.nextMonthDay,
1948
+ .dark .flatpickr-day.flatpickr-disabled {
1949
+ color: rgba(138, 146, 166, .5)
1950
+ }
1951
+
1952
+ .dark .flatpickr-day.nextMonthDay:hover,
1953
+ .dark .flatpickr-day.flatpickr-disabled:hover {
1954
+ border-color: rgba(34, 39, 56, .5);
1955
+ background: rgba(34, 39, 56, .5);
1956
+ color: rgba(138, 146, 166, .7)
1957
+ }
1958
+
1959
+ .dark .flatpickr-day.inRange {
1960
+ -webkit-box-shadow: -5px 0 0 rgba(34, 39, 56, .3), 5px 0 0 rgba(34, 39, 56, .3);
1961
+ box-shadow: -5px 0 0 rgba(34, 39, 56, .3), 5px 0 0 rgba(34, 39, 56, .3)
1962
+ }
1963
+
1964
+ .dark .dayContainer .flatpickr-day.endRange,
1965
+ .dark .dayContainer .flatpickr-day.startRange {
1966
+ background: rgba(21, 24, 36, .6);
1967
+ border-color: #222738
1968
+ }
1969
+
1970
+ .dark .select2-container--default .select2-selection--single,
1971
+ .dark .select2-container--default .select2-selection--multiple {
1972
+ background-color: #222738;
1973
+ border: 1px solid rgba(255, 255, 255, .1)
1974
+ }
1975
+
1976
+ .dark .select2-container--default .select2-selection--single .select2-selection__rendered {
1977
+ color: #A2A4A9
1978
+ }
1979
+
1980
+ .dark .select2-dropdown {
1981
+ background: #151824;
1982
+ border-color: rgba(255, 255, 255, .1)
1983
+ }
1984
+
1985
+ .dark .select2-search__field {
1986
+ background: #222738;
1987
+ border-color: rgba(255, 255, 255, .1) !important
1988
+ }
1989
+
1990
+ .dark .choices__inner {
1991
+ background-color: #222738;
1992
+ border-color: rgba(255, 255, 255, .1)
1993
+ }
1994
+
1995
+ .dark .choices__inner:hover {
1996
+ border-color: var(--bs-primary-shade-40)
1997
+ }
1998
+
1999
+ .dark .choices__input {
2000
+ background-color: #222738
2001
+ }
2002
+
2003
+ .dark .choices__list--dropdown {
2004
+ border-color: rgba(255, 255, 255, .1);
2005
+ background-color: #222738;
2006
+ color: var(--bs-body-color)
2007
+ }
2008
+
2009
+ .dark.card-transparent .card,
2010
+ .dark.card-transparent .card-header,
2011
+ .dark.card-transparent .card-footer,
2012
+ .dark.card-transparent .card .nav {
2013
+ background: rgba(0, 0, 0, 0);
2014
+ -webkit-box-shadow: unset !important;
2015
+ box-shadow: unset !important
2016
+ }
2017
+
2018
+ .dark.card-transparent .card {
2019
+ border: 1px solid #30384f
2020
+ }
2021
+
2022
+ .dark.card-transparent .card.card-folder:before {
2023
+ border: 1px solid #30384f;
2024
+ -webkit-backdrop-filter: blur(10px);
2025
+ backdrop-filter: blur(10px);
2026
+ border-bottom: unset
2027
+ }
2028
+
2029
+ .dark.card-glass .card,
2030
+ .dark.card-glass .card-header,
2031
+ .dark.card-glass .card-footer,
2032
+ .dark.card-glass .card .nav {
2033
+ background-color: rgba(0, 0, 0, 0)
2034
+ }
2035
+
2036
+ .dark.card-glass .card {
2037
+ background-color: rgba(34, 39, 56, .5);
2038
+ border: 1px solid #30384f
2039
+ }
2040
+
2041
+ .dark.card-glass .card.card-folder:before {
2042
+ border: 1px solid #30384f;
2043
+ border-bottom: unset;
2044
+ -webkit-backdrop-filter: unset;
2045
+ backdrop-filter: unset
2046
+ }
2047
+
2048
+ /*Datatable*/
2049
+
2050
+ /* Genel Tablo Stil Ayarları */
2051
+ .dark .rdt_Table {
2052
+ background-color: #151824 !important;
2053
+ color: #dee2e6 !important;
2054
+ }
2055
+
2056
+ .dark .rdt_TableHead {
2057
+ background-color: #1b1e2b !important;
2058
+ color: #f9f9f9 !important;
2059
+ }
2060
+
2061
+ .dark .rdt_TableBody {
2062
+ background-color: #151824 !important;
2063
+ color: #dee2e6 !important;
2064
+ }
2065
+
2066
+ .dark .rdt_TableRow {
2067
+ background-color: #151824 !important;
2068
+ color: #dee2e6 !important;
2069
+ }
2070
+
2071
+ .dark .rdt_TableCell {
2072
+ background-color: transparent !important;
2073
+ color: #dee2e6 !important;
2074
+ }
2075
+
2076
+ /* Tablonun başlık satırı için stil ayarları */
2077
+ .dark .rdt_TableHeadRow {
2078
+ background-color: #1b1e2b !important;
2079
+ color: #f9f9f9 !important;
2080
+ }
2081
+
2082
+ /* Alternatif satırlar için arka plan rengi */
2083
+ .dark .rdt_TableRow:nth-of-type(even) {
2084
+ background-color: #1c1f2a !important;
2085
+ }
2086
+
2087
+ /* Hover durumunda satır rengi */
2088
+ .dark .rdt_TableRow:hover {
2089
+ background-color: #323539 !important;
2090
+ color: #f9f9f9 !important;
2091
+ }
2092
+
2093
+ /* Sayfalama (Pagination) alanı için stil ayarları */
2094
+ .dark .rdt_Pagination {
2095
+ background-color: #151824 !important;
2096
+ color: #dee2e6 !important;
2097
+ }
2098
+
2099
+ /* Sayfalama butonları için stil ayarları */
2100
+ .dark .rdt_Pagination .page-item .page-link {
2101
+ background-color: #1b1e2b !important;
2102
+ color: #f9f9f9
2103
+ }
2104
+
2105
+ /*Hansontable*/
2106
+
2107
+ /* Karanlık mod için genel arka plan ve yazı rengi */
2108
+ /* .dark .ht_master {
2109
+ background-color: #1e1e2d !important;
2110
+ color: #f9f9f9 !important;
2111
+ } */
2112
+
2113
+ /* Tablo başlıklarının arka planı ve yazı rengi */
2114
+ .dark .ht_master th {
2115
+ background-color: #2b2b3c !important;
2116
+ color: #ffffff !important;
2117
+ }
2118
+
2119
+ /* Tablo gövdesinin hücreleri */
2120
+ .dark .ht_master td {
2121
+ background-color: #1e1e2d !important;
2122
+ color: #f9f9f9 !important;
2123
+ }
2124
+
2125
+ /* Hücre kenarlıkları */
2126
+ .dark .ht_master .wtBorder {
2127
+ background-color: #4b89ff !important;
2128
+ }
2129
+
2130
+ /* Köşe hücrelerin kenarlıkları */
2131
+ .dark .ht_master .wtBorder.corner {
2132
+ background-color: #4b89ff !important;
2133
+ border-color: #ffffff !important;
2134
+ }
2135
+
2136
+ /* Seçili hücre rengi */
2137
+ .dark .ht_master .current {
2138
+ background-color: #2e2e40 !important;
2139
+ color: #ffffff !important;
2140
+ }
2141
+
2142
+ /* Alternatif satırların arka plan rengi (striped) */
2143
+ .dark .ht_master tr:nth-child(even) td {
2144
+ background-color: #2b2b3c !important;
2145
+ }