albinasoft-ui-package 1.0.52 → 1.0.54

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