LaravelTest

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

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

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

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

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

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

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

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

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

253
.form-group.has-icon {
254
  position: relative;
255
}
256

257
.form-group.has-icon .form-control {
258
  padding-right: 35px;
259
}
260

261
.form-group.has-icon .form-icon {
262
  background-color: transparent;
263
  border: 0;
264
  cursor: pointer;
265
  font-size: 1rem;
266
  padding: 0.375rem 0.75rem;
267
  position: absolute;
268
  right: 3px;
269
  top: 0;
270
}
271

272
.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type {
273
  border-radius: 0;
274
}
275

276
.form-control-feedback.fa, .form-control-feedback.fas, .form-control-feedback.far, .form-control-feedback.fab, .form-control-feedback.fal, .form-control-feedback.fad, .form-control-feedback.svg-inline--fa, .form-control-feedback.ion {
277
  line-height: calc(2.25rem + 2px);
278
}
279

280
.input-lg + .form-control-feedback.fa, .input-lg + .form-control-feedback.fas, .input-lg + .form-control-feedback.far, .input-lg + .form-control-feedback.fab, .input-lg + .form-control-feedback.fal, .input-lg + .form-control-feedback.fad, .input-lg + .form-control-feedback.svg-inline--fa, .input-lg + .form-control-feedback.ion,
281
.input-group-lg + .form-control-feedback.fa,
282
.input-group-lg + .form-control-feedback.fas,
283
.input-group-lg + .form-control-feedback.far,
284
.input-group-lg + .form-control-feedback.fab,
285
.input-group-lg + .form-control-feedback.fal,
286
.input-group-lg + .form-control-feedback.fad,
287
.input-group-lg + .form-control-feedback.svg-inline--fa,
288
.input-group-lg + .form-control-feedback.ion {
289
  line-height: calc(2.875rem + 2px);
290
}
291

292
.form-group-lg .form-control + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fas, .form-group-lg .form-control + .form-control-feedback.far, .form-group-lg .form-control + .form-control-feedback.fab, .form-group-lg .form-control + .form-control-feedback.fal, .form-group-lg .form-control + .form-control-feedback.fad, .form-group-lg .form-control + .form-control-feedback.svg-inline--fa, .form-group-lg .form-control + .form-control-feedback.ion {
293
  line-height: calc(2.875rem + 2px);
294
}
295

296
.input-sm + .form-control-feedback.fa, .input-sm + .form-control-feedback.fas, .input-sm + .form-control-feedback.far, .input-sm + .form-control-feedback.fab, .input-sm + .form-control-feedback.fal, .input-sm + .form-control-feedback.fad, .input-sm + .form-control-feedback.svg-inline--fa, .input-sm + .form-control-feedback.ion,
297
.input-group-sm + .form-control-feedback.fa,
298
.input-group-sm + .form-control-feedback.fas,
299
.input-group-sm + .form-control-feedback.far,
300
.input-group-sm + .form-control-feedback.fab,
301
.input-group-sm + .form-control-feedback.fal,
302
.input-group-sm + .form-control-feedback.fad,
303
.input-group-sm + .form-control-feedback.svg-inline--fa,
304
.input-group-sm + .form-control-feedback.ion {
305
  line-height: calc(1.8125rem + 2px);
306
}
307

308
.form-group-sm .form-control + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fas, .form-group-sm .form-control + .form-control-feedback.far, .form-group-sm .form-control + .form-control-feedback.fab, .form-group-sm .form-control + .form-control-feedback.fal, .form-group-sm .form-control + .form-control-feedback.fad, .form-group-sm .form-control + .form-control-feedback.svg-inline--fa, .form-group-sm .form-control + .form-control-feedback.ion {
309
  line-height: calc(1.8125rem + 2px);
310
}
311

312
label:not(.form-check-label):not(.custom-file-label) {
313
  font-weight: 700;
314
}
315

316
.warning-feedback {
317
  font-size: 80%;
318
  color: #ffc107;
319
  display: none;
320
  margin-top: 0.25rem;
321
  width: 100%;
322
}
323

324
.warning-tooltip {
325
  border-radius: 0.25rem;
326
  font-size: 0.875rem;
327
  background-color: rgba(255, 193, 7, 0.9);
328
  color: #1f2d3d;
329
  display: none;
330
  line-height: 1.5;
331
  margin-top: .1rem;
332
  max-width: 100%;
333
  padding: 0.25rem 0.5rem;
334
  position: absolute;
335
  top: 100%;
336
  z-index: 5;
337
}
338

339
.form-control.is-warning {
340
  border-color: #ffc107;
341
}
342

343
.form-control.is-warning:focus {
344
  border-color: #ffc107;
345
  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
346
}
347

348
.form-control.is-warning ~ .warning-feedback,
349
.form-control.is-warning ~ .warning-tooltip {
350
  display: block;
351
}
352

353
textarea.form-control.is-warning {
354
  padding-right: 2.25rem;
355
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
356
}
357

358
.custom-select.is-warning {
359
  border-color: #ffc107;
360
}
361

362
.custom-select.is-warning:focus {
363
  border-color: #ffc107;
364
  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
365
}
366

367
.custom-select.is-warning ~ .warning-feedback,
368
.custom-select.is-warning ~ .warning-tooltip {
369
  display: block;
370
}
371

372
.form-control-file.is-warning ~ .warning-feedback,
373
.form-control-file.is-warning ~ .warning-tooltip {
374
  display: block;
375
}
376

377
.form-check-input.is-warning ~ .form-check-label {
378
  color: #ffc107;
379
}
380

381
.form-check-input.is-warning ~ .warning-feedback,
382
.form-check-input.is-warning ~ .warning-tooltip {
383
  display: block;
384
}
385

386
.custom-control-input.is-warning ~ .custom-control-label {
387
  color: #ffc107;
388
}
389

390
.custom-control-input.is-warning ~ .custom-control-label::before {
391
  border-color: #ffc107;
392
}
393

394
.custom-control-input.is-warning ~ .warning-feedback,
395
.custom-control-input.is-warning ~ .warning-tooltip {
396
  display: block;
397
}
398

399
.custom-control-input.is-warning:checked ~ .custom-control-label::before {
400
  background-color: #ffce3a;
401
  border-color: #ffce3a;
402
}
403

404
.custom-control-input.is-warning:focus ~ .custom-control-label::before {
405
  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
406
}
407

408
.custom-control-input.is-warning:focus:not(:checked) ~ .custom-control-label::before {
409
  border-color: #ffc107;
410
}
411

412
.custom-file-input.is-warning ~ .custom-file-label {
413
  border-color: #ffc107;
414
}
415

416
.custom-file-input.is-warning ~ .warning-feedback,
417
.custom-file-input.is-warning ~ .warning-tooltip {
418
  display: block;
419
}
420

421
.custom-file-input.is-warning:focus ~ .custom-file-label {
422
  border-color: #ffc107;
423
  box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
424
}
425

426
body.text-sm .input-group-text {
427
  font-size: 0.875rem;
428
}
429

430
.form-control.form-control-border,
431
.custom-select.form-control-border {
432
  border-top: 0;
433
  border-left: 0;
434
  border-right: 0;
435
  border-radius: 0;
436
  box-shadow: inherit;
437
}
438

439
.form-control.form-control-border.border-width-2,
440
.custom-select.form-control-border.border-width-2 {
441
  border-bottom-width: 2px;
442
}
443

444
.form-control.form-control-border.border-width-3,
445
.custom-select.form-control-border.border-width-3 {
446
  border-bottom-width: 3px;
447
}
448

449
.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before {
450
  background-color: #007bff;
451
  border-color: #004a99;
452
}
453

454
.custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before {
455
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
456
}
457

458
.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after {
459
  background-color: #003e80;
460
}
461

462
.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
463
  background-color: #007bff;
464
  border-color: #004a99;
465
}
466

467
.custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before {
468
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
469
}
470

471
.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after {
472
  background-color: #99caff;
473
}
474

475
.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before {
476
  background-color: #6c757d;
477
  border-color: #3d4246;
478
}
479

480
.custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before {
481
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
482
}
483

484
.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after {
485
  background-color: #313539;
486
}
487

488
.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before {
489
  background-color: #6c757d;
490
  border-color: #3d4246;
491
}
492

493
.custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before {
494
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
495
}
496

497
.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after {
498
  background-color: #bcc1c6;
499
}
500

501
.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before {
502
  background-color: #28a745;
503
  border-color: #145523;
504
}
505

506
.custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before {
507
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
508
}
509

510
.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after {
511
  background-color: #0f401b;
512
}
513

514
.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
515
  background-color: #28a745;
516
  border-color: #145523;
517
}
518

519
.custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before {
520
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
521
}
522

523
.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
524
  background-color: #86e29b;
525
}
526

527
.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before {
528
  background-color: #17a2b8;
529
  border-color: #0c525d;
530
}
531

532
.custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before {
533
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
534
}
535

536
.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after {
537
  background-color: #093e47;
538
}
539

540
.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before {
541
  background-color: #17a2b8;
542
  border-color: #0c525d;
543
}
544

545
.custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before {
546
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
547
}
548

549
.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after {
550
  background-color: #7adeee;
551
}
552

553
.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before {
554
  background-color: #ffc107;
555
  border-color: #a07800;
556
}
557

558
.custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before {
559
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
560
}
561

562
.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after {
563
  background-color: #876500;
564
}
565

566
.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before {
567
  background-color: #ffc107;
568
  border-color: #a07800;
569
}
570

571
.custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before {
572
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
573
}
574

575
.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after {
576
  background-color: #ffe7a0;
577
}
578

579
.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
580
  background-color: #dc3545;
581
  border-color: #921925;
582
}
583

584
.custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before {
585
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
586
}
587

588
.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
589
  background-color: #7c151f;
590
}
591

592
.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before {
593
  background-color: #dc3545;
594
  border-color: #921925;
595
}
596

597
.custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before {
598
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
599
}
600

601
.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after {
602
  background-color: #f3b7bd;
603
}
604

605
.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before {
606
  background-color: #f8f9fa;
607
  border-color: #bdc6d0;
608
}
609

610
.custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before {
611
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
612
}
613

614
.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after {
615
  background-color: #aeb9c5;
616
}
617

618
.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before {
619
  background-color: #f8f9fa;
620
  border-color: #bdc6d0;
621
}
622

623
.custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before {
624
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
625
}
626

627
.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after {
628
  background-color: white;
629
}
630

631
.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before {
632
  background-color: #343a40;
633
  border-color: #060708;
634
}
635

636
.custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before {
637
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
638
}
639

640
.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after {
641
  background-color: black;
642
}
643

644
.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before {
645
  background-color: #343a40;
646
  border-color: #060708;
647
}
648

649
.custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
650
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
651
}
652

653
.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after {
654
  background-color: #7a8793;
655
}
656

657
.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before {
658
  background-color: #3c8dbc;
659
  border-color: #23536f;
660
}
661

662
.custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before {
663
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
664
}
665

666
.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after {
667
  background-color: #1d455b;
668
}
669

670
.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before {
671
  background-color: #3c8dbc;
672
  border-color: #23536f;
673
}
674

675
.custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before {
676
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
677
}
678

679
.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after {
680
  background-color: #acd0e5;
681
}
682

683
.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before {
684
  background-color: #001f3f;
685
  border-color: black;
686
}
687

688
.custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before {
689
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
690
}
691

692
.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after {
693
  background-color: black;
694
}
695

696
.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before {
697
  background-color: #001f3f;
698
  border-color: black;
699
}
700

701
.custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before {
702
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
703
}
704

705
.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after {
706
  background-color: #006ad8;
707
}
708

709
.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before {
710
  background-color: #3d9970;
711
  border-color: #20503b;
712
}
713

714
.custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before {
715
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
716
}
717

718
.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after {
719
  background-color: #193e2d;
720
}
721

722
.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before {
723
  background-color: #3d9970;
724
  border-color: #20503b;
725
}
726

727
.custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before {
728
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
729
}
730

731
.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after {
732
  background-color: #99d6bb;
733
}
734

735
.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before {
736
  background-color: #01ff70;
737
  border-color: #009a43;
738
}
739

740
.custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before {
741
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
742
}
743

744
.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after {
745
  background-color: #008138;
746
}
747

748
.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before {
749
  background-color: #01ff70;
750
  border-color: #009a43;
751
}
752

753
.custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before {
754
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
755
}
756

757
.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after {
758
  background-color: #9affc6;
759
}
760

761
.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before {
762
  background-color: #f012be;
763
  border-color: #930974;
764
}
765

766
.custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before {
767
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
768
}
769

770
.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after {
771
  background-color: #7b0861;
772
}
773

774
.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
775
  background-color: #f012be;
776
  border-color: #930974;
777
}
778

779
.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before {
780
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
781
}
782

783
.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
784
  background-color: #f9a2e5;
785
}
786

787
.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before {
788
  background-color: #d81b60;
789
  border-color: #7d1038;
790
}
791

792
.custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before {
793
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
794
}
795

796
.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after {
797
  background-color: #670d2e;
798
}
799

800
.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before {
801
  background-color: #d81b60;
802
  border-color: #7d1038;
803
}
804

805
.custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before {
806
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
807
}
808

809
.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after {
810
  background-color: #f29aba;
811
}
812

813
.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before {
814
  background-color: #007bff;
815
  border-color: #004a99;
816
}
817

818
.custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before {
819
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
820
}
821

822
.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after {
823
  background-color: #003e80;
824
}
825

826
.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before {
827
  background-color: #007bff;
828
  border-color: #004a99;
829
}
830

831
.custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before {
832
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
833
}
834

835
.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after {
836
  background-color: #99caff;
837
}
838

839
.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before {
840
  background-color: #6610f2;
841
  border-color: #3d0894;
842
}
843

844
.custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before {
845
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
846
}
847

848
.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after {
849
  background-color: #33077c;
850
}
851

852
.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before {
853
  background-color: #6610f2;
854
  border-color: #3d0894;
855
}
856

857
.custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before {
858
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
859
}
860

861
.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after {
862
  background-color: #c3a1fa;
863
}
864

865
.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before {
866
  background-color: #6f42c1;
867
  border-color: #432776;
868
}
869

870
.custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before {
871
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
872
}
873

874
.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after {
875
  background-color: #382063;
876
}
877

878
.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before {
879
  background-color: #6f42c1;
880
  border-color: #432776;
881
}
882

883
.custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before {
884
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
885
}
886

887
.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after {
888
  background-color: #c7b5e7;
889
}
890

891
.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before {
892
  background-color: #e83e8c;
893
  border-color: #ac145a;
894
}
895

896
.custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before {
897
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
898
}
899

900
.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after {
901
  background-color: #95124e;
902
}
903

904
.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before {
905
  background-color: #e83e8c;
906
  border-color: #ac145a;
907
}
908

909
.custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before {
910
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
911
}
912

913
.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after {
914
  background-color: #f8c7dd;
915
}
916

917
.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before {
918
  background-color: #dc3545;
919
  border-color: #921925;
920
}
921

922
.custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before {
923
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
924
}
925

926
.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after {
927
  background-color: #7c151f;
928
}
929

930
.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before {
931
  background-color: #dc3545;
932
  border-color: #921925;
933
}
934

935
.custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before {
936
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
937
}
938

939
.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after {
940
  background-color: #f3b7bd;
941
}
942

943
.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before {
944
  background-color: #fd7e14;
945
  border-color: #aa4e01;
946
}
947

948
.custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before {
949
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
950
}
951

952
.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after {
953
  background-color: #904201;
954
}
955

956
.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before {
957
  background-color: #fd7e14;
958
  border-color: #aa4e01;
959
}
960

961
.custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before {
962
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
963
}
964

965
.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after {
966
  background-color: #fed1ac;
967
}
968

969
.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before {
970
  background-color: #ffc107;
971
  border-color: #a07800;
972
}
973

974
.custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before {
975
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
976
}
977

978
.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after {
979
  background-color: #876500;
980
}
981

982
.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before {
983
  background-color: #ffc107;
984
  border-color: #a07800;
985
}
986

987
.custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before {
988
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
989
}
990

991
.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after {
992
  background-color: #ffe7a0;
993
}
994

995
.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before {
996
  background-color: #28a745;
997
  border-color: #145523;
998
}
999

1000
.custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before {
1001
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
1002
}
1003

1004
.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after {
1005
  background-color: #0f401b;
1006
}
1007

1008
.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before {
1009
  background-color: #28a745;
1010
  border-color: #145523;
1011
}
1012

1013
.custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before {
1014
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
1015
}
1016

1017
.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after {
1018
  background-color: #86e29b;
1019
}
1020

1021
.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before {
1022
  background-color: #20c997;
1023
  border-color: #127155;
1024
}
1025

1026
.custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before {
1027
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
1028
}
1029

1030
.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after {
1031
  background-color: #0e5b44;
1032
}
1033

1034
.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before {
1035
  background-color: #20c997;
1036
  border-color: #127155;
1037
}
1038

1039
.custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before {
1040
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
1041
}
1042

1043
.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after {
1044
  background-color: #94eed3;
1045
}
1046

1047
.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before {
1048
  background-color: #17a2b8;
1049
  border-color: #0c525d;
1050
}
1051

1052
.custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before {
1053
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
1054
}
1055

1056
.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after {
1057
  background-color: #093e47;
1058
}
1059

1060
.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before {
1061
  background-color: #17a2b8;
1062
  border-color: #0c525d;
1063
}
1064

1065
.custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before {
1066
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
1067
}
1068

1069
.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after {
1070
  background-color: #7adeee;
1071
}
1072

1073
.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before {
1074
  background-color: #fff;
1075
  border-color: #cccccc;
1076
}
1077

1078
.custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before {
1079
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
1080
}
1081

1082
.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after {
1083
  background-color: #bfbfbf;
1084
}
1085

1086
.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before {
1087
  background-color: #fff;
1088
  border-color: #cccccc;
1089
}
1090

1091
.custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before {
1092
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
1093
}
1094

1095
.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after {
1096
  background-color: white;
1097
}
1098

1099
.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before {
1100
  background-color: #6c757d;
1101
  border-color: #3d4246;
1102
}
1103

1104
.custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before {
1105
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
1106
}
1107

1108
.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after {
1109
  background-color: #313539;
1110
}
1111

1112
.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before {
1113
  background-color: #6c757d;
1114
  border-color: #3d4246;
1115
}
1116

1117
.custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before {
1118
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
1119
}
1120

1121
.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after {
1122
  background-color: #bcc1c6;
1123
}
1124

1125
.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before {
1126
  background-color: #343a40;
1127
  border-color: #060708;
1128
}
1129

1130
.custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before {
1131
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
1132
}
1133

1134
.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after {
1135
  background-color: black;
1136
}
1137

1138
.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
1139
  background-color: #343a40;
1140
  border-color: #060708;
1141
}
1142

1143
.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
1144
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
1145
}
1146

1147
.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
1148
  background-color: #7a8793;
1149
}
1150

1151
.custom-range.custom-range-primary:focus {
1152
  outline: none;
1153
}
1154

1155
.custom-range.custom-range-primary:focus::-webkit-slider-thumb {
1156
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
1157
}
1158

1159
.custom-range.custom-range-primary:focus::-moz-range-thumb {
1160
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
1161
}
1162

1163
.custom-range.custom-range-primary:focus::-ms-thumb {
1164
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
1165
}
1166

1167
.custom-range.custom-range-primary::-webkit-slider-thumb {
1168
  background-color: #007bff;
1169
}
1170

1171
.custom-range.custom-range-primary::-webkit-slider-thumb:active {
1172
  background-color: #b3d7ff;
1173
}
1174

1175
.custom-range.custom-range-primary::-moz-range-thumb {
1176
  background-color: #007bff;
1177
}
1178

1179
.custom-range.custom-range-primary::-moz-range-thumb:active {
1180
  background-color: #b3d7ff;
1181
}
1182

1183
.custom-range.custom-range-primary::-ms-thumb {
1184
  background-color: #007bff;
1185
}
1186

1187
.custom-range.custom-range-primary::-ms-thumb:active {
1188
  background-color: #b3d7ff;
1189
}
1190

1191
.custom-range.custom-range-secondary:focus {
1192
  outline: none;
1193
}
1194

1195
.custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
1196
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
1197
}
1198

1199
.custom-range.custom-range-secondary:focus::-moz-range-thumb {
1200
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
1201
}
1202

1203
.custom-range.custom-range-secondary:focus::-ms-thumb {
1204
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
1205
}
1206

1207
.custom-range.custom-range-secondary::-webkit-slider-thumb {
1208
  background-color: #6c757d;
1209
}
1210

1211
.custom-range.custom-range-secondary::-webkit-slider-thumb:active {
1212
  background-color: #caced1;
1213
}
1214

1215
.custom-range.custom-range-secondary::-moz-range-thumb {
1216
  background-color: #6c757d;
1217
}
1218

1219
.custom-range.custom-range-secondary::-moz-range-thumb:active {
1220
  background-color: #caced1;
1221
}
1222

1223
.custom-range.custom-range-secondary::-ms-thumb {
1224
  background-color: #6c757d;
1225
}
1226

1227
.custom-range.custom-range-secondary::-ms-thumb:active {
1228
  background-color: #caced1;
1229
}
1230

1231
.custom-range.custom-range-success:focus {
1232
  outline: none;
1233
}
1234

1235
.custom-range.custom-range-success:focus::-webkit-slider-thumb {
1236
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
1237
}
1238

1239
.custom-range.custom-range-success:focus::-moz-range-thumb {
1240
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
1241
}
1242

1243
.custom-range.custom-range-success:focus::-ms-thumb {
1244
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
1245
}
1246

1247
.custom-range.custom-range-success::-webkit-slider-thumb {
1248
  background-color: #28a745;
1249
}
1250

1251
.custom-range.custom-range-success::-webkit-slider-thumb:active {
1252
  background-color: #9be7ac;
1253
}
1254

1255
.custom-range.custom-range-success::-moz-range-thumb {
1256
  background-color: #28a745;
1257
}
1258

1259
.custom-range.custom-range-success::-moz-range-thumb:active {
1260
  background-color: #9be7ac;
1261
}
1262

1263
.custom-range.custom-range-success::-ms-thumb {
1264
  background-color: #28a745;
1265
}
1266

1267
.custom-range.custom-range-success::-ms-thumb:active {
1268
  background-color: #9be7ac;
1269
}
1270

1271
.custom-range.custom-range-info:focus {
1272
  outline: none;
1273
}
1274

1275
.custom-range.custom-range-info:focus::-webkit-slider-thumb {
1276
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
1277
}
1278

1279
.custom-range.custom-range-info:focus::-moz-range-thumb {
1280
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
1281
}
1282

1283
.custom-range.custom-range-info:focus::-ms-thumb {
1284
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
1285
}
1286

1287
.custom-range.custom-range-info::-webkit-slider-thumb {
1288
  background-color: #17a2b8;
1289
}
1290

1291
.custom-range.custom-range-info::-webkit-slider-thumb:active {
1292
  background-color: #90e4f1;
1293
}
1294

1295
.custom-range.custom-range-info::-moz-range-thumb {
1296
  background-color: #17a2b8;
1297
}
1298

1299
.custom-range.custom-range-info::-moz-range-thumb:active {
1300
  background-color: #90e4f1;
1301
}
1302

1303
.custom-range.custom-range-info::-ms-thumb {
1304
  background-color: #17a2b8;
1305
}
1306

1307
.custom-range.custom-range-info::-ms-thumb:active {
1308
  background-color: #90e4f1;
1309
}
1310

1311
.custom-range.custom-range-warning:focus {
1312
  outline: none;
1313
}
1314

1315
.custom-range.custom-range-warning:focus::-webkit-slider-thumb {
1316
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
1317
}
1318

1319
.custom-range.custom-range-warning:focus::-moz-range-thumb {
1320
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
1321
}
1322

1323
.custom-range.custom-range-warning:focus::-ms-thumb {
1324
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
1325
}
1326

1327
.custom-range.custom-range-warning::-webkit-slider-thumb {
1328
  background-color: #ffc107;
1329
}
1330

1331
.custom-range.custom-range-warning::-webkit-slider-thumb:active {
1332
  background-color: #ffeeba;
1333
}
1334

1335
.custom-range.custom-range-warning::-moz-range-thumb {
1336
  background-color: #ffc107;
1337
}
1338

1339
.custom-range.custom-range-warning::-moz-range-thumb:active {
1340
  background-color: #ffeeba;
1341
}
1342

1343
.custom-range.custom-range-warning::-ms-thumb {
1344
  background-color: #ffc107;
1345
}
1346

1347
.custom-range.custom-range-warning::-ms-thumb:active {
1348
  background-color: #ffeeba;
1349
}
1350

1351
.custom-range.custom-range-danger:focus {
1352
  outline: none;
1353
}
1354

1355
.custom-range.custom-range-danger:focus::-webkit-slider-thumb {
1356
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
1357
}
1358

1359
.custom-range.custom-range-danger:focus::-moz-range-thumb {
1360
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
1361
}
1362

1363
.custom-range.custom-range-danger:focus::-ms-thumb {
1364
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
1365
}
1366

1367
.custom-range.custom-range-danger::-webkit-slider-thumb {
1368
  background-color: #dc3545;
1369
}
1370

1371
.custom-range.custom-range-danger::-webkit-slider-thumb:active {
1372
  background-color: #f6cdd1;
1373
}
1374

1375
.custom-range.custom-range-danger::-moz-range-thumb {
1376
  background-color: #dc3545;
1377
}
1378

1379
.custom-range.custom-range-danger::-moz-range-thumb:active {
1380
  background-color: #f6cdd1;
1381
}
1382

1383
.custom-range.custom-range-danger::-ms-thumb {
1384
  background-color: #dc3545;
1385
}
1386

1387
.custom-range.custom-range-danger::-ms-thumb:active {
1388
  background-color: #f6cdd1;
1389
}
1390

1391
.custom-range.custom-range-light:focus {
1392
  outline: none;
1393
}
1394

1395
.custom-range.custom-range-light:focus::-webkit-slider-thumb {
1396
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
1397
}
1398

1399
.custom-range.custom-range-light:focus::-moz-range-thumb {
1400
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
1401
}
1402

1403
.custom-range.custom-range-light:focus::-ms-thumb {
1404
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
1405
}
1406

1407
.custom-range.custom-range-light::-webkit-slider-thumb {
1408
  background-color: #f8f9fa;
1409
}
1410

1411
.custom-range.custom-range-light::-webkit-slider-thumb:active {
1412
  background-color: white;
1413
}
1414

1415
.custom-range.custom-range-light::-moz-range-thumb {
1416
  background-color: #f8f9fa;
1417
}
1418

1419
.custom-range.custom-range-light::-moz-range-thumb:active {
1420
  background-color: white;
1421
}
1422

1423
.custom-range.custom-range-light::-ms-thumb {
1424
  background-color: #f8f9fa;
1425
}
1426

1427
.custom-range.custom-range-light::-ms-thumb:active {
1428
  background-color: white;
1429
}
1430

1431
.custom-range.custom-range-dark:focus {
1432
  outline: none;
1433
}
1434

1435
.custom-range.custom-range-dark:focus::-webkit-slider-thumb {
1436
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
1437
}
1438

1439
.custom-range.custom-range-dark:focus::-moz-range-thumb {
1440
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
1441
}
1442

1443
.custom-range.custom-range-dark:focus::-ms-thumb {
1444
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
1445
}
1446

1447
.custom-range.custom-range-dark::-webkit-slider-thumb {
1448
  background-color: #343a40;
1449
}
1450

1451
.custom-range.custom-range-dark::-webkit-slider-thumb:active {
1452
  background-color: #88939e;
1453
}
1454

1455
.custom-range.custom-range-dark::-moz-range-thumb {
1456
  background-color: #343a40;
1457
}
1458

1459
.custom-range.custom-range-dark::-moz-range-thumb:active {
1460
  background-color: #88939e;
1461
}
1462

1463
.custom-range.custom-range-dark::-ms-thumb {
1464
  background-color: #343a40;
1465
}
1466

1467
.custom-range.custom-range-dark::-ms-thumb:active {
1468
  background-color: #88939e;
1469
}
1470

1471
.custom-range.custom-range-lightblue:focus {
1472
  outline: none;
1473
}
1474

1475
.custom-range.custom-range-lightblue:focus::-webkit-slider-thumb {
1476
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
1477
}
1478

1479
.custom-range.custom-range-lightblue:focus::-moz-range-thumb {
1480
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
1481
}
1482

1483
.custom-range.custom-range-lightblue:focus::-ms-thumb {
1484
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
1485
}
1486

1487
.custom-range.custom-range-lightblue::-webkit-slider-thumb {
1488
  background-color: #3c8dbc;
1489
}
1490

1491
.custom-range.custom-range-lightblue::-webkit-slider-thumb:active {
1492
  background-color: #c0dbeb;
1493
}
1494

1495
.custom-range.custom-range-lightblue::-moz-range-thumb {
1496
  background-color: #3c8dbc;
1497
}
1498

1499
.custom-range.custom-range-lightblue::-moz-range-thumb:active {
1500
  background-color: #c0dbeb;
1501
}
1502

1503
.custom-range.custom-range-lightblue::-ms-thumb {
1504
  background-color: #3c8dbc;
1505
}
1506

1507
.custom-range.custom-range-lightblue::-ms-thumb:active {
1508
  background-color: #c0dbeb;
1509
}
1510

1511
.custom-range.custom-range-navy:focus {
1512
  outline: none;
1513
}
1514

1515
.custom-range.custom-range-navy:focus::-webkit-slider-thumb {
1516
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
1517
}
1518

1519
.custom-range.custom-range-navy:focus::-moz-range-thumb {
1520
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
1521
}
1522

1523
.custom-range.custom-range-navy:focus::-ms-thumb {
1524
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
1525
}
1526

1527
.custom-range.custom-range-navy::-webkit-slider-thumb {
1528
  background-color: #001f3f;
1529
}
1530

1531
.custom-range.custom-range-navy::-webkit-slider-thumb:active {
1532
  background-color: #0077f2;
1533
}
1534

1535
.custom-range.custom-range-navy::-moz-range-thumb {
1536
  background-color: #001f3f;
1537
}
1538

1539
.custom-range.custom-range-navy::-moz-range-thumb:active {
1540
  background-color: #0077f2;
1541
}
1542

1543
.custom-range.custom-range-navy::-ms-thumb {
1544
  background-color: #001f3f;
1545
}
1546

1547
.custom-range.custom-range-navy::-ms-thumb:active {
1548
  background-color: #0077f2;
1549
}
1550

1551
.custom-range.custom-range-olive:focus {
1552
  outline: none;
1553
}
1554

1555
.custom-range.custom-range-olive:focus::-webkit-slider-thumb {
1556
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
1557
}
1558

1559
.custom-range.custom-range-olive:focus::-moz-range-thumb {
1560
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
1561
}
1562

1563
.custom-range.custom-range-olive:focus::-ms-thumb {
1564
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
1565
}
1566

1567
.custom-range.custom-range-olive::-webkit-slider-thumb {
1568
  background-color: #3d9970;
1569
}
1570

1571
.custom-range.custom-range-olive::-webkit-slider-thumb:active {
1572
  background-color: #abdec7;
1573
}
1574

1575
.custom-range.custom-range-olive::-moz-range-thumb {
1576
  background-color: #3d9970;
1577
}
1578

1579
.custom-range.custom-range-olive::-moz-range-thumb:active {
1580
  background-color: #abdec7;
1581
}
1582

1583
.custom-range.custom-range-olive::-ms-thumb {
1584
  background-color: #3d9970;
1585
}
1586

1587
.custom-range.custom-range-olive::-ms-thumb:active {
1588
  background-color: #abdec7;
1589
}
1590

1591
.custom-range.custom-range-lime:focus {
1592
  outline: none;
1593
}
1594

1595
.custom-range.custom-range-lime:focus::-webkit-slider-thumb {
1596
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
1597
}
1598

1599
.custom-range.custom-range-lime:focus::-moz-range-thumb {
1600
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
1601
}
1602

1603
.custom-range.custom-range-lime:focus::-ms-thumb {
1604
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
1605
}
1606

1607
.custom-range.custom-range-lime::-webkit-slider-thumb {
1608
  background-color: #01ff70;
1609
}
1610

1611
.custom-range.custom-range-lime::-webkit-slider-thumb:active {
1612
  background-color: #b4ffd4;
1613
}
1614

1615
.custom-range.custom-range-lime::-moz-range-thumb {
1616
  background-color: #01ff70;
1617
}
1618

1619
.custom-range.custom-range-lime::-moz-range-thumb:active {
1620
  background-color: #b4ffd4;
1621
}
1622

1623
.custom-range.custom-range-lime::-ms-thumb {
1624
  background-color: #01ff70;
1625
}
1626

1627
.custom-range.custom-range-lime::-ms-thumb:active {
1628
  background-color: #b4ffd4;
1629
}
1630

1631
.custom-range.custom-range-fuchsia:focus {
1632
  outline: none;
1633
}
1634

1635
.custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
1636
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
1637
}
1638

1639
.custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
1640
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
1641
}
1642

1643
.custom-range.custom-range-fuchsia:focus::-ms-thumb {
1644
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
1645
}
1646

1647
.custom-range.custom-range-fuchsia::-webkit-slider-thumb {
1648
  background-color: #f012be;
1649
}
1650

1651
.custom-range.custom-range-fuchsia::-webkit-slider-thumb:active {
1652
  background-color: #fbbaec;
1653
}
1654

1655
.custom-range.custom-range-fuchsia::-moz-range-thumb {
1656
  background-color: #f012be;
1657
}
1658

1659
.custom-range.custom-range-fuchsia::-moz-range-thumb:active {
1660
  background-color: #fbbaec;
1661
}
1662

1663
.custom-range.custom-range-fuchsia::-ms-thumb {
1664
  background-color: #f012be;
1665
}
1666

1667
.custom-range.custom-range-fuchsia::-ms-thumb:active {
1668
  background-color: #fbbaec;
1669
}
1670

1671
.custom-range.custom-range-maroon:focus {
1672
  outline: none;
1673
}
1674

1675
.custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
1676
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
1677
}
1678

1679
.custom-range.custom-range-maroon:focus::-moz-range-thumb {
1680
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
1681
}
1682

1683
.custom-range.custom-range-maroon:focus::-ms-thumb {
1684
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
1685
}
1686

1687
.custom-range.custom-range-maroon::-webkit-slider-thumb {
1688
  background-color: #d81b60;
1689
}
1690

1691
.custom-range.custom-range-maroon::-webkit-slider-thumb:active {
1692
  background-color: #f5b0c9;
1693
}
1694

1695
.custom-range.custom-range-maroon::-moz-range-thumb {
1696
  background-color: #d81b60;
1697
}
1698

1699
.custom-range.custom-range-maroon::-moz-range-thumb:active {
1700
  background-color: #f5b0c9;
1701
}
1702

1703
.custom-range.custom-range-maroon::-ms-thumb {
1704
  background-color: #d81b60;
1705
}
1706

1707
.custom-range.custom-range-maroon::-ms-thumb:active {
1708
  background-color: #f5b0c9;
1709
}
1710

1711
.custom-range.custom-range-blue:focus {
1712
  outline: none;
1713
}
1714

1715
.custom-range.custom-range-blue:focus::-webkit-slider-thumb {
1716
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
1717
}
1718

1719
.custom-range.custom-range-blue:focus::-moz-range-thumb {
1720
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
1721
}
1722

1723
.custom-range.custom-range-blue:focus::-ms-thumb {
1724
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
1725
}
1726

1727
.custom-range.custom-range-blue::-webkit-slider-thumb {
1728
  background-color: #007bff;
1729
}
1730

1731
.custom-range.custom-range-blue::-webkit-slider-thumb:active {
1732
  background-color: #b3d7ff;
1733
}
1734

1735
.custom-range.custom-range-blue::-moz-range-thumb {
1736
  background-color: #007bff;
1737
}
1738

1739
.custom-range.custom-range-blue::-moz-range-thumb:active {
1740
  background-color: #b3d7ff;
1741
}
1742

1743
.custom-range.custom-range-blue::-ms-thumb {
1744
  background-color: #007bff;
1745
}
1746

1747
.custom-range.custom-range-blue::-ms-thumb:active {
1748
  background-color: #b3d7ff;
1749
}
1750

1751
.custom-range.custom-range-indigo:focus {
1752
  outline: none;
1753
}
1754

1755
.custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
1756
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
1757
}
1758

1759
.custom-range.custom-range-indigo:focus::-moz-range-thumb {
1760
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
1761
}
1762

1763
.custom-range.custom-range-indigo:focus::-ms-thumb {
1764
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
1765
}
1766

1767
.custom-range.custom-range-indigo::-webkit-slider-thumb {
1768
  background-color: #6610f2;
1769
}
1770

1771
.custom-range.custom-range-indigo::-webkit-slider-thumb:active {
1772
  background-color: #d2b9fb;
1773
}
1774

1775
.custom-range.custom-range-indigo::-moz-range-thumb {
1776
  background-color: #6610f2;
1777
}
1778

1779
.custom-range.custom-range-indigo::-moz-range-thumb:active {
1780
  background-color: #d2b9fb;
1781
}
1782

1783
.custom-range.custom-range-indigo::-ms-thumb {
1784
  background-color: #6610f2;
1785
}
1786

1787
.custom-range.custom-range-indigo::-ms-thumb:active {
1788
  background-color: #d2b9fb;
1789
}
1790

1791
.custom-range.custom-range-purple:focus {
1792
  outline: none;
1793
}
1794

1795
.custom-range.custom-range-purple:focus::-webkit-slider-thumb {
1796
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
1797
}
1798

1799
.custom-range.custom-range-purple:focus::-moz-range-thumb {
1800
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
1801
}
1802

1803
.custom-range.custom-range-purple:focus::-ms-thumb {
1804
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
1805
}
1806

1807
.custom-range.custom-range-purple::-webkit-slider-thumb {
1808
  background-color: #6f42c1;
1809
}
1810

1811
.custom-range.custom-range-purple::-webkit-slider-thumb:active {
1812
  background-color: #d5c8ed;
1813
}
1814

1815
.custom-range.custom-range-purple::-moz-range-thumb {
1816
  background-color: #6f42c1;
1817
}
1818

1819
.custom-range.custom-range-purple::-moz-range-thumb:active {
1820
  background-color: #d5c8ed;
1821
}
1822

1823
.custom-range.custom-range-purple::-ms-thumb {
1824
  background-color: #6f42c1;
1825
}
1826

1827
.custom-range.custom-range-purple::-ms-thumb:active {
1828
  background-color: #d5c8ed;
1829
}
1830

1831
.custom-range.custom-range-pink:focus {
1832
  outline: none;
1833
}
1834

1835
.custom-range.custom-range-pink:focus::-webkit-slider-thumb {
1836
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
1837
}
1838

1839
.custom-range.custom-range-pink:focus::-moz-range-thumb {
1840
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
1841
}
1842

1843
.custom-range.custom-range-pink:focus::-ms-thumb {
1844
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
1845
}
1846

1847
.custom-range.custom-range-pink::-webkit-slider-thumb {
1848
  background-color: #e83e8c;
1849
}
1850

1851
.custom-range.custom-range-pink::-webkit-slider-thumb:active {
1852
  background-color: #fbddeb;
1853
}
1854

1855
.custom-range.custom-range-pink::-moz-range-thumb {
1856
  background-color: #e83e8c;
1857
}
1858

1859
.custom-range.custom-range-pink::-moz-range-thumb:active {
1860
  background-color: #fbddeb;
1861
}
1862

1863
.custom-range.custom-range-pink::-ms-thumb {
1864
  background-color: #e83e8c;
1865
}
1866

1867
.custom-range.custom-range-pink::-ms-thumb:active {
1868
  background-color: #fbddeb;
1869
}
1870

1871
.custom-range.custom-range-red:focus {
1872
  outline: none;
1873
}
1874

1875
.custom-range.custom-range-red:focus::-webkit-slider-thumb {
1876
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
1877
}
1878

1879
.custom-range.custom-range-red:focus::-moz-range-thumb {
1880
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
1881
}
1882

1883
.custom-range.custom-range-red:focus::-ms-thumb {
1884
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
1885
}
1886

1887
.custom-range.custom-range-red::-webkit-slider-thumb {
1888
  background-color: #dc3545;
1889
}
1890

1891
.custom-range.custom-range-red::-webkit-slider-thumb:active {
1892
  background-color: #f6cdd1;
1893
}
1894

1895
.custom-range.custom-range-red::-moz-range-thumb {
1896
  background-color: #dc3545;
1897
}
1898

1899
.custom-range.custom-range-red::-moz-range-thumb:active {
1900
  background-color: #f6cdd1;
1901
}
1902

1903
.custom-range.custom-range-red::-ms-thumb {
1904
  background-color: #dc3545;
1905
}
1906

1907
.custom-range.custom-range-red::-ms-thumb:active {
1908
  background-color: #f6cdd1;
1909
}
1910

1911
.custom-range.custom-range-orange:focus {
1912
  outline: none;
1913
}
1914

1915
.custom-range.custom-range-orange:focus::-webkit-slider-thumb {
1916
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
1917
}
1918

1919
.custom-range.custom-range-orange:focus::-moz-range-thumb {
1920
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
1921
}
1922

1923
.custom-range.custom-range-orange:focus::-ms-thumb {
1924
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
1925
}
1926

1927
.custom-range.custom-range-orange::-webkit-slider-thumb {
1928
  background-color: #fd7e14;
1929
}
1930

1931
.custom-range.custom-range-orange::-webkit-slider-thumb:active {
1932
  background-color: #ffdfc5;
1933
}
1934

1935
.custom-range.custom-range-orange::-moz-range-thumb {
1936
  background-color: #fd7e14;
1937
}
1938

1939
.custom-range.custom-range-orange::-moz-range-thumb:active {
1940
  background-color: #ffdfc5;
1941
}
1942

1943
.custom-range.custom-range-orange::-ms-thumb {
1944
  background-color: #fd7e14;
1945
}
1946

1947
.custom-range.custom-range-orange::-ms-thumb:active {
1948
  background-color: #ffdfc5;
1949
}
1950

1951
.custom-range.custom-range-yellow:focus {
1952
  outline: none;
1953
}
1954

1955
.custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
1956
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
1957
}
1958

1959
.custom-range.custom-range-yellow:focus::-moz-range-thumb {
1960
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
1961
}
1962

1963
.custom-range.custom-range-yellow:focus::-ms-thumb {
1964
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
1965
}
1966

1967
.custom-range.custom-range-yellow::-webkit-slider-thumb {
1968
  background-color: #ffc107;
1969
}
1970

1971
.custom-range.custom-range-yellow::-webkit-slider-thumb:active {
1972
  background-color: #ffeeba;
1973
}
1974

1975
.custom-range.custom-range-yellow::-moz-range-thumb {
1976
  background-color: #ffc107;
1977
}
1978

1979
.custom-range.custom-range-yellow::-moz-range-thumb:active {
1980
  background-color: #ffeeba;
1981
}
1982

1983
.custom-range.custom-range-yellow::-ms-thumb {
1984
  background-color: #ffc107;
1985
}
1986

1987
.custom-range.custom-range-yellow::-ms-thumb:active {
1988
  background-color: #ffeeba;
1989
}
1990

1991
.custom-range.custom-range-green:focus {
1992
  outline: none;
1993
}
1994

1995
.custom-range.custom-range-green:focus::-webkit-slider-thumb {
1996
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
1997
}
1998

1999
.custom-range.custom-range-green:focus::-moz-range-thumb {
2000
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
2001
}
2002

2003
.custom-range.custom-range-green:focus::-ms-thumb {
2004
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
2005
}
2006

2007
.custom-range.custom-range-green::-webkit-slider-thumb {
2008
  background-color: #28a745;
2009
}
2010

2011
.custom-range.custom-range-green::-webkit-slider-thumb:active {
2012
  background-color: #9be7ac;
2013
}
2014

2015
.custom-range.custom-range-green::-moz-range-thumb {
2016
  background-color: #28a745;
2017
}
2018

2019
.custom-range.custom-range-green::-moz-range-thumb:active {
2020
  background-color: #9be7ac;
2021
}
2022

2023
.custom-range.custom-range-green::-ms-thumb {
2024
  background-color: #28a745;
2025
}
2026

2027
.custom-range.custom-range-green::-ms-thumb:active {
2028
  background-color: #9be7ac;
2029
}
2030

2031
.custom-range.custom-range-teal:focus {
2032
  outline: none;
2033
}
2034

2035
.custom-range.custom-range-teal:focus::-webkit-slider-thumb {
2036
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
2037
}
2038

2039
.custom-range.custom-range-teal:focus::-moz-range-thumb {
2040
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
2041
}
2042

2043
.custom-range.custom-range-teal:focus::-ms-thumb {
2044
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
2045
}
2046

2047
.custom-range.custom-range-teal::-webkit-slider-thumb {
2048
  background-color: #20c997;
2049
}
2050

2051
.custom-range.custom-range-teal::-webkit-slider-thumb:active {
2052
  background-color: #aaf1dc;
2053
}
2054

2055
.custom-range.custom-range-teal::-moz-range-thumb {
2056
  background-color: #20c997;
2057
}
2058

2059
.custom-range.custom-range-teal::-moz-range-thumb:active {
2060
  background-color: #aaf1dc;
2061
}
2062

2063
.custom-range.custom-range-teal::-ms-thumb {
2064
  background-color: #20c997;
2065
}
2066

2067
.custom-range.custom-range-teal::-ms-thumb:active {
2068
  background-color: #aaf1dc;
2069
}
2070

2071
.custom-range.custom-range-cyan:focus {
2072
  outline: none;
2073
}
2074

2075
.custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
2076
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
2077
}
2078

2079
.custom-range.custom-range-cyan:focus::-moz-range-thumb {
2080
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
2081
}
2082

2083
.custom-range.custom-range-cyan:focus::-ms-thumb {
2084
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
2085
}
2086

2087
.custom-range.custom-range-cyan::-webkit-slider-thumb {
2088
  background-color: #17a2b8;
2089
}
2090

2091
.custom-range.custom-range-cyan::-webkit-slider-thumb:active {
2092
  background-color: #90e4f1;
2093
}
2094

2095
.custom-range.custom-range-cyan::-moz-range-thumb {
2096
  background-color: #17a2b8;
2097
}
2098

2099
.custom-range.custom-range-cyan::-moz-range-thumb:active {
2100
  background-color: #90e4f1;
2101
}
2102

2103
.custom-range.custom-range-cyan::-ms-thumb {
2104
  background-color: #17a2b8;
2105
}
2106

2107
.custom-range.custom-range-cyan::-ms-thumb:active {
2108
  background-color: #90e4f1;
2109
}
2110

2111
.custom-range.custom-range-white:focus {
2112
  outline: none;
2113
}
2114

2115
.custom-range.custom-range-white:focus::-webkit-slider-thumb {
2116
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
2117
}
2118

2119
.custom-range.custom-range-white:focus::-moz-range-thumb {
2120
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
2121
}
2122

2123
.custom-range.custom-range-white:focus::-ms-thumb {
2124
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
2125
}
2126

2127
.custom-range.custom-range-white::-webkit-slider-thumb {
2128
  background-color: #fff;
2129
}
2130

2131
.custom-range.custom-range-white::-webkit-slider-thumb:active {
2132
  background-color: white;
2133
}
2134

2135
.custom-range.custom-range-white::-moz-range-thumb {
2136
  background-color: #fff;
2137
}
2138

2139
.custom-range.custom-range-white::-moz-range-thumb:active {
2140
  background-color: white;
2141
}
2142

2143
.custom-range.custom-range-white::-ms-thumb {
2144
  background-color: #fff;
2145
}
2146

2147
.custom-range.custom-range-white::-ms-thumb:active {
2148
  background-color: white;
2149
}
2150

2151
.custom-range.custom-range-gray:focus {
2152
  outline: none;
2153
}
2154

2155
.custom-range.custom-range-gray:focus::-webkit-slider-thumb {
2156
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
2157
}
2158

2159
.custom-range.custom-range-gray:focus::-moz-range-thumb {
2160
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
2161
}
2162

2163
.custom-range.custom-range-gray:focus::-ms-thumb {
2164
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
2165
}
2166

2167
.custom-range.custom-range-gray::-webkit-slider-thumb {
2168
  background-color: #6c757d;
2169
}
2170

2171
.custom-range.custom-range-gray::-webkit-slider-thumb:active {
2172
  background-color: #caced1;
2173
}
2174

2175
.custom-range.custom-range-gray::-moz-range-thumb {
2176
  background-color: #6c757d;
2177
}
2178

2179
.custom-range.custom-range-gray::-moz-range-thumb:active {
2180
  background-color: #caced1;
2181
}
2182

2183
.custom-range.custom-range-gray::-ms-thumb {
2184
  background-color: #6c757d;
2185
}
2186

2187
.custom-range.custom-range-gray::-ms-thumb:active {
2188
  background-color: #caced1;
2189
}
2190

2191
.custom-range.custom-range-gray-dark:focus {
2192
  outline: none;
2193
}
2194

2195
.custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
2196
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
2197
}
2198

2199
.custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
2200
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
2201
}
2202

2203
.custom-range.custom-range-gray-dark:focus::-ms-thumb {
2204
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
2205
}
2206

2207
.custom-range.custom-range-gray-dark::-webkit-slider-thumb {
2208
  background-color: #343a40;
2209
}
2210

2211
.custom-range.custom-range-gray-dark::-webkit-slider-thumb:active {
2212
  background-color: #88939e;
2213
}
2214

2215
.custom-range.custom-range-gray-dark::-moz-range-thumb {
2216
  background-color: #343a40;
2217
}
2218

2219
.custom-range.custom-range-gray-dark::-moz-range-thumb:active {
2220
  background-color: #88939e;
2221
}
2222

2223
.custom-range.custom-range-gray-dark::-ms-thumb {
2224
  background-color: #343a40;
2225
}
2226

2227
.custom-range.custom-range-gray-dark::-ms-thumb:active {
2228
  background-color: #88939e;
2229
}
2230

2231
.custom-control-input-primary:checked ~ .custom-control-label::before {
2232
  border-color: #007bff;
2233
  background-color: #007bff;
2234
}
2235

2236
.custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2237
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2238
}
2239

2240
.custom-control-input-primary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2241
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important;
2242
}
2243

2244
.custom-control-input-primary:focus ~ .custom-control-label::before {
2245
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
2246
}
2247

2248
.custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before {
2249
  border-color: #80bdff;
2250
}
2251

2252
.custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before {
2253
  background-color: #b3d7ff;
2254
  border-color: #b3d7ff;
2255
}
2256

2257
.custom-control-input-secondary:checked ~ .custom-control-label::before {
2258
  border-color: #6c757d;
2259
  background-color: #6c757d;
2260
}
2261

2262
.custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2263
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2264
}
2265

2266
.custom-control-input-secondary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2267
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
2268
}
2269

2270
.custom-control-input-secondary:focus ~ .custom-control-label::before {
2271
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
2272
}
2273

2274
.custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before {
2275
  border-color: #afb5ba;
2276
}
2277

2278
.custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before {
2279
  background-color: #caced1;
2280
  border-color: #caced1;
2281
}
2282

2283
.custom-control-input-success:checked ~ .custom-control-label::before {
2284
  border-color: #28a745;
2285
  background-color: #28a745;
2286
}
2287

2288
.custom-control-input-success.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2289
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2290
}
2291

2292
.custom-control-input-success.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2293
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important;
2294
}
2295

2296
.custom-control-input-success:focus ~ .custom-control-label::before {
2297
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
2298
}
2299

2300
.custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before {
2301
  border-color: #71dd8a;
2302
}
2303

2304
.custom-control-input-success:not(:disabled):active ~ .custom-control-label::before {
2305
  background-color: #9be7ac;
2306
  border-color: #9be7ac;
2307
}
2308

2309
.custom-control-input-info:checked ~ .custom-control-label::before {
2310
  border-color: #17a2b8;
2311
  background-color: #17a2b8;
2312
}
2313

2314
.custom-control-input-info.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2315
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2316
}
2317

2318
.custom-control-input-info.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2319
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important;
2320
}
2321

2322
.custom-control-input-info:focus ~ .custom-control-label::before {
2323
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
2324
}
2325

2326
.custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before {
2327
  border-color: #63d9ec;
2328
}
2329

2330
.custom-control-input-info:not(:disabled):active ~ .custom-control-label::before {
2331
  background-color: #90e4f1;
2332
  border-color: #90e4f1;
2333
}
2334

2335
.custom-control-input-warning:checked ~ .custom-control-label::before {
2336
  border-color: #ffc107;
2337
  background-color: #ffc107;
2338
}
2339

2340
.custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2341
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2342
}
2343

2344
.custom-control-input-warning.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2345
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important;
2346
}
2347

2348
.custom-control-input-warning:focus ~ .custom-control-label::before {
2349
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
2350
}
2351

2352
.custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before {
2353
  border-color: #ffe187;
2354
}
2355

2356
.custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before {
2357
  background-color: #ffeeba;
2358
  border-color: #ffeeba;
2359
}
2360

2361
.custom-control-input-danger:checked ~ .custom-control-label::before {
2362
  border-color: #dc3545;
2363
  background-color: #dc3545;
2364
}
2365

2366
.custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2367
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2368
}
2369

2370
.custom-control-input-danger.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2371
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important;
2372
}
2373

2374
.custom-control-input-danger:focus ~ .custom-control-label::before {
2375
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
2376
}
2377

2378
.custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before {
2379
  border-color: #efa2a9;
2380
}
2381

2382
.custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before {
2383
  background-color: #f6cdd1;
2384
  border-color: #f6cdd1;
2385
}
2386

2387
.custom-control-input-light:checked ~ .custom-control-label::before {
2388
  border-color: #f8f9fa;
2389
  background-color: #f8f9fa;
2390
}
2391

2392
.custom-control-input-light.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2393
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2394
}
2395

2396
.custom-control-input-light.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2397
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important;
2398
}
2399

2400
.custom-control-input-light:focus ~ .custom-control-label::before {
2401
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25);
2402
}
2403

2404
.custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before {
2405
  border-color: white;
2406
}
2407

2408
.custom-control-input-light:not(:disabled):active ~ .custom-control-label::before {
2409
  background-color: white;
2410
  border-color: white;
2411
}
2412

2413
.custom-control-input-dark:checked ~ .custom-control-label::before {
2414
  border-color: #343a40;
2415
  background-color: #343a40;
2416
}
2417

2418
.custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2419
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2420
}
2421

2422
.custom-control-input-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2423
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
2424
}
2425

2426
.custom-control-input-dark:focus ~ .custom-control-label::before {
2427
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
2428
}
2429

2430
.custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before {
2431
  border-color: #6d7a86;
2432
}
2433

2434
.custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before {
2435
  background-color: #88939e;
2436
  border-color: #88939e;
2437
}
2438

2439
.custom-control-input-lightblue:checked ~ .custom-control-label::before {
2440
  border-color: #3c8dbc;
2441
  background-color: #3c8dbc;
2442
}
2443

2444
.custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2445
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233c8dbc' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2446
}
2447

2448
.custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2449
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233c8dbc'/%3E%3C/svg%3E") !important;
2450
}
2451

2452
.custom-control-input-lightblue:focus ~ .custom-control-label::before {
2453
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(60, 141, 188, 0.25);
2454
}
2455

2456
.custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before {
2457
  border-color: #99c5de;
2458
}
2459

2460
.custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before {
2461
  background-color: #c0dbeb;
2462
  border-color: #c0dbeb;
2463
}
2464

2465
.custom-control-input-navy:checked ~ .custom-control-label::before {
2466
  border-color: #001f3f;
2467
  background-color: #001f3f;
2468
}
2469

2470
.custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2471
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23001f3f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2472
}
2473

2474
.custom-control-input-navy.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2475
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23001f3f'/%3E%3C/svg%3E") !important;
2476
}
2477

2478
.custom-control-input-navy:focus ~ .custom-control-label::before {
2479
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 31, 63, 0.25);
2480
}
2481

2482
.custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before {
2483
  border-color: #005ebf;
2484
}
2485

2486
.custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before {
2487
  background-color: #0077f2;
2488
  border-color: #0077f2;
2489
}
2490

2491
.custom-control-input-olive:checked ~ .custom-control-label::before {
2492
  border-color: #3d9970;
2493
  background-color: #3d9970;
2494
}
2495

2496
.custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2497
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233d9970' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2498
}
2499

2500
.custom-control-input-olive.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2501
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233d9970'/%3E%3C/svg%3E") !important;
2502
}
2503

2504
.custom-control-input-olive:focus ~ .custom-control-label::before {
2505
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(61, 153, 112, 0.25);
2506
}
2507

2508
.custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before {
2509
  border-color: #87cfaf;
2510
}
2511

2512
.custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before {
2513
  background-color: #abdec7;
2514
  border-color: #abdec7;
2515
}
2516

2517
.custom-control-input-lime:checked ~ .custom-control-label::before {
2518
  border-color: #01ff70;
2519
  background-color: #01ff70;
2520
}
2521

2522
.custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2523
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2301ff70' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2524
}
2525

2526
.custom-control-input-lime.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2527
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2301ff70'/%3E%3C/svg%3E") !important;
2528
}
2529

2530
.custom-control-input-lime:focus ~ .custom-control-label::before {
2531
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(1, 255, 112, 0.25);
2532
}
2533

2534
.custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before {
2535
  border-color: #81ffb8;
2536
}
2537

2538
.custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before {
2539
  background-color: #b4ffd4;
2540
  border-color: #b4ffd4;
2541
}
2542

2543
.custom-control-input-fuchsia:checked ~ .custom-control-label::before {
2544
  border-color: #f012be;
2545
  background-color: #f012be;
2546
}
2547

2548
.custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2549
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f012be' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2550
}
2551

2552
.custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2553
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f012be'/%3E%3C/svg%3E") !important;
2554
}
2555

2556
.custom-control-input-fuchsia:focus ~ .custom-control-label::before {
2557
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(240, 18, 190, 0.25);
2558
}
2559

2560
.custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before {
2561
  border-color: #f88adf;
2562
}
2563

2564
.custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before {
2565
  background-color: #fbbaec;
2566
  border-color: #fbbaec;
2567
}
2568

2569
.custom-control-input-maroon:checked ~ .custom-control-label::before {
2570
  border-color: #d81b60;
2571
  background-color: #d81b60;
2572
}
2573

2574
.custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2575
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23d81b60' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2576
}
2577

2578
.custom-control-input-maroon.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2579
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23d81b60'/%3E%3C/svg%3E") !important;
2580
}
2581

2582
.custom-control-input-maroon:focus ~ .custom-control-label::before {
2583
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(216, 27, 96, 0.25);
2584
}
2585

2586
.custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before {
2587
  border-color: #f083ab;
2588
}
2589

2590
.custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before {
2591
  background-color: #f5b0c9;
2592
  border-color: #f5b0c9;
2593
}
2594

2595
.custom-control-input-blue:checked ~ .custom-control-label::before {
2596
  border-color: #007bff;
2597
  background-color: #007bff;
2598
}
2599

2600
.custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2601
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2602
}
2603

2604
.custom-control-input-blue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2605
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important;
2606
}
2607

2608
.custom-control-input-blue:focus ~ .custom-control-label::before {
2609
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
2610
}
2611

2612
.custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before {
2613
  border-color: #80bdff;
2614
}
2615

2616
.custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before {
2617
  background-color: #b3d7ff;
2618
  border-color: #b3d7ff;
2619
}
2620

2621
.custom-control-input-indigo:checked ~ .custom-control-label::before {
2622
  border-color: #6610f2;
2623
  background-color: #6610f2;
2624
}
2625

2626
.custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2627
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2628
}
2629

2630
.custom-control-input-indigo.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2631
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important;
2632
}
2633

2634
.custom-control-input-indigo:focus ~ .custom-control-label::before {
2635
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25);
2636
}
2637

2638
.custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before {
2639
  border-color: #b389f9;
2640
}
2641

2642
.custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before {
2643
  background-color: #d2b9fb;
2644
  border-color: #d2b9fb;
2645
}
2646

2647
.custom-control-input-purple:checked ~ .custom-control-label::before {
2648
  border-color: #6f42c1;
2649
  background-color: #6f42c1;
2650
}
2651

2652
.custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2653
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2654
}
2655

2656
.custom-control-input-purple.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2657
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important;
2658
}
2659

2660
.custom-control-input-purple:focus ~ .custom-control-label::before {
2661
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
2662
}
2663

2664
.custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before {
2665
  border-color: #b8a2e0;
2666
}
2667

2668
.custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before {
2669
  background-color: #d5c8ed;
2670
  border-color: #d5c8ed;
2671
}
2672

2673
.custom-control-input-pink:checked ~ .custom-control-label::before {
2674
  border-color: #e83e8c;
2675
  background-color: #e83e8c;
2676
}
2677

2678
.custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2679
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2680
}
2681

2682
.custom-control-input-pink.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2683
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important;
2684
}
2685

2686
.custom-control-input-pink:focus ~ .custom-control-label::before {
2687
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25);
2688
}
2689

2690
.custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before {
2691
  border-color: #f6b0d0;
2692
}
2693

2694
.custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before {
2695
  background-color: #fbddeb;
2696
  border-color: #fbddeb;
2697
}
2698

2699
.custom-control-input-red:checked ~ .custom-control-label::before {
2700
  border-color: #dc3545;
2701
  background-color: #dc3545;
2702
}
2703

2704
.custom-control-input-red.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2705
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2706
}
2707

2708
.custom-control-input-red.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2709
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important;
2710
}
2711

2712
.custom-control-input-red:focus ~ .custom-control-label::before {
2713
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
2714
}
2715

2716
.custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before {
2717
  border-color: #efa2a9;
2718
}
2719

2720
.custom-control-input-red:not(:disabled):active ~ .custom-control-label::before {
2721
  background-color: #f6cdd1;
2722
  border-color: #f6cdd1;
2723
}
2724

2725
.custom-control-input-orange:checked ~ .custom-control-label::before {
2726
  border-color: #fd7e14;
2727
  background-color: #fd7e14;
2728
}
2729

2730
.custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2731
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2732
}
2733

2734
.custom-control-input-orange.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2735
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important;
2736
}
2737

2738
.custom-control-input-orange:focus ~ .custom-control-label::before {
2739
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
2740
}
2741

2742
.custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before {
2743
  border-color: #fec392;
2744
}
2745

2746
.custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before {
2747
  background-color: #ffdfc5;
2748
  border-color: #ffdfc5;
2749
}
2750

2751
.custom-control-input-yellow:checked ~ .custom-control-label::before {
2752
  border-color: #ffc107;
2753
  background-color: #ffc107;
2754
}
2755

2756
.custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2757
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2758
}
2759

2760
.custom-control-input-yellow.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2761
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important;
2762
}
2763

2764
.custom-control-input-yellow:focus ~ .custom-control-label::before {
2765
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
2766
}
2767

2768
.custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before {
2769
  border-color: #ffe187;
2770
}
2771

2772
.custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before {
2773
  background-color: #ffeeba;
2774
  border-color: #ffeeba;
2775
}
2776

2777
.custom-control-input-green:checked ~ .custom-control-label::before {
2778
  border-color: #28a745;
2779
  background-color: #28a745;
2780
}
2781

2782
.custom-control-input-green.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2783
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2784
}
2785

2786
.custom-control-input-green.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2787
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important;
2788
}
2789

2790
.custom-control-input-green:focus ~ .custom-control-label::before {
2791
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
2792
}
2793

2794
.custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before {
2795
  border-color: #71dd8a;
2796
}
2797

2798
.custom-control-input-green:not(:disabled):active ~ .custom-control-label::before {
2799
  background-color: #9be7ac;
2800
  border-color: #9be7ac;
2801
}
2802

2803
.custom-control-input-teal:checked ~ .custom-control-label::before {
2804
  border-color: #20c997;
2805
  background-color: #20c997;
2806
}
2807

2808
.custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2809
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2810
}
2811

2812
.custom-control-input-teal.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2813
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important;
2814
}
2815

2816
.custom-control-input-teal:focus ~ .custom-control-label::before {
2817
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25);
2818
}
2819

2820
.custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before {
2821
  border-color: #7eeaca;
2822
}
2823

2824
.custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before {
2825
  background-color: #aaf1dc;
2826
  border-color: #aaf1dc;
2827
}
2828

2829
.custom-control-input-cyan:checked ~ .custom-control-label::before {
2830
  border-color: #17a2b8;
2831
  background-color: #17a2b8;
2832
}
2833

2834
.custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2835
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2836
}
2837

2838
.custom-control-input-cyan.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2839
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important;
2840
}
2841

2842
.custom-control-input-cyan:focus ~ .custom-control-label::before {
2843
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
2844
}
2845

2846
.custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before {
2847
  border-color: #63d9ec;
2848
}
2849

2850
.custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before {
2851
  background-color: #90e4f1;
2852
  border-color: #90e4f1;
2853
}
2854

2855
.custom-control-input-white:checked ~ .custom-control-label::before {
2856
  border-color: #fff;
2857
  background-color: #fff;
2858
}
2859

2860
.custom-control-input-white.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2861
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2862
}
2863

2864
.custom-control-input-white.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2865
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important;
2866
}
2867

2868
.custom-control-input-white:focus ~ .custom-control-label::before {
2869
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
2870
}
2871

2872
.custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before {
2873
  border-color: white;
2874
}
2875

2876
.custom-control-input-white:not(:disabled):active ~ .custom-control-label::before {
2877
  background-color: white;
2878
  border-color: white;
2879
}
2880

2881
.custom-control-input-gray:checked ~ .custom-control-label::before {
2882
  border-color: #6c757d;
2883
  background-color: #6c757d;
2884
}
2885

2886
.custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2887
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2888
}
2889

2890
.custom-control-input-gray.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2891
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
2892
}
2893

2894
.custom-control-input-gray:focus ~ .custom-control-label::before {
2895
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
2896
}
2897

2898
.custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before {
2899
  border-color: #afb5ba;
2900
}
2901

2902
.custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before {
2903
  background-color: #caced1;
2904
  border-color: #caced1;
2905
}
2906

2907
.custom-control-input-gray-dark:checked ~ .custom-control-label::before {
2908
  border-color: #343a40;
2909
  background-color: #343a40;
2910
}
2911

2912
.custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
2913
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
2914
}
2915

2916
.custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
2917
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
2918
}
2919

2920
.custom-control-input-gray-dark:focus ~ .custom-control-label::before {
2921
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
2922
}
2923

2924
.custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before {
2925
  border-color: #6d7a86;
2926
}
2927

2928
.custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before {
2929
  background-color: #88939e;
2930
  border-color: #88939e;
2931
}
2932

2933
.custom-control-input-outline ~ .custom-control-label::before {
2934
  background-color: transparent !important;
2935
  box-shadow: none;
2936
}
2937

2938
.custom-control-input-outline:checked ~ .custom-control-label::before {
2939
  background-color: transparent;
2940
}
2941

2942
.navbar-dark .btn-navbar,
2943
.navbar-dark .form-control-navbar {
2944
  background-color: #3f474e;
2945
  border: 1px solid #56606a;
2946
  color: white;
2947
}
2948

2949
.navbar-dark .btn-navbar:hover {
2950
  background-color: #454d55;
2951
}
2952

2953
.navbar-dark .btn-navbar:focus {
2954
  background-color: #4b545c;
2955
}
2956

2957
.navbar-dark .form-control-navbar + .input-group-prepend > .btn-navbar,
2958
.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
2959
  background-color: #3f474e;
2960
  color: #fff;
2961
  border: 1px solid #56606a;
2962
  border-left: none;
2963
}
2964

2965
.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar),
2966
.dark-mode .custom-select,
2967
.dark-mode .custom-file-label,
2968
.dark-mode .custom-file-label::after,
2969
.dark-mode .custom-control-label::before,
2970
.dark-mode .input-group-text {
2971
  background-color: #343a40;
2972
  color: #fff;
2973
}
2974

2975
.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus),
2976
.dark-mode .custom-file-label,
2977
.dark-mode .custom-file-label::after {
2978
  border-color: #6c757d;
2979
}
2980

2981
.dark-mode select {
2982
  background-color: #343a40;
2983
  color: #fff;
2984
  border-color: #6c757d;
2985
}
2986

2987
.dark-mode .custom-select {
2988
  background: #343a40 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
2989
}
2990

2991
.dark-mode .custom-select[multiple] {
2992
  background: #343a40;
2993
}
2994

2995
.dark-mode .input-group-text {
2996
  border-color: #6c757d;
2997
}
2998

2999
.dark-mode .custom-control-input:disabled ~ .custom-control-label::before,
3000
.dark-mode .custom-control-input[disabled] ~ .custom-control-label::before {
3001
  background-color: #3f474e;
3002
  border-color: #6c757d;
3003
  color: #fff;
3004
}
3005

3006
.dark-mode input:-webkit-autofill,
3007
.dark-mode input:-webkit-autofill:hover,
3008
.dark-mode input:-webkit-autofill:focus,
3009
.dark-mode textarea:-webkit-autofill,
3010
.dark-mode textarea:-webkit-autofill:hover,
3011
.dark-mode textarea:-webkit-autofill:focus,
3012
.dark-mode select:-webkit-autofill,
3013
.dark-mode select:-webkit-autofill:hover,
3014
.dark-mode select:-webkit-autofill:focus {
3015
  -webkit-text-fill-color: #fff;
3016
}
3017

3018
.dark-mode .custom-range::-webkit-slider-runnable-track {
3019
  background-color: #454d55;
3020
}
3021

3022
.dark-mode .custom-range::-moz-range-track {
3023
  background-color: #454d55;
3024
}
3025

3026
.dark-mode .custom-range::-ms-track {
3027
  background-color: #454d55;
3028
}
3029

3030
.dark-mode .custom-range.custom-range-primary:focus {
3031
  outline: none;
3032
}
3033

3034
.dark-mode .custom-range.custom-range-primary:focus::-webkit-slider-thumb {
3035
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
3036
}
3037

3038
.dark-mode .custom-range.custom-range-primary:focus::-moz-range-thumb {
3039
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
3040
}
3041

3042
.dark-mode .custom-range.custom-range-primary:focus::-ms-thumb {
3043
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
3044
}
3045

3046
.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb {
3047
  background-color: #3f6791;
3048
}
3049

3050
.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb:active {
3051
  background-color: #a9c1da;
3052
}
3053

3054
.dark-mode .custom-range.custom-range-primary::-moz-range-thumb {
3055
  background-color: #3f6791;
3056
}
3057

3058
.dark-mode .custom-range.custom-range-primary::-moz-range-thumb:active {
3059
  background-color: #a9c1da;
3060
}
3061

3062
.dark-mode .custom-range.custom-range-primary::-ms-thumb {
3063
  background-color: #3f6791;
3064
}
3065

3066
.dark-mode .custom-range.custom-range-primary::-ms-thumb:active {
3067
  background-color: #a9c1da;
3068
}
3069

3070
.dark-mode .custom-range.custom-range-secondary:focus {
3071
  outline: none;
3072
}
3073

3074
.dark-mode .custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
3075
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
3076
}
3077

3078
.dark-mode .custom-range.custom-range-secondary:focus::-moz-range-thumb {
3079
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
3080
}
3081

3082
.dark-mode .custom-range.custom-range-secondary:focus::-ms-thumb {
3083
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
3084
}
3085

3086
.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb {
3087
  background-color: #6c757d;
3088
}
3089

3090
.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb:active {
3091
  background-color: #caced1;
3092
}
3093

3094
.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb {
3095
  background-color: #6c757d;
3096
}
3097

3098
.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb:active {
3099
  background-color: #caced1;
3100
}
3101

3102
.dark-mode .custom-range.custom-range-secondary::-ms-thumb {
3103
  background-color: #6c757d;
3104
}
3105

3106
.dark-mode .custom-range.custom-range-secondary::-ms-thumb:active {
3107
  background-color: #caced1;
3108
}
3109

3110
.dark-mode .custom-range.custom-range-success:focus {
3111
  outline: none;
3112
}
3113

3114
.dark-mode .custom-range.custom-range-success:focus::-webkit-slider-thumb {
3115
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
3116
}
3117

3118
.dark-mode .custom-range.custom-range-success:focus::-moz-range-thumb {
3119
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
3120
}
3121

3122
.dark-mode .custom-range.custom-range-success:focus::-ms-thumb {
3123
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
3124
}
3125

3126
.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb {
3127
  background-color: #00bc8c;
3128
}
3129

3130
.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb:active {
3131
  background-color: #70ffda;
3132
}
3133

3134
.dark-mode .custom-range.custom-range-success::-moz-range-thumb {
3135
  background-color: #00bc8c;
3136
}
3137

3138
.dark-mode .custom-range.custom-range-success::-moz-range-thumb:active {
3139
  background-color: #70ffda;
3140
}
3141

3142
.dark-mode .custom-range.custom-range-success::-ms-thumb {
3143
  background-color: #00bc8c;
3144
}
3145

3146
.dark-mode .custom-range.custom-range-success::-ms-thumb:active {
3147
  background-color: #70ffda;
3148
}
3149

3150
.dark-mode .custom-range.custom-range-info:focus {
3151
  outline: none;
3152
}
3153

3154
.dark-mode .custom-range.custom-range-info:focus::-webkit-slider-thumb {
3155
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
3156
}
3157

3158
.dark-mode .custom-range.custom-range-info:focus::-moz-range-thumb {
3159
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
3160
}
3161

3162
.dark-mode .custom-range.custom-range-info:focus::-ms-thumb {
3163
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
3164
}
3165

3166
.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb {
3167
  background-color: #3498db;
3168
}
3169

3170
.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb:active {
3171
  background-color: #cce5f6;
3172
}
3173

3174
.dark-mode .custom-range.custom-range-info::-moz-range-thumb {
3175
  background-color: #3498db;
3176
}
3177

3178
.dark-mode .custom-range.custom-range-info::-moz-range-thumb:active {
3179
  background-color: #cce5f6;
3180
}
3181

3182
.dark-mode .custom-range.custom-range-info::-ms-thumb {
3183
  background-color: #3498db;
3184
}
3185

3186
.dark-mode .custom-range.custom-range-info::-ms-thumb:active {
3187
  background-color: #cce5f6;
3188
}
3189

3190
.dark-mode .custom-range.custom-range-warning:focus {
3191
  outline: none;
3192
}
3193

3194
.dark-mode .custom-range.custom-range-warning:focus::-webkit-slider-thumb {
3195
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
3196
}
3197

3198
.dark-mode .custom-range.custom-range-warning:focus::-moz-range-thumb {
3199
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
3200
}
3201

3202
.dark-mode .custom-range.custom-range-warning:focus::-ms-thumb {
3203
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
3204
}
3205

3206
.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb {
3207
  background-color: #f39c12;
3208
}
3209

3210
.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb:active {
3211
  background-color: #fce3bc;
3212
}
3213

3214
.dark-mode .custom-range.custom-range-warning::-moz-range-thumb {
3215
  background-color: #f39c12;
3216
}
3217

3218
.dark-mode .custom-range.custom-range-warning::-moz-range-thumb:active {
3219
  background-color: #fce3bc;
3220
}
3221

3222
.dark-mode .custom-range.custom-range-warning::-ms-thumb {
3223
  background-color: #f39c12;
3224
}
3225

3226
.dark-mode .custom-range.custom-range-warning::-ms-thumb:active {
3227
  background-color: #fce3bc;
3228
}
3229

3230
.dark-mode .custom-range.custom-range-danger:focus {
3231
  outline: none;
3232
}
3233

3234
.dark-mode .custom-range.custom-range-danger:focus::-webkit-slider-thumb {
3235
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
3236
}
3237

3238
.dark-mode .custom-range.custom-range-danger:focus::-moz-range-thumb {
3239
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
3240
}
3241

3242
.dark-mode .custom-range.custom-range-danger:focus::-ms-thumb {
3243
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
3244
}
3245

3246
.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb {
3247
  background-color: #e74c3c;
3248
}
3249

3250
.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb:active {
3251
  background-color: #fbdedb;
3252
}
3253

3254
.dark-mode .custom-range.custom-range-danger::-moz-range-thumb {
3255
  background-color: #e74c3c;
3256
}
3257

3258
.dark-mode .custom-range.custom-range-danger::-moz-range-thumb:active {
3259
  background-color: #fbdedb;
3260
}
3261

3262
.dark-mode .custom-range.custom-range-danger::-ms-thumb {
3263
  background-color: #e74c3c;
3264
}
3265

3266
.dark-mode .custom-range.custom-range-danger::-ms-thumb:active {
3267
  background-color: #fbdedb;
3268
}
3269

3270
.dark-mode .custom-range.custom-range-light:focus {
3271
  outline: none;
3272
}
3273

3274
.dark-mode .custom-range.custom-range-light:focus::-webkit-slider-thumb {
3275
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
3276
}
3277

3278
.dark-mode .custom-range.custom-range-light:focus::-moz-range-thumb {
3279
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
3280
}
3281

3282
.dark-mode .custom-range.custom-range-light:focus::-ms-thumb {
3283
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
3284
}
3285

3286
.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb {
3287
  background-color: #f8f9fa;
3288
}
3289

3290
.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb:active {
3291
  background-color: white;
3292
}
3293

3294
.dark-mode .custom-range.custom-range-light::-moz-range-thumb {
3295
  background-color: #f8f9fa;
3296
}
3297

3298
.dark-mode .custom-range.custom-range-light::-moz-range-thumb:active {
3299
  background-color: white;
3300
}
3301

3302
.dark-mode .custom-range.custom-range-light::-ms-thumb {
3303
  background-color: #f8f9fa;
3304
}
3305

3306
.dark-mode .custom-range.custom-range-light::-ms-thumb:active {
3307
  background-color: white;
3308
}
3309

3310
.dark-mode .custom-range.custom-range-dark:focus {
3311
  outline: none;
3312
}
3313

3314
.dark-mode .custom-range.custom-range-dark:focus::-webkit-slider-thumb {
3315
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
3316
}
3317

3318
.dark-mode .custom-range.custom-range-dark:focus::-moz-range-thumb {
3319
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
3320
}
3321

3322
.dark-mode .custom-range.custom-range-dark:focus::-ms-thumb {
3323
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
3324
}
3325

3326
.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb {
3327
  background-color: #343a40;
3328
}
3329

3330
.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb:active {
3331
  background-color: #88939e;
3332
}
3333

3334
.dark-mode .custom-range.custom-range-dark::-moz-range-thumb {
3335
  background-color: #343a40;
3336
}
3337

3338
.dark-mode .custom-range.custom-range-dark::-moz-range-thumb:active {
3339
  background-color: #88939e;
3340
}
3341

3342
.dark-mode .custom-range.custom-range-dark::-ms-thumb {
3343
  background-color: #343a40;
3344
}
3345

3346
.dark-mode .custom-range.custom-range-dark::-ms-thumb:active {
3347
  background-color: #88939e;
3348
}
3349

3350
.dark-mode .custom-range.custom-range-lightblue:focus {
3351
  outline: none;
3352
}
3353

3354
.dark-mode .custom-range.custom-range-lightblue:focus::-webkit-slider-thumb {
3355
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
3356
}
3357

3358
.dark-mode .custom-range.custom-range-lightblue:focus::-moz-range-thumb {
3359
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
3360
}
3361

3362
.dark-mode .custom-range.custom-range-lightblue:focus::-ms-thumb {
3363
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
3364
}
3365

3366
.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb {
3367
  background-color: #86bad8;
3368
}
3369

3370
.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb:active {
3371
  background-color: white;
3372
}
3373

3374
.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb {
3375
  background-color: #86bad8;
3376
}
3377

3378
.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb:active {
3379
  background-color: white;
3380
}
3381

3382
.dark-mode .custom-range.custom-range-lightblue::-ms-thumb {
3383
  background-color: #86bad8;
3384
}
3385

3386
.dark-mode .custom-range.custom-range-lightblue::-ms-thumb:active {
3387
  background-color: white;
3388
}
3389

3390
.dark-mode .custom-range.custom-range-navy:focus {
3391
  outline: none;
3392
}
3393

3394
.dark-mode .custom-range.custom-range-navy:focus::-webkit-slider-thumb {
3395
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
3396
}
3397

3398
.dark-mode .custom-range.custom-range-navy:focus::-moz-range-thumb {
3399
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
3400
}
3401

3402
.dark-mode .custom-range.custom-range-navy:focus::-ms-thumb {
3403
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
3404
}
3405

3406
.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb {
3407
  background-color: #002c59;
3408
}
3409

3410
.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb:active {
3411
  background-color: #0c84ff;
3412
}
3413

3414
.dark-mode .custom-range.custom-range-navy::-moz-range-thumb {
3415
  background-color: #002c59;
3416
}
3417

3418
.dark-mode .custom-range.custom-range-navy::-moz-range-thumb:active {
3419
  background-color: #0c84ff;
3420
}
3421

3422
.dark-mode .custom-range.custom-range-navy::-ms-thumb {
3423
  background-color: #002c59;
3424
}
3425

3426
.dark-mode .custom-range.custom-range-navy::-ms-thumb:active {
3427
  background-color: #0c84ff;
3428
}
3429

3430
.dark-mode .custom-range.custom-range-olive:focus {
3431
  outline: none;
3432
}
3433

3434
.dark-mode .custom-range.custom-range-olive:focus::-webkit-slider-thumb {
3435
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
3436
}
3437

3438
.dark-mode .custom-range.custom-range-olive:focus::-moz-range-thumb {
3439
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
3440
}
3441

3442
.dark-mode .custom-range.custom-range-olive:focus::-ms-thumb {
3443
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
3444
}
3445

3446
.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb {
3447
  background-color: #74c8a3;
3448
}
3449

3450
.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb:active {
3451
  background-color: #f4fbf8;
3452
}
3453

3454
.dark-mode .custom-range.custom-range-olive::-moz-range-thumb {
3455
  background-color: #74c8a3;
3456
}
3457

3458
.dark-mode .custom-range.custom-range-olive::-moz-range-thumb:active {
3459
  background-color: #f4fbf8;
3460
}
3461

3462
.dark-mode .custom-range.custom-range-olive::-ms-thumb {
3463
  background-color: #74c8a3;
3464
}
3465

3466
.dark-mode .custom-range.custom-range-olive::-ms-thumb:active {
3467
  background-color: #f4fbf8;
3468
}
3469

3470
.dark-mode .custom-range.custom-range-lime:focus {
3471
  outline: none;
3472
}
3473

3474
.dark-mode .custom-range.custom-range-lime:focus::-webkit-slider-thumb {
3475
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
3476
}
3477

3478
.dark-mode .custom-range.custom-range-lime:focus::-moz-range-thumb {
3479
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
3480
}
3481

3482
.dark-mode .custom-range.custom-range-lime:focus::-ms-thumb {
3483
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
3484
}
3485

3486
.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb {
3487
  background-color: #67ffa9;
3488
}
3489

3490
.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb:active {
3491
  background-color: white;
3492
}
3493

3494
.dark-mode .custom-range.custom-range-lime::-moz-range-thumb {
3495
  background-color: #67ffa9;
3496
}
3497

3498
.dark-mode .custom-range.custom-range-lime::-moz-range-thumb:active {
3499
  background-color: white;
3500
}
3501

3502
.dark-mode .custom-range.custom-range-lime::-ms-thumb {
3503
  background-color: #67ffa9;
3504
}
3505

3506
.dark-mode .custom-range.custom-range-lime::-ms-thumb:active {
3507
  background-color: white;
3508
}
3509

3510
.dark-mode .custom-range.custom-range-fuchsia:focus {
3511
  outline: none;
3512
}
3513

3514
.dark-mode .custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
3515
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
3516
}
3517

3518
.dark-mode .custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
3519
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
3520
}
3521

3522
.dark-mode .custom-range.custom-range-fuchsia:focus::-ms-thumb {
3523
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
3524
}
3525

3526
.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb {
3527
  background-color: #f672d8;
3528
}
3529

3530
.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb:active {
3531
  background-color: white;
3532
}
3533

3534
.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb {
3535
  background-color: #f672d8;
3536
}
3537

3538
.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb:active {
3539
  background-color: white;
3540
}
3541

3542
.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb {
3543
  background-color: #f672d8;
3544
}
3545

3546
.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb:active {
3547
  background-color: white;
3548
}
3549

3550
.dark-mode .custom-range.custom-range-maroon:focus {
3551
  outline: none;
3552
}
3553

3554
.dark-mode .custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
3555
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
3556
}
3557

3558
.dark-mode .custom-range.custom-range-maroon:focus::-moz-range-thumb {
3559
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
3560
}
3561

3562
.dark-mode .custom-range.custom-range-maroon:focus::-ms-thumb {
3563
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
3564
}
3565

3566
.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb {
3567
  background-color: #ed6c9b;
3568
}
3569

3570
.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb:active {
3571
  background-color: white;
3572
}
3573

3574
.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb {
3575
  background-color: #ed6c9b;
3576
}
3577

3578
.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb:active {
3579
  background-color: white;
3580
}
3581

3582
.dark-mode .custom-range.custom-range-maroon::-ms-thumb {
3583
  background-color: #ed6c9b;
3584
}
3585

3586
.dark-mode .custom-range.custom-range-maroon::-ms-thumb:active {
3587
  background-color: white;
3588
}
3589

3590
.dark-mode .custom-range.custom-range-blue:focus {
3591
  outline: none;
3592
}
3593

3594
.dark-mode .custom-range.custom-range-blue:focus::-webkit-slider-thumb {
3595
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
3596
}
3597

3598
.dark-mode .custom-range.custom-range-blue:focus::-moz-range-thumb {
3599
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
3600
}
3601

3602
.dark-mode .custom-range.custom-range-blue:focus::-ms-thumb {
3603
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
3604
}
3605

3606
.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb {
3607
  background-color: #3f6791;
3608
}
3609

3610
.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb:active {
3611
  background-color: #a9c1da;
3612
}
3613

3614
.dark-mode .custom-range.custom-range-blue::-moz-range-thumb {
3615
  background-color: #3f6791;
3616
}
3617

3618
.dark-mode .custom-range.custom-range-blue::-moz-range-thumb:active {
3619
  background-color: #a9c1da;
3620
}
3621

3622
.dark-mode .custom-range.custom-range-blue::-ms-thumb {
3623
  background-color: #3f6791;
3624
}
3625

3626
.dark-mode .custom-range.custom-range-blue::-ms-thumb:active {
3627
  background-color: #a9c1da;
3628
}
3629

3630
.dark-mode .custom-range.custom-range-indigo:focus {
3631
  outline: none;
3632
}
3633

3634
.dark-mode .custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
3635
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
3636
}
3637

3638
.dark-mode .custom-range.custom-range-indigo:focus::-moz-range-thumb {
3639
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
3640
}
3641

3642
.dark-mode .custom-range.custom-range-indigo:focus::-ms-thumb {
3643
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
3644
}
3645

3646
.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb {
3647
  background-color: #6610f2;
3648
}
3649

3650
.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb:active {
3651
  background-color: #d2b9fb;
3652
}
3653

3654
.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb {
3655
  background-color: #6610f2;
3656
}
3657

3658
.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb:active {
3659
  background-color: #d2b9fb;
3660
}
3661

3662
.dark-mode .custom-range.custom-range-indigo::-ms-thumb {
3663
  background-color: #6610f2;
3664
}
3665

3666
.dark-mode .custom-range.custom-range-indigo::-ms-thumb:active {
3667
  background-color: #d2b9fb;
3668
}
3669

3670
.dark-mode .custom-range.custom-range-purple:focus {
3671
  outline: none;
3672
}
3673

3674
.dark-mode .custom-range.custom-range-purple:focus::-webkit-slider-thumb {
3675
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
3676
}
3677

3678
.dark-mode .custom-range.custom-range-purple:focus::-moz-range-thumb {
3679
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
3680
}
3681

3682
.dark-mode .custom-range.custom-range-purple:focus::-ms-thumb {
3683
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
3684
}
3685

3686
.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb {
3687
  background-color: #6f42c1;
3688
}
3689

3690
.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb:active {
3691
  background-color: #d5c8ed;
3692
}
3693

3694
.dark-mode .custom-range.custom-range-purple::-moz-range-thumb {
3695
  background-color: #6f42c1;
3696
}
3697

3698
.dark-mode .custom-range.custom-range-purple::-moz-range-thumb:active {
3699
  background-color: #d5c8ed;
3700
}
3701

3702
.dark-mode .custom-range.custom-range-purple::-ms-thumb {
3703
  background-color: #6f42c1;
3704
}
3705

3706
.dark-mode .custom-range.custom-range-purple::-ms-thumb:active {
3707
  background-color: #d5c8ed;
3708
}
3709

3710
.dark-mode .custom-range.custom-range-pink:focus {
3711
  outline: none;
3712
}
3713

3714
.dark-mode .custom-range.custom-range-pink:focus::-webkit-slider-thumb {
3715
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
3716
}
3717

3718
.dark-mode .custom-range.custom-range-pink:focus::-moz-range-thumb {
3719
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
3720
}
3721

3722
.dark-mode .custom-range.custom-range-pink:focus::-ms-thumb {
3723
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
3724
}
3725

3726
.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb {
3727
  background-color: #e83e8c;
3728
}
3729

3730
.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb:active {
3731
  background-color: #fbddeb;
3732
}
3733

3734
.dark-mode .custom-range.custom-range-pink::-moz-range-thumb {
3735
  background-color: #e83e8c;
3736
}
3737

3738
.dark-mode .custom-range.custom-range-pink::-moz-range-thumb:active {
3739
  background-color: #fbddeb;
3740
}
3741

3742
.dark-mode .custom-range.custom-range-pink::-ms-thumb {
3743
  background-color: #e83e8c;
3744
}
3745

3746
.dark-mode .custom-range.custom-range-pink::-ms-thumb:active {
3747
  background-color: #fbddeb;
3748
}
3749

3750
.dark-mode .custom-range.custom-range-red:focus {
3751
  outline: none;
3752
}
3753

3754
.dark-mode .custom-range.custom-range-red:focus::-webkit-slider-thumb {
3755
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
3756
}
3757

3758
.dark-mode .custom-range.custom-range-red:focus::-moz-range-thumb {
3759
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
3760
}
3761

3762
.dark-mode .custom-range.custom-range-red:focus::-ms-thumb {
3763
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
3764
}
3765

3766
.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb {
3767
  background-color: #e74c3c;
3768
}
3769

3770
.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb:active {
3771
  background-color: #fbdedb;
3772
}
3773

3774
.dark-mode .custom-range.custom-range-red::-moz-range-thumb {
3775
  background-color: #e74c3c;
3776
}
3777

3778
.dark-mode .custom-range.custom-range-red::-moz-range-thumb:active {
3779
  background-color: #fbdedb;
3780
}
3781

3782
.dark-mode .custom-range.custom-range-red::-ms-thumb {
3783
  background-color: #e74c3c;
3784
}
3785

3786
.dark-mode .custom-range.custom-range-red::-ms-thumb:active {
3787
  background-color: #fbdedb;
3788
}
3789

3790
.dark-mode .custom-range.custom-range-orange:focus {
3791
  outline: none;
3792
}
3793

3794
.dark-mode .custom-range.custom-range-orange:focus::-webkit-slider-thumb {
3795
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
3796
}
3797

3798
.dark-mode .custom-range.custom-range-orange:focus::-moz-range-thumb {
3799
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
3800
}
3801

3802
.dark-mode .custom-range.custom-range-orange:focus::-ms-thumb {
3803
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
3804
}
3805

3806
.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb {
3807
  background-color: #fd7e14;
3808
}
3809

3810
.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb:active {
3811
  background-color: #ffdfc5;
3812
}
3813

3814
.dark-mode .custom-range.custom-range-orange::-moz-range-thumb {
3815
  background-color: #fd7e14;
3816
}
3817

3818
.dark-mode .custom-range.custom-range-orange::-moz-range-thumb:active {
3819
  background-color: #ffdfc5;
3820
}
3821

3822
.dark-mode .custom-range.custom-range-orange::-ms-thumb {
3823
  background-color: #fd7e14;
3824
}
3825

3826
.dark-mode .custom-range.custom-range-orange::-ms-thumb:active {
3827
  background-color: #ffdfc5;
3828
}
3829

3830
.dark-mode .custom-range.custom-range-yellow:focus {
3831
  outline: none;
3832
}
3833

3834
.dark-mode .custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
3835
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
3836
}
3837

3838
.dark-mode .custom-range.custom-range-yellow:focus::-moz-range-thumb {
3839
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
3840
}
3841

3842
.dark-mode .custom-range.custom-range-yellow:focus::-ms-thumb {
3843
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
3844
}
3845

3846
.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb {
3847
  background-color: #f39c12;
3848
}
3849

3850
.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb:active {
3851
  background-color: #fce3bc;
3852
}
3853

3854
.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb {
3855
  background-color: #f39c12;
3856
}
3857

3858
.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb:active {
3859
  background-color: #fce3bc;
3860
}
3861

3862
.dark-mode .custom-range.custom-range-yellow::-ms-thumb {
3863
  background-color: #f39c12;
3864
}
3865

3866
.dark-mode .custom-range.custom-range-yellow::-ms-thumb:active {
3867
  background-color: #fce3bc;
3868
}
3869

3870
.dark-mode .custom-range.custom-range-green:focus {
3871
  outline: none;
3872
}
3873

3874
.dark-mode .custom-range.custom-range-green:focus::-webkit-slider-thumb {
3875
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
3876
}
3877

3878
.dark-mode .custom-range.custom-range-green:focus::-moz-range-thumb {
3879
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
3880
}
3881

3882
.dark-mode .custom-range.custom-range-green:focus::-ms-thumb {
3883
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
3884
}
3885

3886
.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb {
3887
  background-color: #00bc8c;
3888
}
3889

3890
.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb:active {
3891
  background-color: #70ffda;
3892
}
3893

3894
.dark-mode .custom-range.custom-range-green::-moz-range-thumb {
3895
  background-color: #00bc8c;
3896
}
3897

3898
.dark-mode .custom-range.custom-range-green::-moz-range-thumb:active {
3899
  background-color: #70ffda;
3900
}
3901

3902
.dark-mode .custom-range.custom-range-green::-ms-thumb {
3903
  background-color: #00bc8c;
3904
}
3905

3906
.dark-mode .custom-range.custom-range-green::-ms-thumb:active {
3907
  background-color: #70ffda;
3908
}
3909

3910
.dark-mode .custom-range.custom-range-teal:focus {
3911
  outline: none;
3912
}
3913

3914
.dark-mode .custom-range.custom-range-teal:focus::-webkit-slider-thumb {
3915
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
3916
}
3917

3918
.dark-mode .custom-range.custom-range-teal:focus::-moz-range-thumb {
3919
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
3920
}
3921

3922
.dark-mode .custom-range.custom-range-teal:focus::-ms-thumb {
3923
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
3924
}
3925

3926
.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb {
3927
  background-color: #20c997;
3928
}
3929

3930
.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb:active {
3931
  background-color: #aaf1dc;
3932
}
3933

3934
.dark-mode .custom-range.custom-range-teal::-moz-range-thumb {
3935
  background-color: #20c997;
3936
}
3937

3938
.dark-mode .custom-range.custom-range-teal::-moz-range-thumb:active {
3939
  background-color: #aaf1dc;
3940
}
3941

3942
.dark-mode .custom-range.custom-range-teal::-ms-thumb {
3943
  background-color: #20c997;
3944
}
3945

3946
.dark-mode .custom-range.custom-range-teal::-ms-thumb:active {
3947
  background-color: #aaf1dc;
3948
}
3949

3950
.dark-mode .custom-range.custom-range-cyan:focus {
3951
  outline: none;
3952
}
3953

3954
.dark-mode .custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
3955
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
3956
}
3957

3958
.dark-mode .custom-range.custom-range-cyan:focus::-moz-range-thumb {
3959
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
3960
}
3961

3962
.dark-mode .custom-range.custom-range-cyan:focus::-ms-thumb {
3963
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
3964
}
3965

3966
.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb {
3967
  background-color: #3498db;
3968
}
3969

3970
.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb:active {
3971
  background-color: #cce5f6;
3972
}
3973

3974
.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb {
3975
  background-color: #3498db;
3976
}
3977

3978
.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb:active {
3979
  background-color: #cce5f6;
3980
}
3981

3982
.dark-mode .custom-range.custom-range-cyan::-ms-thumb {
3983
  background-color: #3498db;
3984
}
3985

3986
.dark-mode .custom-range.custom-range-cyan::-ms-thumb:active {
3987
  background-color: #cce5f6;
3988
}
3989

3990
.dark-mode .custom-range.custom-range-white:focus {
3991
  outline: none;
3992
}
3993

3994
.dark-mode .custom-range.custom-range-white:focus::-webkit-slider-thumb {
3995
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
3996
}
3997

3998
.dark-mode .custom-range.custom-range-white:focus::-moz-range-thumb {
3999
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
4000
}
4001

4002
.dark-mode .custom-range.custom-range-white:focus::-ms-thumb {
4003
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
4004
}
4005

4006
.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb {
4007
  background-color: #fff;
4008
}
4009

4010
.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb:active {
4011
  background-color: white;
4012
}
4013

4014
.dark-mode .custom-range.custom-range-white::-moz-range-thumb {
4015
  background-color: #fff;
4016
}
4017

4018
.dark-mode .custom-range.custom-range-white::-moz-range-thumb:active {
4019
  background-color: white;
4020
}
4021

4022
.dark-mode .custom-range.custom-range-white::-ms-thumb {
4023
  background-color: #fff;
4024
}
4025

4026
.dark-mode .custom-range.custom-range-white::-ms-thumb:active {
4027
  background-color: white;
4028
}
4029

4030
.dark-mode .custom-range.custom-range-gray:focus {
4031
  outline: none;
4032
}
4033

4034
.dark-mode .custom-range.custom-range-gray:focus::-webkit-slider-thumb {
4035
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
4036
}
4037

4038
.dark-mode .custom-range.custom-range-gray:focus::-moz-range-thumb {
4039
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
4040
}
4041

4042
.dark-mode .custom-range.custom-range-gray:focus::-ms-thumb {
4043
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
4044
}
4045

4046
.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb {
4047
  background-color: #6c757d;
4048
}
4049

4050
.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb:active {
4051
  background-color: #caced1;
4052
}
4053

4054
.dark-mode .custom-range.custom-range-gray::-moz-range-thumb {
4055
  background-color: #6c757d;
4056
}
4057

4058
.dark-mode .custom-range.custom-range-gray::-moz-range-thumb:active {
4059
  background-color: #caced1;
4060
}
4061

4062
.dark-mode .custom-range.custom-range-gray::-ms-thumb {
4063
  background-color: #6c757d;
4064
}
4065

4066
.dark-mode .custom-range.custom-range-gray::-ms-thumb:active {
4067
  background-color: #caced1;
4068
}
4069

4070
.dark-mode .custom-range.custom-range-gray-dark:focus {
4071
  outline: none;
4072
}
4073

4074
.dark-mode .custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
4075
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
4076
}
4077

4078
.dark-mode .custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
4079
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
4080
}
4081

4082
.dark-mode .custom-range.custom-range-gray-dark:focus::-ms-thumb {
4083
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
4084
}
4085

4086
.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb {
4087
  background-color: #343a40;
4088
}
4089

4090
.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb:active {
4091
  background-color: #88939e;
4092
}
4093

4094
.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb {
4095
  background-color: #343a40;
4096
}
4097

4098
.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb:active {
4099
  background-color: #88939e;
4100
}
4101

4102
.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb {
4103
  background-color: #343a40;
4104
}
4105

4106
.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb:active {
4107
  background-color: #88939e;
4108
}
4109

4110
.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before {
4111
  background-color: #3f6791;
4112
  border-color: #20344a;
4113
}
4114

4115
.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before {
4116
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
4117
}
4118

4119
.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after {
4120
  background-color: #182838;
4121
}
4122

4123
.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
4124
  background-color: #3f6791;
4125
  border-color: #20344a;
4126
}
4127

4128
.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before {
4129
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
4130
}
4131

4132
.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after {
4133
  background-color: #97b4d2;
4134
}
4135

4136
.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before {
4137
  background-color: #6c757d;
4138
  border-color: #3d4246;
4139
}
4140

4141
.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before {
4142
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
4143
}
4144

4145
.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after {
4146
  background-color: #313539;
4147
}
4148

4149
.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before {
4150
  background-color: #6c757d;
4151
  border-color: #3d4246;
4152
}
4153

4154
.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before {
4155
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
4156
}
4157

4158
.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after {
4159
  background-color: #bcc1c6;
4160
}
4161

4162
.dark-mode .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before {
4163
  background-color: #00bc8c;
4164
  border-color: #005640;
4165
}
4166

4167
.dark-mode .custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before {
4168
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
4169
}
4170

4171
.dark-mode .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after {
4172
  background-color: #003d2d;
4173
}
4174

4175
.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
4176
  background-color: #00bc8c;
4177
  border-color: #005640;
4178
}
4179

4180
.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before {
4181
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
4182
}
4183

4184
.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
4185
  background-color: #56ffd4;
4186
}
4187

4188
.dark-mode .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before {
4189
  background-color: #3498db;
4190
  border-color: #196090;
4191
}
4192

4193
.dark-mode .custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before {
4194
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
4195
}
4196

4197
.dark-mode .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after {
4198
  background-color: #16527a;
4199
}
4200

4201
.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before {
4202
  background-color: #3498db;
4203
  border-color: #196090;
4204
}
4205

4206
.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before {
4207
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
4208
}
4209

4210
.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after {
4211
  background-color: #b6daf2;
4212
}
4213

4214
.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before {
4215
  background-color: #f39c12;
4216
  border-color: #976008;
4217
}
4218

4219
.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before {
4220
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
4221
}
4222

4223
.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after {
4224
  background-color: #7f5006;
4225
}
4226

4227
.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before {
4228
  background-color: #f39c12;
4229
  border-color: #976008;
4230
}
4231

4232
.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before {
4233
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
4234
}
4235

4236
.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after {
4237
  background-color: #fad9a4;
4238
}
4239

4240
.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
4241
  background-color: #e74c3c;
4242
  border-color: #a82315;
4243
}
4244

4245
.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before {
4246
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
4247
}
4248

4249
.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
4250
  background-color: #921e12;
4251
}
4252

4253
.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before {
4254
  background-color: #e74c3c;
4255
  border-color: #a82315;
4256
}
4257

4258
.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before {
4259
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
4260
}
4261

4262
.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after {
4263
  background-color: #f8c9c4;
4264
}
4265

4266
.dark-mode .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before {
4267
  background-color: #f8f9fa;
4268
  border-color: #bdc6d0;
4269
}
4270

4271
.dark-mode .custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before {
4272
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
4273
}
4274

4275
.dark-mode .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after {
4276
  background-color: #aeb9c5;
4277
}
4278

4279
.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before {
4280
  background-color: #f8f9fa;
4281
  border-color: #bdc6d0;
4282
}
4283

4284
.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before {
4285
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
4286
}
4287

4288
.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after {
4289
  background-color: white;
4290
}
4291

4292
.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before {
4293
  background-color: #343a40;
4294
  border-color: #060708;
4295
}
4296

4297
.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before {
4298
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
4299
}
4300

4301
.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after {
4302
  background-color: black;
4303
}
4304

4305
.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before {
4306
  background-color: #343a40;
4307
  border-color: #060708;
4308
}
4309

4310
.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
4311
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
4312
}
4313

4314
.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after {
4315
  background-color: #7a8793;
4316
}
4317

4318
.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before {
4319
  background-color: #86bad8;
4320
  border-color: #3c8dbc;
4321
}
4322

4323
.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before {
4324
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
4325
}
4326

4327
.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after {
4328
  background-color: #367fa9;
4329
}
4330

4331
.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before {
4332
  background-color: #86bad8;
4333
  border-color: #3c8dbc;
4334
}
4335

4336
.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before {
4337
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
4338
}
4339

4340
.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after {
4341
  background-color: #fafcfd;
4342
}
4343

4344
.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before {
4345
  background-color: #002c59;
4346
  border-color: black;
4347
}
4348

4349
.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before {
4350
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
4351
}
4352

4353
.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after {
4354
  background-color: black;
4355
}
4356

4357
.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before {
4358
  background-color: #002c59;
4359
  border-color: black;
4360
}
4361

4362
.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before {
4363
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
4364
}
4365

4366
.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after {
4367
  background-color: #0077f2;
4368
}
4369

4370
.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before {
4371
  background-color: #74c8a3;
4372
  border-color: #3d9970;
4373
}
4374

4375
.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before {
4376
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
4377
}
4378

4379
.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after {
4380
  background-color: #368763;
4381
}
4382

4383
.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before {
4384
  background-color: #74c8a3;
4385
  border-color: #3d9970;
4386
}
4387

4388
.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before {
4389
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
4390
}
4391

4392
.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after {
4393
  background-color: #e2f3eb;
4394
}
4395

4396
.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before {
4397
  background-color: #67ffa9;
4398
  border-color: #01ff70;
4399
}
4400

4401
.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before {
4402
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
4403
}
4404

4405
.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after {
4406
  background-color: #00e765;
4407
}
4408

4409
.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before {
4410
  background-color: #67ffa9;
4411
  border-color: #01ff70;
4412
}
4413

4414
.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before {
4415
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
4416
}
4417

4418
.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after {
4419
  background-color: white;
4420
}
4421

4422
.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before {
4423
  background-color: #f672d8;
4424
  border-color: #f012be;
4425
}
4426

4427
.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before {
4428
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
4429
}
4430

4431
.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after {
4432
  background-color: #db0ead;
4433
}
4434

4435
.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
4436
  background-color: #f672d8;
4437
  border-color: #f012be;
4438
}
4439

4440
.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before {
4441
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
4442
}
4443

4444
.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
4445
  background-color: white;
4446
}
4447

4448
.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before {
4449
  background-color: #ed6c9b;
4450
  border-color: #d81b60;
4451
}
4452

4453
.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before {
4454
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
4455
}
4456

4457
.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after {
4458
  background-color: #c11856;
4459
}
4460

4461
.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before {
4462
  background-color: #ed6c9b;
4463
  border-color: #d81b60;
4464
}
4465

4466
.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before {
4467
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
4468
}
4469

4470
.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after {
4471
  background-color: #fef4f8;
4472
}
4473

4474
.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before {
4475
  background-color: #3f6791;
4476
  border-color: #20344a;
4477
}
4478

4479
.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before {
4480
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
4481
}
4482

4483
.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after {
4484
  background-color: #182838;
4485
}
4486

4487
.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before {
4488
  background-color: #3f6791;
4489
  border-color: #20344a;
4490
}
4491

4492
.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before {
4493
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
4494
}
4495

4496
.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after {
4497
  background-color: #97b4d2;
4498
}
4499

4500
.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before {
4501
  background-color: #6610f2;
4502
  border-color: #3d0894;
4503
}
4504

4505
.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before {
4506
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
4507
}
4508

4509
.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after {
4510
  background-color: #33077c;
4511
}
4512

4513
.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before {
4514
  background-color: #6610f2;
4515
  border-color: #3d0894;
4516
}
4517

4518
.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before {
4519
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
4520
}
4521

4522
.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after {
4523
  background-color: #c3a1fa;
4524
}
4525

4526
.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before {
4527
  background-color: #6f42c1;
4528
  border-color: #432776;
4529
}
4530

4531
.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before {
4532
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
4533
}
4534

4535
.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after {
4536
  background-color: #382063;
4537
}
4538

4539
.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before {
4540
  background-color: #6f42c1;
4541
  border-color: #432776;
4542
}
4543

4544
.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before {
4545
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
4546
}
4547

4548
.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after {
4549
  background-color: #c7b5e7;
4550
}
4551

4552
.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before {
4553
  background-color: #e83e8c;
4554
  border-color: #ac145a;
4555
}
4556

4557
.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before {
4558
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
4559
}
4560

4561
.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after {
4562
  background-color: #95124e;
4563
}
4564

4565
.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before {
4566
  background-color: #e83e8c;
4567
  border-color: #ac145a;
4568
}
4569

4570
.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before {
4571
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
4572
}
4573

4574
.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after {
4575
  background-color: #f8c7dd;
4576
}
4577

4578
.dark-mode .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before {
4579
  background-color: #e74c3c;
4580
  border-color: #a82315;
4581
}
4582

4583
.dark-mode .custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before {
4584
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
4585
}
4586

4587
.dark-mode .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after {
4588
  background-color: #921e12;
4589
}
4590

4591
.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before {
4592
  background-color: #e74c3c;
4593
  border-color: #a82315;
4594
}
4595

4596
.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before {
4597
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
4598
}
4599

4600
.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after {
4601
  background-color: #f8c9c4;
4602
}
4603

4604
.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before {
4605
  background-color: #fd7e14;
4606
  border-color: #aa4e01;
4607
}
4608

4609
.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before {
4610
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
4611
}
4612

4613
.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after {
4614
  background-color: #904201;
4615
}
4616

4617
.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before {
4618
  background-color: #fd7e14;
4619
  border-color: #aa4e01;
4620
}
4621

4622
.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before {
4623
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
4624
}
4625

4626
.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after {
4627
  background-color: #fed1ac;
4628
}
4629

4630
.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before {
4631
  background-color: #f39c12;
4632
  border-color: #976008;
4633
}
4634

4635
.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before {
4636
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
4637
}
4638

4639
.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after {
4640
  background-color: #7f5006;
4641
}
4642

4643
.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before {
4644
  background-color: #f39c12;
4645
  border-color: #976008;
4646
}
4647

4648
.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before {
4649
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
4650
}
4651

4652
.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after {
4653
  background-color: #fad9a4;
4654
}
4655

4656
.dark-mode .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before {
4657
  background-color: #00bc8c;
4658
  border-color: #005640;
4659
}
4660

4661
.dark-mode .custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before {
4662
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
4663
}
4664

4665
.dark-mode .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after {
4666
  background-color: #003d2d;
4667
}
4668

4669
.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before {
4670
  background-color: #00bc8c;
4671
  border-color: #005640;
4672
}
4673

4674
.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before {
4675
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
4676
}
4677

4678
.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after {
4679
  background-color: #56ffd4;
4680
}
4681

4682
.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before {
4683
  background-color: #20c997;
4684
  border-color: #127155;
4685
}
4686

4687
.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before {
4688
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
4689
}
4690

4691
.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after {
4692
  background-color: #0e5b44;
4693
}
4694

4695
.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before {
4696
  background-color: #20c997;
4697
  border-color: #127155;
4698
}
4699

4700
.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before {
4701
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
4702
}
4703

4704
.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after {
4705
  background-color: #94eed3;
4706
}
4707

4708
.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before {
4709
  background-color: #3498db;
4710
  border-color: #196090;
4711
}
4712

4713
.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before {
4714
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
4715
}
4716

4717
.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after {
4718
  background-color: #16527a;
4719
}
4720

4721
.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before {
4722
  background-color: #3498db;
4723
  border-color: #196090;
4724
}
4725

4726
.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before {
4727
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
4728
}
4729

4730
.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after {
4731
  background-color: #b6daf2;
4732
}
4733

4734
.dark-mode .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before {
4735
  background-color: #fff;
4736
  border-color: #cccccc;
4737
}
4738

4739
.dark-mode .custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before {
4740
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
4741
}
4742

4743
.dark-mode .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after {
4744
  background-color: #bfbfbf;
4745
}
4746

4747
.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before {
4748
  background-color: #fff;
4749
  border-color: #cccccc;
4750
}
4751

4752
.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before {
4753
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
4754
}
4755

4756
.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after {
4757
  background-color: white;
4758
}
4759

4760
.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before {
4761
  background-color: #6c757d;
4762
  border-color: #3d4246;
4763
}
4764

4765
.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before {
4766
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
4767
}
4768

4769
.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after {
4770
  background-color: #313539;
4771
}
4772

4773
.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before {
4774
  background-color: #6c757d;
4775
  border-color: #3d4246;
4776
}
4777

4778
.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before {
4779
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
4780
}
4781

4782
.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after {
4783
  background-color: #bcc1c6;
4784
}
4785

4786
.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before {
4787
  background-color: #343a40;
4788
  border-color: #060708;
4789
}
4790

4791
.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before {
4792
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
4793
}
4794

4795
.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after {
4796
  background-color: black;
4797
}
4798

4799
.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
4800
  background-color: #343a40;
4801
  border-color: #060708;
4802
}
4803

4804
.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
4805
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
4806
}
4807

4808
.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
4809
  background-color: #7a8793;
4810
}
4811

4812
.dark-mode .custom-control-input-primary:checked ~ .custom-control-label::before {
4813
  border-color: #3f6791;
4814
  background-color: #3f6791;
4815
}
4816

4817
.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
4818
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233f6791' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
4819
}
4820

4821
.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
4822
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E") !important;
4823
}
4824

4825
.dark-mode .custom-control-input-primary:focus ~ .custom-control-label::before {
4826
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(63, 103, 145, 0.25);
4827
}
4828

4829
.dark-mode .custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before {
4830
  border-color: #85a7ca;
4831
}
4832

4833
.dark-mode .custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before {
4834
  background-color: #a9c1da;
4835
  border-color: #a9c1da;
4836
}
4837

4838
.dark-mode .custom-control-input-secondary:checked ~ .custom-control-label::before {
4839
  border-color: #6c757d;
4840
  background-color: #6c757d;
4841
}
4842

4843
.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
4844
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
4845
}
4846

4847
.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
4848
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
4849
}
4850

4851
.dark-mode .custom-control-input-secondary:focus ~ .custom-control-label::before {
4852
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
4853
}
4854

4855
.dark-mode .custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before {
4856
  border-color: #afb5ba;
4857
}
4858

4859
.dark-mode .custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before {
4860
  background-color: #caced1;
4861
  border-color: #caced1;
4862
}
4863

4864
.dark-mode .custom-control-input-success:checked ~ .custom-control-label::before {
4865
  border-color: #00bc8c;
4866
  background-color: #00bc8c;
4867
}
4868

4869
.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
4870
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300bc8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
4871
}
4872

4873
.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
4874
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E") !important;
4875
}
4876

4877
.dark-mode .custom-control-input-success:focus ~ .custom-control-label::before {
4878
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 188, 140, 0.25);
4879
}
4880

4881
.dark-mode .custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before {
4882
  border-color: #3dffcd;
4883
}
4884

4885
.dark-mode .custom-control-input-success:not(:disabled):active ~ .custom-control-label::before {
4886
  background-color: #70ffda;
4887
  border-color: #70ffda;
4888
}
4889

4890
.dark-mode .custom-control-input-info:checked ~ .custom-control-label::before {
4891
  border-color: #3498db;
4892
  background-color: #3498db;
4893
}
4894

4895
.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
4896
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233498db' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
4897
}
4898

4899
.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
4900
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E") !important;
4901
}
4902

4903
.dark-mode .custom-control-input-info:focus ~ .custom-control-label::before {
4904
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
4905
}
4906

4907
.dark-mode .custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before {
4908
  border-color: #a0cfee;
4909
}
4910

4911
.dark-mode .custom-control-input-info:not(:disabled):active ~ .custom-control-label::before {
4912
  background-color: #cce5f6;
4913
  border-color: #cce5f6;
4914
}
4915

4916
.dark-mode .custom-control-input-warning:checked ~ .custom-control-label::before {
4917
  border-color: #f39c12;
4918
  background-color: #f39c12;
4919
}
4920

4921
.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
4922
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f39c12' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
4923
}
4924

4925
.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
4926
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E") !important;
4927
}
4928

4929
.dark-mode .custom-control-input-warning:focus ~ .custom-control-label::before {
4930
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
4931
}
4932

4933
.dark-mode .custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before {
4934
  border-color: #f9cf8b;
4935
}
4936

4937
.dark-mode .custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before {
4938
  background-color: #fce3bc;
4939
  border-color: #fce3bc;
4940
}
4941

4942
.dark-mode .custom-control-input-danger:checked ~ .custom-control-label::before {
4943
  border-color: #e74c3c;
4944
  background-color: #e74c3c;
4945
}
4946

4947
.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
4948
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e74c3c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
4949
}
4950

4951
.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
4952
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E") !important;
4953
}
4954

4955
.dark-mode .custom-control-input-danger:focus ~ .custom-control-label::before {
4956
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(231, 76, 60, 0.25);
4957
}
4958

4959
.dark-mode .custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before {
4960
  border-color: #f5b4ae;
4961
}
4962

4963
.dark-mode .custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before {
4964
  background-color: #fbdedb;
4965
  border-color: #fbdedb;
4966
}
4967

4968
.dark-mode .custom-control-input-light:checked ~ .custom-control-label::before {
4969
  border-color: #f8f9fa;
4970
  background-color: #f8f9fa;
4971
}
4972

4973
.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
4974
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
4975
}
4976

4977
.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
4978
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important;
4979
}
4980

4981
.dark-mode .custom-control-input-light:focus ~ .custom-control-label::before {
4982
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25);
4983
}
4984

4985
.dark-mode .custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before {
4986
  border-color: white;
4987
}
4988

4989
.dark-mode .custom-control-input-light:not(:disabled):active ~ .custom-control-label::before {
4990
  background-color: white;
4991
  border-color: white;
4992
}
4993

4994
.dark-mode .custom-control-input-dark:checked ~ .custom-control-label::before {
4995
  border-color: #343a40;
4996
  background-color: #343a40;
4997
}
4998

4999
.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5000
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5001
}
5002

5003
.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5004
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
5005
}
5006

5007
.dark-mode .custom-control-input-dark:focus ~ .custom-control-label::before {
5008
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
5009
}
5010

5011
.dark-mode .custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before {
5012
  border-color: #6d7a86;
5013
}
5014

5015
.dark-mode .custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before {
5016
  background-color: #88939e;
5017
  border-color: #88939e;
5018
}
5019

5020
.dark-mode .custom-control-input-lightblue:checked ~ .custom-control-label::before {
5021
  border-color: #86bad8;
5022
  background-color: #86bad8;
5023
}
5024

5025
.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5026
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2386bad8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5027
}
5028

5029
.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5030
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386bad8'/%3E%3C/svg%3E") !important;
5031
}
5032

5033
.dark-mode .custom-control-input-lightblue:focus ~ .custom-control-label::before {
5034
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(134, 186, 216, 0.25);
5035
}
5036

5037
.dark-mode .custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before {
5038
  border-color: #e6f1f7;
5039
}
5040

5041
.dark-mode .custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before {
5042
  background-color: white;
5043
  border-color: white;
5044
}
5045

5046
.dark-mode .custom-control-input-navy:checked ~ .custom-control-label::before {
5047
  border-color: #002c59;
5048
  background-color: #002c59;
5049
}
5050

5051
.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5052
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23002c59' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5053
}
5054

5055
.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5056
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23002c59'/%3E%3C/svg%3E") !important;
5057
}
5058

5059
.dark-mode .custom-control-input-navy:focus ~ .custom-control-label::before {
5060
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 44, 89, 0.25);
5061
}
5062

5063
.dark-mode .custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before {
5064
  border-color: #006ad8;
5065
}
5066

5067
.dark-mode .custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before {
5068
  background-color: #0c84ff;
5069
  border-color: #0c84ff;
5070
}
5071

5072
.dark-mode .custom-control-input-olive:checked ~ .custom-control-label::before {
5073
  border-color: #74c8a3;
5074
  background-color: #74c8a3;
5075
}
5076

5077
.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5078
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2374c8a3' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5079
}
5080

5081
.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5082
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2374c8a3'/%3E%3C/svg%3E") !important;
5083
}
5084

5085
.dark-mode .custom-control-input-olive:focus ~ .custom-control-label::before {
5086
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(116, 200, 163, 0.25);
5087
}
5088

5089
.dark-mode .custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before {
5090
  border-color: #cfecdf;
5091
}
5092

5093
.dark-mode .custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before {
5094
  background-color: #f4fbf8;
5095
  border-color: #f4fbf8;
5096
}
5097

5098
.dark-mode .custom-control-input-lime:checked ~ .custom-control-label::before {
5099
  border-color: #67ffa9;
5100
  background-color: #67ffa9;
5101
}
5102

5103
.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5104
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2367ffa9' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5105
}
5106

5107
.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5108
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2367ffa9'/%3E%3C/svg%3E") !important;
5109
}
5110

5111
.dark-mode .custom-control-input-lime:focus ~ .custom-control-label::before {
5112
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(103, 255, 169, 0.25);
5113
}
5114

5115
.dark-mode .custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before {
5116
  border-color: #e7fff1;
5117
}
5118

5119
.dark-mode .custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before {
5120
  background-color: white;
5121
  border-color: white;
5122
}
5123

5124
.dark-mode .custom-control-input-fuchsia:checked ~ .custom-control-label::before {
5125
  border-color: #f672d8;
5126
  background-color: #f672d8;
5127
}
5128

5129
.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5130
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f672d8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5131
}
5132

5133
.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5134
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f672d8'/%3E%3C/svg%3E") !important;
5135
}
5136

5137
.dark-mode .custom-control-input-fuchsia:focus ~ .custom-control-label::before {
5138
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(246, 114, 216, 0.25);
5139
}
5140

5141
.dark-mode .custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before {
5142
  border-color: #feeaf9;
5143
}
5144

5145
.dark-mode .custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before {
5146
  background-color: white;
5147
  border-color: white;
5148
}
5149

5150
.dark-mode .custom-control-input-maroon:checked ~ .custom-control-label::before {
5151
  border-color: #ed6c9b;
5152
  background-color: #ed6c9b;
5153
}
5154

5155
.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5156
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ed6c9b' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5157
}
5158

5159
.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5160
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ed6c9b'/%3E%3C/svg%3E") !important;
5161
}
5162

5163
.dark-mode .custom-control-input-maroon:focus ~ .custom-control-label::before {
5164
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(237, 108, 155, 0.25);
5165
}
5166

5167
.dark-mode .custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before {
5168
  border-color: #fbdee8;
5169
}
5170

5171
.dark-mode .custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before {
5172
  background-color: white;
5173
  border-color: white;
5174
}
5175

5176
.dark-mode .custom-control-input-blue:checked ~ .custom-control-label::before {
5177
  border-color: #3f6791;
5178
  background-color: #3f6791;
5179
}
5180

5181
.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5182
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233f6791' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5183
}
5184

5185
.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5186
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E") !important;
5187
}
5188

5189
.dark-mode .custom-control-input-blue:focus ~ .custom-control-label::before {
5190
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(63, 103, 145, 0.25);
5191
}
5192

5193
.dark-mode .custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before {
5194
  border-color: #85a7ca;
5195
}
5196

5197
.dark-mode .custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before {
5198
  background-color: #a9c1da;
5199
  border-color: #a9c1da;
5200
}
5201

5202
.dark-mode .custom-control-input-indigo:checked ~ .custom-control-label::before {
5203
  border-color: #6610f2;
5204
  background-color: #6610f2;
5205
}
5206

5207
.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5208
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5209
}
5210

5211
.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5212
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important;
5213
}
5214

5215
.dark-mode .custom-control-input-indigo:focus ~ .custom-control-label::before {
5216
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25);
5217
}
5218

5219
.dark-mode .custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before {
5220
  border-color: #b389f9;
5221
}
5222

5223
.dark-mode .custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before {
5224
  background-color: #d2b9fb;
5225
  border-color: #d2b9fb;
5226
}
5227

5228
.dark-mode .custom-control-input-purple:checked ~ .custom-control-label::before {
5229
  border-color: #6f42c1;
5230
  background-color: #6f42c1;
5231
}
5232

5233
.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5234
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5235
}
5236

5237
.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5238
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important;
5239
}
5240

5241
.dark-mode .custom-control-input-purple:focus ~ .custom-control-label::before {
5242
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
5243
}
5244

5245
.dark-mode .custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before {
5246
  border-color: #b8a2e0;
5247
}
5248

5249
.dark-mode .custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before {
5250
  background-color: #d5c8ed;
5251
  border-color: #d5c8ed;
5252
}
5253

5254
.dark-mode .custom-control-input-pink:checked ~ .custom-control-label::before {
5255
  border-color: #e83e8c;
5256
  background-color: #e83e8c;
5257
}
5258

5259
.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5260
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5261
}
5262

5263
.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5264
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important;
5265
}
5266

5267
.dark-mode .custom-control-input-pink:focus ~ .custom-control-label::before {
5268
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25);
5269
}
5270

5271
.dark-mode .custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before {
5272
  border-color: #f6b0d0;
5273
}
5274

5275
.dark-mode .custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before {
5276
  background-color: #fbddeb;
5277
  border-color: #fbddeb;
5278
}
5279

5280
.dark-mode .custom-control-input-red:checked ~ .custom-control-label::before {
5281
  border-color: #e74c3c;
5282
  background-color: #e74c3c;
5283
}
5284

5285
.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5286
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e74c3c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5287
}
5288

5289
.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5290
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E") !important;
5291
}
5292

5293
.dark-mode .custom-control-input-red:focus ~ .custom-control-label::before {
5294
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(231, 76, 60, 0.25);
5295
}
5296

5297
.dark-mode .custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before {
5298
  border-color: #f5b4ae;
5299
}
5300

5301
.dark-mode .custom-control-input-red:not(:disabled):active ~ .custom-control-label::before {
5302
  background-color: #fbdedb;
5303
  border-color: #fbdedb;
5304
}
5305

5306
.dark-mode .custom-control-input-orange:checked ~ .custom-control-label::before {
5307
  border-color: #fd7e14;
5308
  background-color: #fd7e14;
5309
}
5310

5311
.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5312
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5313
}
5314

5315
.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5316
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important;
5317
}
5318

5319
.dark-mode .custom-control-input-orange:focus ~ .custom-control-label::before {
5320
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
5321
}
5322

5323
.dark-mode .custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before {
5324
  border-color: #fec392;
5325
}
5326

5327
.dark-mode .custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before {
5328
  background-color: #ffdfc5;
5329
  border-color: #ffdfc5;
5330
}
5331

5332
.dark-mode .custom-control-input-yellow:checked ~ .custom-control-label::before {
5333
  border-color: #f39c12;
5334
  background-color: #f39c12;
5335
}
5336

5337
.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5338
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f39c12' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5339
}
5340

5341
.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5342
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E") !important;
5343
}
5344

5345
.dark-mode .custom-control-input-yellow:focus ~ .custom-control-label::before {
5346
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
5347
}
5348

5349
.dark-mode .custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before {
5350
  border-color: #f9cf8b;
5351
}
5352

5353
.dark-mode .custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before {
5354
  background-color: #fce3bc;
5355
  border-color: #fce3bc;
5356
}
5357

5358
.dark-mode .custom-control-input-green:checked ~ .custom-control-label::before {
5359
  border-color: #00bc8c;
5360
  background-color: #00bc8c;
5361
}
5362

5363
.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5364
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300bc8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5365
}
5366

5367
.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5368
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E") !important;
5369
}
5370

5371
.dark-mode .custom-control-input-green:focus ~ .custom-control-label::before {
5372
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 188, 140, 0.25);
5373
}
5374

5375
.dark-mode .custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before {
5376
  border-color: #3dffcd;
5377
}
5378

5379
.dark-mode .custom-control-input-green:not(:disabled):active ~ .custom-control-label::before {
5380
  background-color: #70ffda;
5381
  border-color: #70ffda;
5382
}
5383

5384
.dark-mode .custom-control-input-teal:checked ~ .custom-control-label::before {
5385
  border-color: #20c997;
5386
  background-color: #20c997;
5387
}
5388

5389
.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5390
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5391
}
5392

5393
.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5394
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important;
5395
}
5396

5397
.dark-mode .custom-control-input-teal:focus ~ .custom-control-label::before {
5398
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25);
5399
}
5400

5401
.dark-mode .custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before {
5402
  border-color: #7eeaca;
5403
}
5404

5405
.dark-mode .custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before {
5406
  background-color: #aaf1dc;
5407
  border-color: #aaf1dc;
5408
}
5409

5410
.dark-mode .custom-control-input-cyan:checked ~ .custom-control-label::before {
5411
  border-color: #3498db;
5412
  background-color: #3498db;
5413
}
5414

5415
.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5416
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233498db' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5417
}
5418

5419
.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5420
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E") !important;
5421
}
5422

5423
.dark-mode .custom-control-input-cyan:focus ~ .custom-control-label::before {
5424
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
5425
}
5426

5427
.dark-mode .custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before {
5428
  border-color: #a0cfee;
5429
}
5430

5431
.dark-mode .custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before {
5432
  background-color: #cce5f6;
5433
  border-color: #cce5f6;
5434
}
5435

5436
.dark-mode .custom-control-input-white:checked ~ .custom-control-label::before {
5437
  border-color: #fff;
5438
  background-color: #fff;
5439
}
5440

5441
.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5442
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5443
}
5444

5445
.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5446
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important;
5447
}
5448

5449
.dark-mode .custom-control-input-white:focus ~ .custom-control-label::before {
5450
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
5451
}
5452

5453
.dark-mode .custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before {
5454
  border-color: white;
5455
}
5456

5457
.dark-mode .custom-control-input-white:not(:disabled):active ~ .custom-control-label::before {
5458
  background-color: white;
5459
  border-color: white;
5460
}
5461

5462
.dark-mode .custom-control-input-gray:checked ~ .custom-control-label::before {
5463
  border-color: #6c757d;
5464
  background-color: #6c757d;
5465
}
5466

5467
.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5468
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5469
}
5470

5471
.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5472
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
5473
}
5474

5475
.dark-mode .custom-control-input-gray:focus ~ .custom-control-label::before {
5476
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
5477
}
5478

5479
.dark-mode .custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before {
5480
  border-color: #afb5ba;
5481
}
5482

5483
.dark-mode .custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before {
5484
  background-color: #caced1;
5485
  border-color: #caced1;
5486
}
5487

5488
.dark-mode .custom-control-input-gray-dark:checked ~ .custom-control-label::before {
5489
  border-color: #343a40;
5490
  background-color: #343a40;
5491
}
5492

5493
.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
5494
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
5495
}
5496

5497
.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
5498
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
5499
}
5500

5501
.dark-mode .custom-control-input-gray-dark:focus ~ .custom-control-label::before {
5502
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
5503
}
5504

5505
.dark-mode .custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before {
5506
  border-color: #6d7a86;
5507
}
5508

5509
.dark-mode .custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before {
5510
  background-color: #88939e;
5511
  border-color: #88939e;
5512
}
5513

5514
.progress {
5515
  box-shadow: none;
5516
  border-radius: 1px;
5517
}
5518

5519
.progress.vertical {
5520
  display: inline-block;
5521
  height: 200px;
5522
  margin-right: 10px;
5523
  position: relative;
5524
  width: 30px;
5525
}
5526

5527
.progress.vertical > .progress-bar {
5528
  bottom: 0;
5529
  position: absolute;
5530
  width: 100%;
5531
}
5532

5533
.progress.vertical.sm, .progress.vertical.progress-sm {
5534
  width: 20px;
5535
}
5536

5537
.progress.vertical.xs, .progress.vertical.progress-xs {
5538
  width: 10px;
5539
}
5540

5541
.progress.vertical.xxs, .progress.vertical.progress-xxs {
5542
  width: 3px;
5543
}
5544

5545
.progress-group {
5546
  margin-bottom: 0.5rem;
5547
}
5548

5549
.progress-sm {
5550
  height: 10px;
5551
}
5552

5553
.progress-xs {
5554
  height: 7px;
5555
}
5556

5557
.progress-xxs {
5558
  height: 3px;
5559
}
5560

5561
.table tr > td .progress {
5562
  margin: 0;
5563
}
5564

5565
.dark-mode .progress {
5566
  background: #454d55;
5567
}
5568

5569
.card-primary:not(.card-outline) > .card-header {
5570
  background-color: #007bff;
5571
}
5572

5573
.card-primary:not(.card-outline) > .card-header,
5574
.card-primary:not(.card-outline) > .card-header a {
5575
  color: #fff;
5576
}
5577

5578
.card-primary:not(.card-outline) > .card-header a.active {
5579
  color: #1f2d3d;
5580
}
5581

5582
.card-primary.card-outline {
5583
  border-top: 3px solid #007bff;
5584
}
5585

5586
.card-primary.card-outline-tabs > .card-header a:hover {
5587
  border-top: 3px solid #dee2e6;
5588
}
5589

5590
.card-primary.card-outline-tabs > .card-header a.active,
5591
.card-primary.card-outline-tabs > .card-header a.active:hover {
5592
  border-top: 3px solid #007bff;
5593
}
5594

5595
.bg-primary > .card-header .btn-tool,
5596
.bg-gradient-primary > .card-header .btn-tool,
5597
.card-primary:not(.card-outline) > .card-header .btn-tool {
5598
  color: rgba(255, 255, 255, 0.8);
5599
}
5600

5601
.bg-primary > .card-header .btn-tool:hover,
5602
.bg-gradient-primary > .card-header .btn-tool:hover,
5603
.card-primary:not(.card-outline) > .card-header .btn-tool:hover {
5604
  color: #fff;
5605
}
5606

5607
.card.bg-primary .bootstrap-datetimepicker-widget .table td,
5608
.card.bg-primary .bootstrap-datetimepicker-widget .table th,
5609
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
5610
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
5611
  border: none;
5612
}
5613

5614
.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
5615
.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
5616
.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
5617
.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
5618
.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
5619
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
5620
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
5621
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
5622
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
5623
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
5624
  background-color: #0067d6;
5625
  color: #fff;
5626
}
5627

5628
.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
5629
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
5630
  border-bottom-color: #fff;
5631
}
5632

5633
.card.bg-primary .bootstrap-datetimepicker-widget table td.active,
5634
.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
5635
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
5636
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
5637
  background-color: #3395ff;
5638
  color: #fff;
5639
}
5640

5641
.card-secondary:not(.card-outline) > .card-header {
5642
  background-color: #6c757d;
5643
}
5644

5645
.card-secondary:not(.card-outline) > .card-header,
5646
.card-secondary:not(.card-outline) > .card-header a {
5647
  color: #fff;
5648
}
5649

5650
.card-secondary:not(.card-outline) > .card-header a.active {
5651
  color: #1f2d3d;
5652
}
5653

5654
.card-secondary.card-outline {
5655
  border-top: 3px solid #6c757d;
5656
}
5657

5658
.card-secondary.card-outline-tabs > .card-header a:hover {
5659
  border-top: 3px solid #dee2e6;
5660
}
5661

5662
.card-secondary.card-outline-tabs > .card-header a.active,
5663
.card-secondary.card-outline-tabs > .card-header a.active:hover {
5664
  border-top: 3px solid #6c757d;
5665
}
5666

5667
.bg-secondary > .card-header .btn-tool,
5668
.bg-gradient-secondary > .card-header .btn-tool,
5669
.card-secondary:not(.card-outline) > .card-header .btn-tool {
5670
  color: rgba(255, 255, 255, 0.8);
5671
}
5672

5673
.bg-secondary > .card-header .btn-tool:hover,
5674
.bg-gradient-secondary > .card-header .btn-tool:hover,
5675
.card-secondary:not(.card-outline) > .card-header .btn-tool:hover {
5676
  color: #fff;
5677
}
5678

5679
.card.bg-secondary .bootstrap-datetimepicker-widget .table td,
5680
.card.bg-secondary .bootstrap-datetimepicker-widget .table th,
5681
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
5682
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
5683
  border: none;
5684
}
5685

5686
.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
5687
.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
5688
.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
5689
.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
5690
.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
5691
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
5692
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
5693
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
5694
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
5695
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
5696
  background-color: #596167;
5697
  color: #fff;
5698
}
5699

5700
.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
5701
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
5702
  border-bottom-color: #fff;
5703
}
5704

5705
.card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
5706
.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
5707
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
5708
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
5709
  background-color: #868e96;
5710
  color: #fff;
5711
}
5712

5713
.card-success:not(.card-outline) > .card-header {
5714
  background-color: #28a745;
5715
}
5716

5717
.card-success:not(.card-outline) > .card-header,
5718
.card-success:not(.card-outline) > .card-header a {
5719
  color: #fff;
5720
}
5721

5722
.card-success:not(.card-outline) > .card-header a.active {
5723
  color: #1f2d3d;
5724
}
5725

5726
.card-success.card-outline {
5727
  border-top: 3px solid #28a745;
5728
}
5729

5730
.card-success.card-outline-tabs > .card-header a:hover {
5731
  border-top: 3px solid #dee2e6;
5732
}
5733

5734
.card-success.card-outline-tabs > .card-header a.active,
5735
.card-success.card-outline-tabs > .card-header a.active:hover {
5736
  border-top: 3px solid #28a745;
5737
}
5738

5739
.bg-success > .card-header .btn-tool,
5740
.bg-gradient-success > .card-header .btn-tool,
5741
.card-success:not(.card-outline) > .card-header .btn-tool {
5742
  color: rgba(255, 255, 255, 0.8);
5743
}
5744

5745
.bg-success > .card-header .btn-tool:hover,
5746
.bg-gradient-success > .card-header .btn-tool:hover,
5747
.card-success:not(.card-outline) > .card-header .btn-tool:hover {
5748
  color: #fff;
5749
}
5750

5751
.card.bg-success .bootstrap-datetimepicker-widget .table td,
5752
.card.bg-success .bootstrap-datetimepicker-widget .table th,
5753
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
5754
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
5755
  border: none;
5756
}
5757

5758
.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
5759
.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
5760
.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
5761
.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
5762
.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
5763
.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
5764
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
5765
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
5766
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
5767
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
5768
  background-color: #208637;
5769
  color: #fff;
5770
}
5771

5772
.card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
5773
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
5774
  border-bottom-color: #fff;
5775
}
5776

5777
.card.bg-success .bootstrap-datetimepicker-widget table td.active,
5778
.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
5779
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
5780
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
5781
  background-color: #34ce57;
5782
  color: #fff;
5783
}
5784

5785
.card-info:not(.card-outline) > .card-header {
5786
  background-color: #17a2b8;
5787
}
5788

5789
.card-info:not(.card-outline) > .card-header,
5790
.card-info:not(.card-outline) > .card-header a {
5791
  color: #fff;
5792
}
5793

5794
.card-info:not(.card-outline) > .card-header a.active {
5795
  color: #1f2d3d;
5796
}
5797

5798
.card-info.card-outline {
5799
  border-top: 3px solid #17a2b8;
5800
}
5801

5802
.card-info.card-outline-tabs > .card-header a:hover {
5803
  border-top: 3px solid #dee2e6;
5804
}
5805

5806
.card-info.card-outline-tabs > .card-header a.active,
5807
.card-info.card-outline-tabs > .card-header a.active:hover {
5808
  border-top: 3px solid #17a2b8;
5809
}
5810

5811
.bg-info > .card-header .btn-tool,
5812
.bg-gradient-info > .card-header .btn-tool,
5813
.card-info:not(.card-outline) > .card-header .btn-tool {
5814
  color: rgba(255, 255, 255, 0.8);
5815
}
5816

5817
.bg-info > .card-header .btn-tool:hover,
5818
.bg-gradient-info > .card-header .btn-tool:hover,
5819
.card-info:not(.card-outline) > .card-header .btn-tool:hover {
5820
  color: #fff;
5821
}
5822

5823
.card.bg-info .bootstrap-datetimepicker-widget .table td,
5824
.card.bg-info .bootstrap-datetimepicker-widget .table th,
5825
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
5826
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
5827
  border: none;
5828
}
5829

5830
.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
5831
.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
5832
.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
5833
.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
5834
.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
5835
.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
5836
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
5837
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
5838
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
5839
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
5840
  background-color: #128294;
5841
  color: #fff;
5842
}
5843

5844
.card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
5845
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
5846
  border-bottom-color: #fff;
5847
}
5848

5849
.card.bg-info .bootstrap-datetimepicker-widget table td.active,
5850
.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
5851
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
5852
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
5853
  background-color: #1fc8e3;
5854
  color: #fff;
5855
}
5856

5857
.card-warning:not(.card-outline) > .card-header {
5858
  background-color: #ffc107;
5859
}
5860

5861
.card-warning:not(.card-outline) > .card-header,
5862
.card-warning:not(.card-outline) > .card-header a {
5863
  color: #1f2d3d;
5864
}
5865

5866
.card-warning:not(.card-outline) > .card-header a.active {
5867
  color: #1f2d3d;
5868
}
5869

5870
.card-warning.card-outline {
5871
  border-top: 3px solid #ffc107;
5872
}
5873

5874
.card-warning.card-outline-tabs > .card-header a:hover {
5875
  border-top: 3px solid #dee2e6;
5876
}
5877

5878
.card-warning.card-outline-tabs > .card-header a.active,
5879
.card-warning.card-outline-tabs > .card-header a.active:hover {
5880
  border-top: 3px solid #ffc107;
5881
}
5882

5883
.bg-warning > .card-header .btn-tool,
5884
.bg-gradient-warning > .card-header .btn-tool,
5885
.card-warning:not(.card-outline) > .card-header .btn-tool {
5886
  color: rgba(31, 45, 61, 0.8);
5887
}
5888

5889
.bg-warning > .card-header .btn-tool:hover,
5890
.bg-gradient-warning > .card-header .btn-tool:hover,
5891
.card-warning:not(.card-outline) > .card-header .btn-tool:hover {
5892
  color: #1f2d3d;
5893
}
5894

5895
.card.bg-warning .bootstrap-datetimepicker-widget .table td,
5896
.card.bg-warning .bootstrap-datetimepicker-widget .table th,
5897
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
5898
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
5899
  border: none;
5900
}
5901

5902
.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
5903
.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
5904
.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
5905
.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
5906
.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
5907
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
5908
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
5909
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
5910
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
5911
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
5912
  background-color: #dda600;
5913
  color: #1f2d3d;
5914
}
5915

5916
.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
5917
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
5918
  border-bottom-color: #1f2d3d;
5919
}
5920

5921
.card.bg-warning .bootstrap-datetimepicker-widget table td.active,
5922
.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
5923
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
5924
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
5925
  background-color: #ffce3a;
5926
  color: #1f2d3d;
5927
}
5928

5929
.card-danger:not(.card-outline) > .card-header {
5930
  background-color: #dc3545;
5931
}
5932

5933
.card-danger:not(.card-outline) > .card-header,
5934
.card-danger:not(.card-outline) > .card-header a {
5935
  color: #fff;
5936
}
5937

5938
.card-danger:not(.card-outline) > .card-header a.active {
5939
  color: #1f2d3d;
5940
}
5941

5942
.card-danger.card-outline {
5943
  border-top: 3px solid #dc3545;
5944
}
5945

5946
.card-danger.card-outline-tabs > .card-header a:hover {
5947
  border-top: 3px solid #dee2e6;
5948
}
5949

5950
.card-danger.card-outline-tabs > .card-header a.active,
5951
.card-danger.card-outline-tabs > .card-header a.active:hover {
5952
  border-top: 3px solid #dc3545;
5953
}
5954

5955
.bg-danger > .card-header .btn-tool,
5956
.bg-gradient-danger > .card-header .btn-tool,
5957
.card-danger:not(.card-outline) > .card-header .btn-tool {
5958
  color: rgba(255, 255, 255, 0.8);
5959
}
5960

5961
.bg-danger > .card-header .btn-tool:hover,
5962
.bg-gradient-danger > .card-header .btn-tool:hover,
5963
.card-danger:not(.card-outline) > .card-header .btn-tool:hover {
5964
  color: #fff;
5965
}
5966

5967
.card.bg-danger .bootstrap-datetimepicker-widget .table td,
5968
.card.bg-danger .bootstrap-datetimepicker-widget .table th,
5969
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
5970
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
5971
  border: none;
5972
}
5973

5974
.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
5975
.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
5976
.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
5977
.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
5978
.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
5979
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
5980
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
5981
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
5982
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
5983
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
5984
  background-color: #c62232;
5985
  color: #fff;
5986
}
5987

5988
.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
5989
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
5990
  border-bottom-color: #fff;
5991
}
5992

5993
.card.bg-danger .bootstrap-datetimepicker-widget table td.active,
5994
.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
5995
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
5996
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
5997
  background-color: #e4606d;
5998
  color: #fff;
5999
}
6000

6001
.card-light:not(.card-outline) > .card-header {
6002
  background-color: #f8f9fa;
6003
}
6004

6005
.card-light:not(.card-outline) > .card-header,
6006
.card-light:not(.card-outline) > .card-header a {
6007
  color: #1f2d3d;
6008
}
6009

6010
.card-light:not(.card-outline) > .card-header a.active {
6011
  color: #1f2d3d;
6012
}
6013

6014
.card-light.card-outline {
6015
  border-top: 3px solid #f8f9fa;
6016
}
6017

6018
.card-light.card-outline-tabs > .card-header a:hover {
6019
  border-top: 3px solid #dee2e6;
6020
}
6021

6022
.card-light.card-outline-tabs > .card-header a.active,
6023
.card-light.card-outline-tabs > .card-header a.active:hover {
6024
  border-top: 3px solid #f8f9fa;
6025
}
6026

6027
.bg-light > .card-header .btn-tool,
6028
.bg-gradient-light > .card-header .btn-tool,
6029
.card-light:not(.card-outline) > .card-header .btn-tool {
6030
  color: rgba(31, 45, 61, 0.8);
6031
}
6032

6033
.bg-light > .card-header .btn-tool:hover,
6034
.bg-gradient-light > .card-header .btn-tool:hover,
6035
.card-light:not(.card-outline) > .card-header .btn-tool:hover {
6036
  color: #1f2d3d;
6037
}
6038

6039
.card.bg-light .bootstrap-datetimepicker-widget .table td,
6040
.card.bg-light .bootstrap-datetimepicker-widget .table th,
6041
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
6042
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
6043
  border: none;
6044
}
6045

6046
.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6047
.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
6048
.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
6049
.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
6050
.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
6051
.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6052
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
6053
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
6054
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
6055
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
6056
  background-color: #e0e5e9;
6057
  color: #1f2d3d;
6058
}
6059

6060
.card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
6061
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
6062
  border-bottom-color: #1f2d3d;
6063
}
6064

6065
.card.bg-light .bootstrap-datetimepicker-widget table td.active,
6066
.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
6067
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
6068
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
6069
  background-color: white;
6070
  color: #1f2d3d;
6071
}
6072

6073
.card-dark:not(.card-outline) > .card-header {
6074
  background-color: #343a40;
6075
}
6076

6077
.card-dark:not(.card-outline) > .card-header,
6078
.card-dark:not(.card-outline) > .card-header a {
6079
  color: #fff;
6080
}
6081

6082
.card-dark:not(.card-outline) > .card-header a.active {
6083
  color: #1f2d3d;
6084
}
6085

6086
.card-dark.card-outline {
6087
  border-top: 3px solid #343a40;
6088
}
6089

6090
.card-dark.card-outline-tabs > .card-header a:hover {
6091
  border-top: 3px solid #dee2e6;
6092
}
6093

6094
.card-dark.card-outline-tabs > .card-header a.active,
6095
.card-dark.card-outline-tabs > .card-header a.active:hover {
6096
  border-top: 3px solid #343a40;
6097
}
6098

6099
.bg-dark > .card-header .btn-tool,
6100
.bg-gradient-dark > .card-header .btn-tool,
6101
.card-dark:not(.card-outline) > .card-header .btn-tool {
6102
  color: rgba(255, 255, 255, 0.8);
6103
}
6104

6105
.bg-dark > .card-header .btn-tool:hover,
6106
.bg-gradient-dark > .card-header .btn-tool:hover,
6107
.card-dark:not(.card-outline) > .card-header .btn-tool:hover {
6108
  color: #fff;
6109
}
6110

6111
.card.bg-dark .bootstrap-datetimepicker-widget .table td,
6112
.card.bg-dark .bootstrap-datetimepicker-widget .table th,
6113
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
6114
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
6115
  border: none;
6116
}
6117

6118
.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6119
.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
6120
.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
6121
.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
6122
.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
6123
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6124
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
6125
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
6126
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
6127
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
6128
  background-color: #222629;
6129
  color: #fff;
6130
}
6131

6132
.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
6133
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
6134
  border-bottom-color: #fff;
6135
}
6136

6137
.card.bg-dark .bootstrap-datetimepicker-widget table td.active,
6138
.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
6139
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
6140
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
6141
  background-color: #4b545c;
6142
  color: #fff;
6143
}
6144

6145
.card-lightblue:not(.card-outline) > .card-header {
6146
  background-color: #3c8dbc;
6147
}
6148

6149
.card-lightblue:not(.card-outline) > .card-header,
6150
.card-lightblue:not(.card-outline) > .card-header a {
6151
  color: #fff;
6152
}
6153

6154
.card-lightblue:not(.card-outline) > .card-header a.active {
6155
  color: #1f2d3d;
6156
}
6157

6158
.card-lightblue.card-outline {
6159
  border-top: 3px solid #3c8dbc;
6160
}
6161

6162
.card-lightblue.card-outline-tabs > .card-header a:hover {
6163
  border-top: 3px solid #dee2e6;
6164
}
6165

6166
.card-lightblue.card-outline-tabs > .card-header a.active,
6167
.card-lightblue.card-outline-tabs > .card-header a.active:hover {
6168
  border-top: 3px solid #3c8dbc;
6169
}
6170

6171
.bg-lightblue > .card-header .btn-tool,
6172
.bg-gradient-lightblue > .card-header .btn-tool,
6173
.card-lightblue:not(.card-outline) > .card-header .btn-tool {
6174
  color: rgba(255, 255, 255, 0.8);
6175
}
6176

6177
.bg-lightblue > .card-header .btn-tool:hover,
6178
.bg-gradient-lightblue > .card-header .btn-tool:hover,
6179
.card-lightblue:not(.card-outline) > .card-header .btn-tool:hover {
6180
  color: #fff;
6181
}
6182

6183
.card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
6184
.card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
6185
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
6186
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
6187
  border: none;
6188
}
6189

6190
.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6191
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
6192
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
6193
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
6194
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
6195
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6196
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
6197
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
6198
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
6199
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
6200
  background-color: #32769d;
6201
  color: #fff;
6202
}
6203

6204
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
6205
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
6206
  border-bottom-color: #fff;
6207
}
6208

6209
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
6210
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
6211
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
6212
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
6213
  background-color: #5fa4cc;
6214
  color: #fff;
6215
}
6216

6217
.card-navy:not(.card-outline) > .card-header {
6218
  background-color: #001f3f;
6219
}
6220

6221
.card-navy:not(.card-outline) > .card-header,
6222
.card-navy:not(.card-outline) > .card-header a {
6223
  color: #fff;
6224
}
6225

6226
.card-navy:not(.card-outline) > .card-header a.active {
6227
  color: #1f2d3d;
6228
}
6229

6230
.card-navy.card-outline {
6231
  border-top: 3px solid #001f3f;
6232
}
6233

6234
.card-navy.card-outline-tabs > .card-header a:hover {
6235
  border-top: 3px solid #dee2e6;
6236
}
6237

6238
.card-navy.card-outline-tabs > .card-header a.active,
6239
.card-navy.card-outline-tabs > .card-header a.active:hover {
6240
  border-top: 3px solid #001f3f;
6241
}
6242

6243
.bg-navy > .card-header .btn-tool,
6244
.bg-gradient-navy > .card-header .btn-tool,
6245
.card-navy:not(.card-outline) > .card-header .btn-tool {
6246
  color: rgba(255, 255, 255, 0.8);
6247
}
6248

6249
.bg-navy > .card-header .btn-tool:hover,
6250
.bg-gradient-navy > .card-header .btn-tool:hover,
6251
.card-navy:not(.card-outline) > .card-header .btn-tool:hover {
6252
  color: #fff;
6253
}
6254

6255
.card.bg-navy .bootstrap-datetimepicker-widget .table td,
6256
.card.bg-navy .bootstrap-datetimepicker-widget .table th,
6257
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
6258
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
6259
  border: none;
6260
}
6261

6262
.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6263
.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
6264
.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
6265
.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
6266
.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
6267
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6268
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
6269
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
6270
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
6271
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
6272
  background-color: #000b16;
6273
  color: #fff;
6274
}
6275

6276
.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
6277
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
6278
  border-bottom-color: #fff;
6279
}
6280

6281
.card.bg-navy .bootstrap-datetimepicker-widget table td.active,
6282
.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
6283
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
6284
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
6285
  background-color: #003872;
6286
  color: #fff;
6287
}
6288

6289
.card-olive:not(.card-outline) > .card-header {
6290
  background-color: #3d9970;
6291
}
6292

6293
.card-olive:not(.card-outline) > .card-header,
6294
.card-olive:not(.card-outline) > .card-header a {
6295
  color: #fff;
6296
}
6297

6298
.card-olive:not(.card-outline) > .card-header a.active {
6299
  color: #1f2d3d;
6300
}
6301

6302
.card-olive.card-outline {
6303
  border-top: 3px solid #3d9970;
6304
}
6305

6306
.card-olive.card-outline-tabs > .card-header a:hover {
6307
  border-top: 3px solid #dee2e6;
6308
}
6309

6310
.card-olive.card-outline-tabs > .card-header a.active,
6311
.card-olive.card-outline-tabs > .card-header a.active:hover {
6312
  border-top: 3px solid #3d9970;
6313
}
6314

6315
.bg-olive > .card-header .btn-tool,
6316
.bg-gradient-olive > .card-header .btn-tool,
6317
.card-olive:not(.card-outline) > .card-header .btn-tool {
6318
  color: rgba(255, 255, 255, 0.8);
6319
}
6320

6321
.bg-olive > .card-header .btn-tool:hover,
6322
.bg-gradient-olive > .card-header .btn-tool:hover,
6323
.card-olive:not(.card-outline) > .card-header .btn-tool:hover {
6324
  color: #fff;
6325
}
6326

6327
.card.bg-olive .bootstrap-datetimepicker-widget .table td,
6328
.card.bg-olive .bootstrap-datetimepicker-widget .table th,
6329
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
6330
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
6331
  border: none;
6332
}
6333

6334
.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6335
.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
6336
.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
6337
.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
6338
.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
6339
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6340
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
6341
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
6342
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
6343
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
6344
  background-color: #317c5b;
6345
  color: #fff;
6346
}
6347

6348
.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
6349
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
6350
  border-bottom-color: #fff;
6351
}
6352

6353
.card.bg-olive .bootstrap-datetimepicker-widget table td.active,
6354
.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
6355
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
6356
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
6357
  background-color: #50b98a;
6358
  color: #fff;
6359
}
6360

6361
.card-lime:not(.card-outline) > .card-header {
6362
  background-color: #01ff70;
6363
}
6364

6365
.card-lime:not(.card-outline) > .card-header,
6366
.card-lime:not(.card-outline) > .card-header a {
6367
  color: #1f2d3d;
6368
}
6369

6370
.card-lime:not(.card-outline) > .card-header a.active {
6371
  color: #1f2d3d;
6372
}
6373

6374
.card-lime.card-outline {
6375
  border-top: 3px solid #01ff70;
6376
}
6377

6378
.card-lime.card-outline-tabs > .card-header a:hover {
6379
  border-top: 3px solid #dee2e6;
6380
}
6381

6382
.card-lime.card-outline-tabs > .card-header a.active,
6383
.card-lime.card-outline-tabs > .card-header a.active:hover {
6384
  border-top: 3px solid #01ff70;
6385
}
6386

6387
.bg-lime > .card-header .btn-tool,
6388
.bg-gradient-lime > .card-header .btn-tool,
6389
.card-lime:not(.card-outline) > .card-header .btn-tool {
6390
  color: rgba(31, 45, 61, 0.8);
6391
}
6392

6393
.bg-lime > .card-header .btn-tool:hover,
6394
.bg-gradient-lime > .card-header .btn-tool:hover,
6395
.card-lime:not(.card-outline) > .card-header .btn-tool:hover {
6396
  color: #1f2d3d;
6397
}
6398

6399
.card.bg-lime .bootstrap-datetimepicker-widget .table td,
6400
.card.bg-lime .bootstrap-datetimepicker-widget .table th,
6401
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
6402
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
6403
  border: none;
6404
}
6405

6406
.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6407
.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
6408
.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
6409
.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
6410
.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
6411
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6412
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
6413
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
6414
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
6415
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
6416
  background-color: #00d75e;
6417
  color: #1f2d3d;
6418
}
6419

6420
.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
6421
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
6422
  border-bottom-color: #1f2d3d;
6423
}
6424

6425
.card.bg-lime .bootstrap-datetimepicker-widget table td.active,
6426
.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
6427
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
6428
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
6429
  background-color: #34ff8d;
6430
  color: #1f2d3d;
6431
}
6432

6433
.card-fuchsia:not(.card-outline) > .card-header {
6434
  background-color: #f012be;
6435
}
6436

6437
.card-fuchsia:not(.card-outline) > .card-header,
6438
.card-fuchsia:not(.card-outline) > .card-header a {
6439
  color: #fff;
6440
}
6441

6442
.card-fuchsia:not(.card-outline) > .card-header a.active {
6443
  color: #1f2d3d;
6444
}
6445

6446
.card-fuchsia.card-outline {
6447
  border-top: 3px solid #f012be;
6448
}
6449

6450
.card-fuchsia.card-outline-tabs > .card-header a:hover {
6451
  border-top: 3px solid #dee2e6;
6452
}
6453

6454
.card-fuchsia.card-outline-tabs > .card-header a.active,
6455
.card-fuchsia.card-outline-tabs > .card-header a.active:hover {
6456
  border-top: 3px solid #f012be;
6457
}
6458

6459
.bg-fuchsia > .card-header .btn-tool,
6460
.bg-gradient-fuchsia > .card-header .btn-tool,
6461
.card-fuchsia:not(.card-outline) > .card-header .btn-tool {
6462
  color: rgba(255, 255, 255, 0.8);
6463
}
6464

6465
.bg-fuchsia > .card-header .btn-tool:hover,
6466
.bg-gradient-fuchsia > .card-header .btn-tool:hover,
6467
.card-fuchsia:not(.card-outline) > .card-header .btn-tool:hover {
6468
  color: #fff;
6469
}
6470

6471
.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
6472
.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
6473
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
6474
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
6475
  border: none;
6476
}
6477

6478
.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6479
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
6480
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
6481
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
6482
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
6483
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6484
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
6485
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
6486
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
6487
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
6488
  background-color: #cc0da1;
6489
  color: #fff;
6490
}
6491

6492
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
6493
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
6494
  border-bottom-color: #fff;
6495
}
6496

6497
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
6498
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
6499
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
6500
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
6501
  background-color: #f342cb;
6502
  color: #fff;
6503
}
6504

6505
.card-maroon:not(.card-outline) > .card-header {
6506
  background-color: #d81b60;
6507
}
6508

6509
.card-maroon:not(.card-outline) > .card-header,
6510
.card-maroon:not(.card-outline) > .card-header a {
6511
  color: #fff;
6512
}
6513

6514
.card-maroon:not(.card-outline) > .card-header a.active {
6515
  color: #1f2d3d;
6516
}
6517

6518
.card-maroon.card-outline {
6519
  border-top: 3px solid #d81b60;
6520
}
6521

6522
.card-maroon.card-outline-tabs > .card-header a:hover {
6523
  border-top: 3px solid #dee2e6;
6524
}
6525

6526
.card-maroon.card-outline-tabs > .card-header a.active,
6527
.card-maroon.card-outline-tabs > .card-header a.active:hover {
6528
  border-top: 3px solid #d81b60;
6529
}
6530

6531
.bg-maroon > .card-header .btn-tool,
6532
.bg-gradient-maroon > .card-header .btn-tool,
6533
.card-maroon:not(.card-outline) > .card-header .btn-tool {
6534
  color: rgba(255, 255, 255, 0.8);
6535
}
6536

6537
.bg-maroon > .card-header .btn-tool:hover,
6538
.bg-gradient-maroon > .card-header .btn-tool:hover,
6539
.card-maroon:not(.card-outline) > .card-header .btn-tool:hover {
6540
  color: #fff;
6541
}
6542

6543
.card.bg-maroon .bootstrap-datetimepicker-widget .table td,
6544
.card.bg-maroon .bootstrap-datetimepicker-widget .table th,
6545
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
6546
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
6547
  border: none;
6548
}
6549

6550
.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6551
.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
6552
.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
6553
.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
6554
.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
6555
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6556
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
6557
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
6558
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
6559
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
6560
  background-color: #b41650;
6561
  color: #fff;
6562
}
6563

6564
.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
6565
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
6566
  border-bottom-color: #fff;
6567
}
6568

6569
.card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
6570
.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
6571
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
6572
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
6573
  background-color: #e73f7c;
6574
  color: #fff;
6575
}
6576

6577
.card-blue:not(.card-outline) > .card-header {
6578
  background-color: #007bff;
6579
}
6580

6581
.card-blue:not(.card-outline) > .card-header,
6582
.card-blue:not(.card-outline) > .card-header a {
6583
  color: #fff;
6584
}
6585

6586
.card-blue:not(.card-outline) > .card-header a.active {
6587
  color: #1f2d3d;
6588
}
6589

6590
.card-blue.card-outline {
6591
  border-top: 3px solid #007bff;
6592
}
6593

6594
.card-blue.card-outline-tabs > .card-header a:hover {
6595
  border-top: 3px solid #dee2e6;
6596
}
6597

6598
.card-blue.card-outline-tabs > .card-header a.active,
6599
.card-blue.card-outline-tabs > .card-header a.active:hover {
6600
  border-top: 3px solid #007bff;
6601
}
6602

6603
.bg-blue > .card-header .btn-tool,
6604
.bg-gradient-blue > .card-header .btn-tool,
6605
.card-blue:not(.card-outline) > .card-header .btn-tool {
6606
  color: rgba(255, 255, 255, 0.8);
6607
}
6608

6609
.bg-blue > .card-header .btn-tool:hover,
6610
.bg-gradient-blue > .card-header .btn-tool:hover,
6611
.card-blue:not(.card-outline) > .card-header .btn-tool:hover {
6612
  color: #fff;
6613
}
6614

6615
.card.bg-blue .bootstrap-datetimepicker-widget .table td,
6616
.card.bg-blue .bootstrap-datetimepicker-widget .table th,
6617
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
6618
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
6619
  border: none;
6620
}
6621

6622
.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6623
.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
6624
.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
6625
.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
6626
.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
6627
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6628
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
6629
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
6630
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
6631
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
6632
  background-color: #0067d6;
6633
  color: #fff;
6634
}
6635

6636
.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
6637
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
6638
  border-bottom-color: #fff;
6639
}
6640

6641
.card.bg-blue .bootstrap-datetimepicker-widget table td.active,
6642
.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
6643
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
6644
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
6645
  background-color: #3395ff;
6646
  color: #fff;
6647
}
6648

6649
.card-indigo:not(.card-outline) > .card-header {
6650
  background-color: #6610f2;
6651
}
6652

6653
.card-indigo:not(.card-outline) > .card-header,
6654
.card-indigo:not(.card-outline) > .card-header a {
6655
  color: #fff;
6656
}
6657

6658
.card-indigo:not(.card-outline) > .card-header a.active {
6659
  color: #1f2d3d;
6660
}
6661

6662
.card-indigo.card-outline {
6663
  border-top: 3px solid #6610f2;
6664
}
6665

6666
.card-indigo.card-outline-tabs > .card-header a:hover {
6667
  border-top: 3px solid #dee2e6;
6668
}
6669

6670
.card-indigo.card-outline-tabs > .card-header a.active,
6671
.card-indigo.card-outline-tabs > .card-header a.active:hover {
6672
  border-top: 3px solid #6610f2;
6673
}
6674

6675
.bg-indigo > .card-header .btn-tool,
6676
.bg-gradient-indigo > .card-header .btn-tool,
6677
.card-indigo:not(.card-outline) > .card-header .btn-tool {
6678
  color: rgba(255, 255, 255, 0.8);
6679
}
6680

6681
.bg-indigo > .card-header .btn-tool:hover,
6682
.bg-gradient-indigo > .card-header .btn-tool:hover,
6683
.card-indigo:not(.card-outline) > .card-header .btn-tool:hover {
6684
  color: #fff;
6685
}
6686

6687
.card.bg-indigo .bootstrap-datetimepicker-widget .table td,
6688
.card.bg-indigo .bootstrap-datetimepicker-widget .table th,
6689
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
6690
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
6691
  border: none;
6692
}
6693

6694
.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6695
.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
6696
.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
6697
.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
6698
.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
6699
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6700
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
6701
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
6702
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
6703
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
6704
  background-color: #550bce;
6705
  color: #fff;
6706
}
6707

6708
.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
6709
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
6710
  border-bottom-color: #fff;
6711
}
6712

6713
.card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
6714
.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
6715
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
6716
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
6717
  background-color: #8540f5;
6718
  color: #fff;
6719
}
6720

6721
.card-purple:not(.card-outline) > .card-header {
6722
  background-color: #6f42c1;
6723
}
6724

6725
.card-purple:not(.card-outline) > .card-header,
6726
.card-purple:not(.card-outline) > .card-header a {
6727
  color: #fff;
6728
}
6729

6730
.card-purple:not(.card-outline) > .card-header a.active {
6731
  color: #1f2d3d;
6732
}
6733

6734
.card-purple.card-outline {
6735
  border-top: 3px solid #6f42c1;
6736
}
6737

6738
.card-purple.card-outline-tabs > .card-header a:hover {
6739
  border-top: 3px solid #dee2e6;
6740
}
6741

6742
.card-purple.card-outline-tabs > .card-header a.active,
6743
.card-purple.card-outline-tabs > .card-header a.active:hover {
6744
  border-top: 3px solid #6f42c1;
6745
}
6746

6747
.bg-purple > .card-header .btn-tool,
6748
.bg-gradient-purple > .card-header .btn-tool,
6749
.card-purple:not(.card-outline) > .card-header .btn-tool {
6750
  color: rgba(255, 255, 255, 0.8);
6751
}
6752

6753
.bg-purple > .card-header .btn-tool:hover,
6754
.bg-gradient-purple > .card-header .btn-tool:hover,
6755
.card-purple:not(.card-outline) > .card-header .btn-tool:hover {
6756
  color: #fff;
6757
}
6758

6759
.card.bg-purple .bootstrap-datetimepicker-widget .table td,
6760
.card.bg-purple .bootstrap-datetimepicker-widget .table th,
6761
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
6762
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
6763
  border: none;
6764
}
6765

6766
.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6767
.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
6768
.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
6769
.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
6770
.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
6771
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6772
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
6773
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
6774
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
6775
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
6776
  background-color: #5d36a4;
6777
  color: #fff;
6778
}
6779

6780
.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
6781
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
6782
  border-bottom-color: #fff;
6783
}
6784

6785
.card.bg-purple .bootstrap-datetimepicker-widget table td.active,
6786
.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
6787
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
6788
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
6789
  background-color: #8c68ce;
6790
  color: #fff;
6791
}
6792

6793
.card-pink:not(.card-outline) > .card-header {
6794
  background-color: #e83e8c;
6795
}
6796

6797
.card-pink:not(.card-outline) > .card-header,
6798
.card-pink:not(.card-outline) > .card-header a {
6799
  color: #fff;
6800
}
6801

6802
.card-pink:not(.card-outline) > .card-header a.active {
6803
  color: #1f2d3d;
6804
}
6805

6806
.card-pink.card-outline {
6807
  border-top: 3px solid #e83e8c;
6808
}
6809

6810
.card-pink.card-outline-tabs > .card-header a:hover {
6811
  border-top: 3px solid #dee2e6;
6812
}
6813

6814
.card-pink.card-outline-tabs > .card-header a.active,
6815
.card-pink.card-outline-tabs > .card-header a.active:hover {
6816
  border-top: 3px solid #e83e8c;
6817
}
6818

6819
.bg-pink > .card-header .btn-tool,
6820
.bg-gradient-pink > .card-header .btn-tool,
6821
.card-pink:not(.card-outline) > .card-header .btn-tool {
6822
  color: rgba(255, 255, 255, 0.8);
6823
}
6824

6825
.bg-pink > .card-header .btn-tool:hover,
6826
.bg-gradient-pink > .card-header .btn-tool:hover,
6827
.card-pink:not(.card-outline) > .card-header .btn-tool:hover {
6828
  color: #fff;
6829
}
6830

6831
.card.bg-pink .bootstrap-datetimepicker-widget .table td,
6832
.card.bg-pink .bootstrap-datetimepicker-widget .table th,
6833
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
6834
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
6835
  border: none;
6836
}
6837

6838
.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6839
.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
6840
.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
6841
.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
6842
.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
6843
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6844
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
6845
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
6846
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
6847
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
6848
  background-color: #e21b76;
6849
  color: #fff;
6850
}
6851

6852
.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
6853
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
6854
  border-bottom-color: #fff;
6855
}
6856

6857
.card.bg-pink .bootstrap-datetimepicker-widget table td.active,
6858
.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
6859
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
6860
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
6861
  background-color: #ed6ca7;
6862
  color: #fff;
6863
}
6864

6865
.card-red:not(.card-outline) > .card-header {
6866
  background-color: #dc3545;
6867
}
6868

6869
.card-red:not(.card-outline) > .card-header,
6870
.card-red:not(.card-outline) > .card-header a {
6871
  color: #fff;
6872
}
6873

6874
.card-red:not(.card-outline) > .card-header a.active {
6875
  color: #1f2d3d;
6876
}
6877

6878
.card-red.card-outline {
6879
  border-top: 3px solid #dc3545;
6880
}
6881

6882
.card-red.card-outline-tabs > .card-header a:hover {
6883
  border-top: 3px solid #dee2e6;
6884
}
6885

6886
.card-red.card-outline-tabs > .card-header a.active,
6887
.card-red.card-outline-tabs > .card-header a.active:hover {
6888
  border-top: 3px solid #dc3545;
6889
}
6890

6891
.bg-red > .card-header .btn-tool,
6892
.bg-gradient-red > .card-header .btn-tool,
6893
.card-red:not(.card-outline) > .card-header .btn-tool {
6894
  color: rgba(255, 255, 255, 0.8);
6895
}
6896

6897
.bg-red > .card-header .btn-tool:hover,
6898
.bg-gradient-red > .card-header .btn-tool:hover,
6899
.card-red:not(.card-outline) > .card-header .btn-tool:hover {
6900
  color: #fff;
6901
}
6902

6903
.card.bg-red .bootstrap-datetimepicker-widget .table td,
6904
.card.bg-red .bootstrap-datetimepicker-widget .table th,
6905
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
6906
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
6907
  border: none;
6908
}
6909

6910
.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6911
.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
6912
.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
6913
.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
6914
.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
6915
.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6916
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
6917
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
6918
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
6919
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
6920
  background-color: #c62232;
6921
  color: #fff;
6922
}
6923

6924
.card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
6925
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
6926
  border-bottom-color: #fff;
6927
}
6928

6929
.card.bg-red .bootstrap-datetimepicker-widget table td.active,
6930
.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
6931
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
6932
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
6933
  background-color: #e4606d;
6934
  color: #fff;
6935
}
6936

6937
.card-orange:not(.card-outline) > .card-header {
6938
  background-color: #fd7e14;
6939
}
6940

6941
.card-orange:not(.card-outline) > .card-header,
6942
.card-orange:not(.card-outline) > .card-header a {
6943
  color: #1f2d3d;
6944
}
6945

6946
.card-orange:not(.card-outline) > .card-header a.active {
6947
  color: #1f2d3d;
6948
}
6949

6950
.card-orange.card-outline {
6951
  border-top: 3px solid #fd7e14;
6952
}
6953

6954
.card-orange.card-outline-tabs > .card-header a:hover {
6955
  border-top: 3px solid #dee2e6;
6956
}
6957

6958
.card-orange.card-outline-tabs > .card-header a.active,
6959
.card-orange.card-outline-tabs > .card-header a.active:hover {
6960
  border-top: 3px solid #fd7e14;
6961
}
6962

6963
.bg-orange > .card-header .btn-tool,
6964
.bg-gradient-orange > .card-header .btn-tool,
6965
.card-orange:not(.card-outline) > .card-header .btn-tool {
6966
  color: rgba(31, 45, 61, 0.8);
6967
}
6968

6969
.bg-orange > .card-header .btn-tool:hover,
6970
.bg-gradient-orange > .card-header .btn-tool:hover,
6971
.card-orange:not(.card-outline) > .card-header .btn-tool:hover {
6972
  color: #1f2d3d;
6973
}
6974

6975
.card.bg-orange .bootstrap-datetimepicker-widget .table td,
6976
.card.bg-orange .bootstrap-datetimepicker-widget .table th,
6977
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
6978
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
6979
  border: none;
6980
}
6981

6982
.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6983
.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
6984
.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
6985
.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
6986
.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
6987
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
6988
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
6989
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
6990
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
6991
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
6992
  background-color: #e66a02;
6993
  color: #1f2d3d;
6994
}
6995

6996
.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
6997
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
6998
  border-bottom-color: #1f2d3d;
6999
}
7000

7001
.card.bg-orange .bootstrap-datetimepicker-widget table td.active,
7002
.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
7003
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
7004
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
7005
  background-color: #fd9a47;
7006
  color: #1f2d3d;
7007
}
7008

7009
.card-yellow:not(.card-outline) > .card-header {
7010
  background-color: #ffc107;
7011
}
7012

7013
.card-yellow:not(.card-outline) > .card-header,
7014
.card-yellow:not(.card-outline) > .card-header a {
7015
  color: #1f2d3d;
7016
}
7017

7018
.card-yellow:not(.card-outline) > .card-header a.active {
7019
  color: #1f2d3d;
7020
}
7021

7022
.card-yellow.card-outline {
7023
  border-top: 3px solid #ffc107;
7024
}
7025

7026
.card-yellow.card-outline-tabs > .card-header a:hover {
7027
  border-top: 3px solid #dee2e6;
7028
}
7029

7030
.card-yellow.card-outline-tabs > .card-header a.active,
7031
.card-yellow.card-outline-tabs > .card-header a.active:hover {
7032
  border-top: 3px solid #ffc107;
7033
}
7034

7035
.bg-yellow > .card-header .btn-tool,
7036
.bg-gradient-yellow > .card-header .btn-tool,
7037
.card-yellow:not(.card-outline) > .card-header .btn-tool {
7038
  color: rgba(31, 45, 61, 0.8);
7039
}
7040

7041
.bg-yellow > .card-header .btn-tool:hover,
7042
.bg-gradient-yellow > .card-header .btn-tool:hover,
7043
.card-yellow:not(.card-outline) > .card-header .btn-tool:hover {
7044
  color: #1f2d3d;
7045
}
7046

7047
.card.bg-yellow .bootstrap-datetimepicker-widget .table td,
7048
.card.bg-yellow .bootstrap-datetimepicker-widget .table th,
7049
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
7050
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
7051
  border: none;
7052
}
7053

7054
.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7055
.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
7056
.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
7057
.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
7058
.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
7059
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7060
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
7061
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
7062
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
7063
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
7064
  background-color: #dda600;
7065
  color: #1f2d3d;
7066
}
7067

7068
.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
7069
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
7070
  border-bottom-color: #1f2d3d;
7071
}
7072

7073
.card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
7074
.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
7075
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
7076
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
7077
  background-color: #ffce3a;
7078
  color: #1f2d3d;
7079
}
7080

7081
.card-green:not(.card-outline) > .card-header {
7082
  background-color: #28a745;
7083
}
7084

7085
.card-green:not(.card-outline) > .card-header,
7086
.card-green:not(.card-outline) > .card-header a {
7087
  color: #fff;
7088
}
7089

7090
.card-green:not(.card-outline) > .card-header a.active {
7091
  color: #1f2d3d;
7092
}
7093

7094
.card-green.card-outline {
7095
  border-top: 3px solid #28a745;
7096
}
7097

7098
.card-green.card-outline-tabs > .card-header a:hover {
7099
  border-top: 3px solid #dee2e6;
7100
}
7101

7102
.card-green.card-outline-tabs > .card-header a.active,
7103
.card-green.card-outline-tabs > .card-header a.active:hover {
7104
  border-top: 3px solid #28a745;
7105
}
7106

7107
.bg-green > .card-header .btn-tool,
7108
.bg-gradient-green > .card-header .btn-tool,
7109
.card-green:not(.card-outline) > .card-header .btn-tool {
7110
  color: rgba(255, 255, 255, 0.8);
7111
}
7112

7113
.bg-green > .card-header .btn-tool:hover,
7114
.bg-gradient-green > .card-header .btn-tool:hover,
7115
.card-green:not(.card-outline) > .card-header .btn-tool:hover {
7116
  color: #fff;
7117
}
7118

7119
.card.bg-green .bootstrap-datetimepicker-widget .table td,
7120
.card.bg-green .bootstrap-datetimepicker-widget .table th,
7121
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
7122
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
7123
  border: none;
7124
}
7125

7126
.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7127
.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
7128
.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
7129
.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
7130
.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
7131
.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7132
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
7133
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
7134
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
7135
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
7136
  background-color: #208637;
7137
  color: #fff;
7138
}
7139

7140
.card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
7141
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
7142
  border-bottom-color: #fff;
7143
}
7144

7145
.card.bg-green .bootstrap-datetimepicker-widget table td.active,
7146
.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
7147
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
7148
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
7149
  background-color: #34ce57;
7150
  color: #fff;
7151
}
7152

7153
.card-teal:not(.card-outline) > .card-header {
7154
  background-color: #20c997;
7155
}
7156

7157
.card-teal:not(.card-outline) > .card-header,
7158
.card-teal:not(.card-outline) > .card-header a {
7159
  color: #fff;
7160
}
7161

7162
.card-teal:not(.card-outline) > .card-header a.active {
7163
  color: #1f2d3d;
7164
}
7165

7166
.card-teal.card-outline {
7167
  border-top: 3px solid #20c997;
7168
}
7169

7170
.card-teal.card-outline-tabs > .card-header a:hover {
7171
  border-top: 3px solid #dee2e6;
7172
}
7173

7174
.card-teal.card-outline-tabs > .card-header a.active,
7175
.card-teal.card-outline-tabs > .card-header a.active:hover {
7176
  border-top: 3px solid #20c997;
7177
}
7178

7179
.bg-teal > .card-header .btn-tool,
7180
.bg-gradient-teal > .card-header .btn-tool,
7181
.card-teal:not(.card-outline) > .card-header .btn-tool {
7182
  color: rgba(255, 255, 255, 0.8);
7183
}
7184

7185
.bg-teal > .card-header .btn-tool:hover,
7186
.bg-gradient-teal > .card-header .btn-tool:hover,
7187
.card-teal:not(.card-outline) > .card-header .btn-tool:hover {
7188
  color: #fff;
7189
}
7190

7191
.card.bg-teal .bootstrap-datetimepicker-widget .table td,
7192
.card.bg-teal .bootstrap-datetimepicker-widget .table th,
7193
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
7194
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
7195
  border: none;
7196
}
7197

7198
.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7199
.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
7200
.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
7201
.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
7202
.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
7203
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7204
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
7205
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
7206
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
7207
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
7208
  background-color: #1aa67d;
7209
  color: #fff;
7210
}
7211

7212
.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
7213
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
7214
  border-bottom-color: #fff;
7215
}
7216

7217
.card.bg-teal .bootstrap-datetimepicker-widget table td.active,
7218
.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
7219
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
7220
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
7221
  background-color: #3ce0af;
7222
  color: #fff;
7223
}
7224

7225
.card-cyan:not(.card-outline) > .card-header {
7226
  background-color: #17a2b8;
7227
}
7228

7229
.card-cyan:not(.card-outline) > .card-header,
7230
.card-cyan:not(.card-outline) > .card-header a {
7231
  color: #fff;
7232
}
7233

7234
.card-cyan:not(.card-outline) > .card-header a.active {
7235
  color: #1f2d3d;
7236
}
7237

7238
.card-cyan.card-outline {
7239
  border-top: 3px solid #17a2b8;
7240
}
7241

7242
.card-cyan.card-outline-tabs > .card-header a:hover {
7243
  border-top: 3px solid #dee2e6;
7244
}
7245

7246
.card-cyan.card-outline-tabs > .card-header a.active,
7247
.card-cyan.card-outline-tabs > .card-header a.active:hover {
7248
  border-top: 3px solid #17a2b8;
7249
}
7250

7251
.bg-cyan > .card-header .btn-tool,
7252
.bg-gradient-cyan > .card-header .btn-tool,
7253
.card-cyan:not(.card-outline) > .card-header .btn-tool {
7254
  color: rgba(255, 255, 255, 0.8);
7255
}
7256

7257
.bg-cyan > .card-header .btn-tool:hover,
7258
.bg-gradient-cyan > .card-header .btn-tool:hover,
7259
.card-cyan:not(.card-outline) > .card-header .btn-tool:hover {
7260
  color: #fff;
7261
}
7262

7263
.card.bg-cyan .bootstrap-datetimepicker-widget .table td,
7264
.card.bg-cyan .bootstrap-datetimepicker-widget .table th,
7265
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
7266
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
7267
  border: none;
7268
}
7269

7270
.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7271
.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
7272
.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
7273
.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
7274
.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
7275
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7276
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
7277
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
7278
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
7279
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
7280
  background-color: #128294;
7281
  color: #fff;
7282
}
7283

7284
.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
7285
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
7286
  border-bottom-color: #fff;
7287
}
7288

7289
.card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
7290
.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
7291
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
7292
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
7293
  background-color: #1fc8e3;
7294
  color: #fff;
7295
}
7296

7297
.card-white:not(.card-outline) > .card-header {
7298
  background-color: #fff;
7299
}
7300

7301
.card-white:not(.card-outline) > .card-header,
7302
.card-white:not(.card-outline) > .card-header a {
7303
  color: #1f2d3d;
7304
}
7305

7306
.card-white:not(.card-outline) > .card-header a.active {
7307
  color: #1f2d3d;
7308
}
7309

7310
.card-white.card-outline {
7311
  border-top: 3px solid #fff;
7312
}
7313

7314
.card-white.card-outline-tabs > .card-header a:hover {
7315
  border-top: 3px solid #dee2e6;
7316
}
7317

7318
.card-white.card-outline-tabs > .card-header a.active,
7319
.card-white.card-outline-tabs > .card-header a.active:hover {
7320
  border-top: 3px solid #fff;
7321
}
7322

7323
.bg-white > .card-header .btn-tool,
7324
.bg-gradient-white > .card-header .btn-tool,
7325
.card-white:not(.card-outline) > .card-header .btn-tool {
7326
  color: rgba(31, 45, 61, 0.8);
7327
}
7328

7329
.bg-white > .card-header .btn-tool:hover,
7330
.bg-gradient-white > .card-header .btn-tool:hover,
7331
.card-white:not(.card-outline) > .card-header .btn-tool:hover {
7332
  color: #1f2d3d;
7333
}
7334

7335
.card.bg-white .bootstrap-datetimepicker-widget .table td,
7336
.card.bg-white .bootstrap-datetimepicker-widget .table th,
7337
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
7338
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
7339
  border: none;
7340
}
7341

7342
.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7343
.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
7344
.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
7345
.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
7346
.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
7347
.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7348
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
7349
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
7350
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
7351
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
7352
  background-color: #ebebeb;
7353
  color: #1f2d3d;
7354
}
7355

7356
.card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
7357
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
7358
  border-bottom-color: #1f2d3d;
7359
}
7360

7361
.card.bg-white .bootstrap-datetimepicker-widget table td.active,
7362
.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
7363
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
7364
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
7365
  background-color: white;
7366
  color: #1f2d3d;
7367
}
7368

7369
.card-gray:not(.card-outline) > .card-header {
7370
  background-color: #6c757d;
7371
}
7372

7373
.card-gray:not(.card-outline) > .card-header,
7374
.card-gray:not(.card-outline) > .card-header a {
7375
  color: #fff;
7376
}
7377

7378
.card-gray:not(.card-outline) > .card-header a.active {
7379
  color: #1f2d3d;
7380
}
7381

7382
.card-gray.card-outline {
7383
  border-top: 3px solid #6c757d;
7384
}
7385

7386
.card-gray.card-outline-tabs > .card-header a:hover {
7387
  border-top: 3px solid #dee2e6;
7388
}
7389

7390
.card-gray.card-outline-tabs > .card-header a.active,
7391
.card-gray.card-outline-tabs > .card-header a.active:hover {
7392
  border-top: 3px solid #6c757d;
7393
}
7394

7395
.bg-gray > .card-header .btn-tool,
7396
.bg-gradient-gray > .card-header .btn-tool,
7397
.card-gray:not(.card-outline) > .card-header .btn-tool {
7398
  color: rgba(255, 255, 255, 0.8);
7399
}
7400

7401
.bg-gray > .card-header .btn-tool:hover,
7402
.bg-gradient-gray > .card-header .btn-tool:hover,
7403
.card-gray:not(.card-outline) > .card-header .btn-tool:hover {
7404
  color: #fff;
7405
}
7406

7407
.card.bg-gray .bootstrap-datetimepicker-widget .table td,
7408
.card.bg-gray .bootstrap-datetimepicker-widget .table th,
7409
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
7410
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
7411
  border: none;
7412
}
7413

7414
.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7415
.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
7416
.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
7417
.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
7418
.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
7419
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7420
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
7421
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
7422
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
7423
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
7424
  background-color: #596167;
7425
  color: #fff;
7426
}
7427

7428
.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
7429
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
7430
  border-bottom-color: #fff;
7431
}
7432

7433
.card.bg-gray .bootstrap-datetimepicker-widget table td.active,
7434
.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
7435
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
7436
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
7437
  background-color: #868e96;
7438
  color: #fff;
7439
}
7440

7441
.card-gray-dark:not(.card-outline) > .card-header {
7442
  background-color: #343a40;
7443
}
7444

7445
.card-gray-dark:not(.card-outline) > .card-header,
7446
.card-gray-dark:not(.card-outline) > .card-header a {
7447
  color: #fff;
7448
}
7449

7450
.card-gray-dark:not(.card-outline) > .card-header a.active {
7451
  color: #1f2d3d;
7452
}
7453

7454
.card-gray-dark.card-outline {
7455
  border-top: 3px solid #343a40;
7456
}
7457

7458
.card-gray-dark.card-outline-tabs > .card-header a:hover {
7459
  border-top: 3px solid #dee2e6;
7460
}
7461

7462
.card-gray-dark.card-outline-tabs > .card-header a.active,
7463
.card-gray-dark.card-outline-tabs > .card-header a.active:hover {
7464
  border-top: 3px solid #343a40;
7465
}
7466

7467
.bg-gray-dark > .card-header .btn-tool,
7468
.bg-gradient-gray-dark > .card-header .btn-tool,
7469
.card-gray-dark:not(.card-outline) > .card-header .btn-tool {
7470
  color: rgba(255, 255, 255, 0.8);
7471
}
7472

7473
.bg-gray-dark > .card-header .btn-tool:hover,
7474
.bg-gradient-gray-dark > .card-header .btn-tool:hover,
7475
.card-gray-dark:not(.card-outline) > .card-header .btn-tool:hover {
7476
  color: #fff;
7477
}
7478

7479
.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
7480
.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
7481
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
7482
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
7483
  border: none;
7484
}
7485

7486
.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7487
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
7488
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
7489
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
7490
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
7491
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
7492
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
7493
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
7494
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
7495
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
7496
  background-color: #222629;
7497
  color: #fff;
7498
}
7499

7500
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
7501
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
7502
  border-bottom-color: #fff;
7503
}
7504

7505
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
7506
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
7507
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
7508
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
7509
  background-color: #4b545c;
7510
  color: #fff;
7511
}
7512

7513
.card {
7514
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
7515
  margin-bottom: 1rem;
7516
}
7517

7518
.card.bg-dark .card-header {
7519
  border-color: #383f45;
7520
}
7521

7522
.card.bg-dark,
7523
.card.bg-dark .card-body {
7524
  color: #fff;
7525
}
7526

7527
.card.maximized-card {
7528
  height: 100% !important;
7529
  left: 0;
7530
  max-height: 100% !important;
7531
  max-width: 100% !important;
7532
  position: fixed;
7533
  top: 0;
7534
  width: 100% !important;
7535
  z-index: 1040;
7536
}
7537

7538
.card.maximized-card.was-collapsed .card-body {
7539
  display: block !important;
7540
}
7541

7542
.card.maximized-card .card-body {
7543
  overflow: auto;
7544
}
7545

7546
.card.maximized-card [data-card-widgett="collapse"] {
7547
  display: none;
7548
}
7549

7550
.card.maximized-card .card-header,
7551
.card.maximized-card .card-footer {
7552
  border-radius: 0 !important;
7553
}
7554

7555
.card.collapsed-card .card-body,
7556
.card.collapsed-card .card-footer {
7557
  display: none;
7558
}
7559

7560
.card .nav.flex-column:not(.nav-sidebar) > li {
7561
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
7562
  margin: 0;
7563
}
7564

7565
.card .nav.flex-column:not(.nav-sidebar) > li:last-of-type {
7566
  border-bottom: 0;
7567
}
7568

7569
.card.height-control .card-body {
7570
  max-height: 300px;
7571
  overflow: auto;
7572
}
7573

7574
.card .border-right {
7575
  border-right: 1px solid rgba(0, 0, 0, 0.125);
7576
}
7577

7578
.card .border-left {
7579
  border-left: 1px solid rgba(0, 0, 0, 0.125);
7580
}
7581

7582
.card.card-tabs:not(.card-outline) > .card-header {
7583
  border-bottom: 0;
7584
}
7585

7586
.card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
7587
  border-left-color: transparent;
7588
}
7589

7590
.card.card-tabs.card-outline .nav-item {
7591
  border-bottom: 0;
7592
}
7593

7594
.card.card-tabs.card-outline .nav-item:first-child .nav-link {
7595
  border-left: 0;
7596
  margin-left: 0;
7597
}
7598

7599
.card.card-tabs .card-tools {
7600
  margin: .3rem .5rem;
7601
}
7602

7603
.card.card-tabs:not(.expanding-card).collapsed-card .card-header {
7604
  border-bottom: 0;
7605
}
7606

7607
.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
7608
  border-bottom: 0;
7609
}
7610

7611
.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
7612
  margin-bottom: 0;
7613
}
7614

7615
.card.card-tabs.expanding-card .card-header .nav-tabs .nav-item {
7616
  margin-bottom: -1px;
7617
}
7618

7619
.card.card-outline-tabs {
7620
  border-top: 0;
7621
}
7622

7623
.card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
7624
  border-left: 0;
7625
  margin-left: 0;
7626
}
7627

7628
.card.card-outline-tabs .card-header a {
7629
  border-top: 3px solid transparent;
7630
}
7631

7632
.card.card-outline-tabs .card-header a:hover {
7633
  border-top: 3px solid #dee2e6;
7634
}
7635

7636
.card.card-outline-tabs .card-header a.active:hover {
7637
  margin-top: 0;
7638
}
7639

7640
.card.card-outline-tabs .card-tools {
7641
  margin: .5rem .5rem .3rem;
7642
}
7643

7644
.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header {
7645
  border-bottom: 0;
7646
}
7647

7648
.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
7649
  border-bottom: 0;
7650
}
7651

7652
.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
7653
  margin-bottom: 0;
7654
}
7655

7656
.card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item {
7657
  margin-bottom: -1px;
7658
}
7659

7660
html.maximized-card {
7661
  overflow: hidden;
7662
}
7663

7664
.card-header::after,
7665
.card-body::after,
7666
.card-footer::after {
7667
  display: block;
7668
  clear: both;
7669
  content: "";
7670
}
7671

7672
.card-header {
7673
  background-color: transparent;
7674
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
7675
  padding: 0.75rem 1.25rem;
7676
  position: relative;
7677
  border-top-left-radius: 0.25rem;
7678
  border-top-right-radius: 0.25rem;
7679
}
7680

7681
.collapsed-card .card-header {
7682
  border-bottom: 0;
7683
}
7684

7685
.card-header > .card-tools {
7686
  float: right;
7687
  margin-right: -0.625rem;
7688
}
7689

7690
.card-header > .card-tools .input-group,
7691
.card-header > .card-tools .nav,
7692
.card-header > .card-tools .pagination {
7693
  margin-bottom: -0.3rem;
7694
  margin-top: -0.3rem;
7695
}
7696

7697
.card-header > .card-tools [data-toggle="tooltip"] {
7698
  position: relative;
7699
}
7700

7701
.card-title {
7702
  float: left;
7703
  font-size: 1.1rem;
7704
  font-weight: 400;
7705
  margin: 0;
7706
}
7707

7708
.card-text {
7709
  clear: both;
7710
}
7711

7712
.btn-tool {
7713
  background-color: transparent;
7714
  color: #adb5bd;
7715
  font-size: 0.875rem;
7716
  margin: -0.75rem 0;
7717
  padding: .25rem .5rem;
7718
}
7719

7720
.btn-group.show .btn-tool, .btn-tool:hover {
7721
  color: #495057;
7722
}
7723

7724
.show .btn-tool, .btn-tool:focus {
7725
  box-shadow: none !important;
7726
}
7727

7728
.text-sm .card-title {
7729
  font-size: 1rem;
7730
}
7731

7732
.text-sm .nav-link {
7733
  padding: 0.4rem 0.8rem;
7734
}
7735

7736
.card-body > .table {
7737
  margin-bottom: 0;
7738
}
7739

7740
.card-body > .table > thead > tr > th,
7741
.card-body > .table > thead > tr > td {
7742
  border-top-width: 0;
7743
}
7744

7745
.card-body .fc {
7746
  margin-top: 5px;
7747
}
7748

7749
.card-body .full-width-chart {
7750
  margin: -19px;
7751
}
7752

7753
.card-body.p-0 .full-width-chart {
7754
  margin: -9px;
7755
}
7756

7757
.chart-legend {
7758
  padding-left: 0;
7759
  list-style: none;
7760
  margin: 10px 0;
7761
}
7762

7763
@media (max-width: 576px) {
7764
  .chart-legend > li {
7765
    float: left;
7766
    margin-right: 10px;
7767
  }
7768
}
7769

7770
.card-comments {
7771
  background-color: #f8f9fa;
7772
}
7773

7774
.card-comments .card-comment {
7775
  border-bottom: 1px solid #e9ecef;
7776
  padding: 8px 0;
7777
}
7778

7779
.card-comments .card-comment::after {
7780
  display: block;
7781
  clear: both;
7782
  content: "";
7783
}
7784

7785
.card-comments .card-comment:last-of-type {
7786
  border-bottom: 0;
7787
}
7788

7789
.card-comments .card-comment:first-of-type {
7790
  padding-top: 0;
7791
}
7792

7793
.card-comments .card-comment img {
7794
  height: 1.875rem;
7795
  width: 1.875rem;
7796
  float: left;
7797
}
7798

7799
.card-comments .comment-text {
7800
  color: #78838e;
7801
  margin-left: 40px;
7802
}
7803

7804
.card-comments .username {
7805
  color: #495057;
7806
  display: block;
7807
  font-weight: 600;
7808
}
7809

7810
.card-comments .text-muted {
7811
  font-size: 12px;
7812
  font-weight: 400;
7813
}
7814

7815
.todo-list {
7816
  list-style: none;
7817
  margin: 0;
7818
  overflow: auto;
7819
  padding: 0;
7820
}
7821

7822
.todo-list > li {
7823
  border-radius: 2px;
7824
  background-color: #f8f9fa;
7825
  border-left: 2px solid #e9ecef;
7826
  color: #495057;
7827
  margin-bottom: 2px;
7828
  padding: 10px;
7829
}
7830

7831
.todo-list > li:last-of-type {
7832
  margin-bottom: 0;
7833
}
7834

7835
.todo-list > li > input[type="checkbox"] {
7836
  margin: 0 10px 0 5px;
7837
}
7838

7839
.todo-list > li .text {
7840
  display: inline-block;
7841
  font-weight: 600;
7842
  margin-left: 5px;
7843
}
7844

7845
.todo-list > li .badge {
7846
  font-size: .7rem;
7847
  margin-left: 10px;
7848
}
7849

7850
.todo-list > li .tools {
7851
  color: #dc3545;
7852
  display: none;
7853
  float: right;
7854
}
7855

7856
.todo-list > li .tools > .fa,
7857
.todo-list > li .tools > .fas,
7858
.todo-list > li .tools > .far,
7859
.todo-list > li .tools > .fab,
7860
.todo-list > li .tools > .fal,
7861
.todo-list > li .tools > .fad,
7862
.todo-list > li .tools > .svg-inline--fa,
7863
.todo-list > li .tools > .ion {
7864
  cursor: pointer;
7865
  margin-right: 5px;
7866
}
7867

7868
.todo-list > li:hover .tools {
7869
  display: inline-block;
7870
}
7871

7872
.todo-list > li.done {
7873
  color: #697582;
7874
}
7875

7876
.todo-list > li.done .text {
7877
  font-weight: 500;
7878
  text-decoration: line-through;
7879
}
7880

7881
.todo-list > li.done .badge {
7882
  background-color: #adb5bd !important;
7883
}
7884

7885
.todo-list .primary {
7886
  border-left-color: #007bff;
7887
}
7888

7889
.todo-list .secondary {
7890
  border-left-color: #6c757d;
7891
}
7892

7893
.todo-list .success {
7894
  border-left-color: #28a745;
7895
}
7896

7897
.todo-list .info {
7898
  border-left-color: #17a2b8;
7899
}
7900

7901
.todo-list .warning {
7902
  border-left-color: #ffc107;
7903
}
7904

7905
.todo-list .danger {
7906
  border-left-color: #dc3545;
7907
}
7908

7909
.todo-list .light {
7910
  border-left-color: #f8f9fa;
7911
}
7912

7913
.todo-list .dark {
7914
  border-left-color: #343a40;
7915
}
7916

7917
.todo-list .lightblue {
7918
  border-left-color: #3c8dbc;
7919
}
7920

7921
.todo-list .navy {
7922
  border-left-color: #001f3f;
7923
}
7924

7925
.todo-list .olive {
7926
  border-left-color: #3d9970;
7927
}
7928

7929
.todo-list .lime {
7930
  border-left-color: #01ff70;
7931
}
7932

7933
.todo-list .fuchsia {
7934
  border-left-color: #f012be;
7935
}
7936

7937
.todo-list .maroon {
7938
  border-left-color: #d81b60;
7939
}
7940

7941
.todo-list .blue {
7942
  border-left-color: #007bff;
7943
}
7944

7945
.todo-list .indigo {
7946
  border-left-color: #6610f2;
7947
}
7948

7949
.todo-list .purple {
7950
  border-left-color: #6f42c1;
7951
}
7952

7953
.todo-list .pink {
7954
  border-left-color: #e83e8c;
7955
}
7956

7957
.todo-list .red {
7958
  border-left-color: #dc3545;
7959
}
7960

7961
.todo-list .orange {
7962
  border-left-color: #fd7e14;
7963
}
7964

7965
.todo-list .yellow {
7966
  border-left-color: #ffc107;
7967
}
7968

7969
.todo-list .green {
7970
  border-left-color: #28a745;
7971
}
7972

7973
.todo-list .teal {
7974
  border-left-color: #20c997;
7975
}
7976

7977
.todo-list .cyan {
7978
  border-left-color: #17a2b8;
7979
}
7980

7981
.todo-list .white {
7982
  border-left-color: #fff;
7983
}
7984

7985
.todo-list .gray {
7986
  border-left-color: #6c757d;
7987
}
7988

7989
.todo-list .gray-dark {
7990
  border-left-color: #343a40;
7991
}
7992

7993
.todo-list .handle {
7994
  cursor: move;
7995
  display: inline-block;
7996
  margin: 0 5px;
7997
}
7998

7999
.card-input {
8000
  max-width: 200px;
8001
}
8002

8003
.card-default .nav-item:first-child .nav-link {
8004
  border-left: 0;
8005
}
8006

8007
.dark-mode .card-primary:not(.card-outline) > .card-header {
8008
  background-color: #3f6791;
8009
}
8010

8011
.dark-mode .card-primary:not(.card-outline) > .card-header,
8012
.dark-mode .card-primary:not(.card-outline) > .card-header a {
8013
  color: #fff;
8014
}
8015

8016
.dark-mode .card-primary:not(.card-outline) > .card-header a.active {
8017
  color: #1f2d3d;
8018
}
8019

8020
.dark-mode .card-primary.card-outline {
8021
  border-top: 3px solid #3f6791;
8022
}
8023

8024
.dark-mode .card-primary.card-outline-tabs > .card-header a:hover {
8025
  border-top: 3px solid #dee2e6;
8026
}
8027

8028
.dark-mode .card-primary.card-outline-tabs > .card-header a.active,
8029
.dark-mode .card-primary.card-outline-tabs > .card-header a.active:hover {
8030
  border-top: 3px solid #3f6791;
8031
}
8032

8033
.dark-mode .bg-primary > .card-header .btn-tool,
8034
.dark-mode .bg-gradient-primary > .card-header .btn-tool,
8035
.dark-mode .card-primary:not(.card-outline) > .card-header .btn-tool {
8036
  color: rgba(255, 255, 255, 0.8);
8037
}
8038

8039
.dark-mode .bg-primary > .card-header .btn-tool:hover,
8040
.dark-mode .bg-gradient-primary > .card-header .btn-tool:hover,
8041
.dark-mode .card-primary:not(.card-outline) > .card-header .btn-tool:hover {
8042
  color: #fff;
8043
}
8044

8045
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table td,
8046
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table th,
8047
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
8048
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
8049
  border: none;
8050
}
8051

8052
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8053
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
8054
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
8055
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
8056
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
8057
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8058
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
8059
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
8060
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
8061
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
8062
  background-color: #335375;
8063
  color: #fff;
8064
}
8065

8066
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
8067
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
8068
  border-bottom-color: #fff;
8069
}
8070

8071
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active,
8072
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
8073
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
8074
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
8075
  background-color: #5080b3;
8076
  color: #fff;
8077
}
8078

8079
.dark-mode .card-secondary:not(.card-outline) > .card-header {
8080
  background-color: #6c757d;
8081
}
8082

8083
.dark-mode .card-secondary:not(.card-outline) > .card-header,
8084
.dark-mode .card-secondary:not(.card-outline) > .card-header a {
8085
  color: #fff;
8086
}
8087

8088
.dark-mode .card-secondary:not(.card-outline) > .card-header a.active {
8089
  color: #1f2d3d;
8090
}
8091

8092
.dark-mode .card-secondary.card-outline {
8093
  border-top: 3px solid #6c757d;
8094
}
8095

8096
.dark-mode .card-secondary.card-outline-tabs > .card-header a:hover {
8097
  border-top: 3px solid #dee2e6;
8098
}
8099

8100
.dark-mode .card-secondary.card-outline-tabs > .card-header a.active,
8101
.dark-mode .card-secondary.card-outline-tabs > .card-header a.active:hover {
8102
  border-top: 3px solid #6c757d;
8103
}
8104

8105
.dark-mode .bg-secondary > .card-header .btn-tool,
8106
.dark-mode .bg-gradient-secondary > .card-header .btn-tool,
8107
.dark-mode .card-secondary:not(.card-outline) > .card-header .btn-tool {
8108
  color: rgba(255, 255, 255, 0.8);
8109
}
8110

8111
.dark-mode .bg-secondary > .card-header .btn-tool:hover,
8112
.dark-mode .bg-gradient-secondary > .card-header .btn-tool:hover,
8113
.dark-mode .card-secondary:not(.card-outline) > .card-header .btn-tool:hover {
8114
  color: #fff;
8115
}
8116

8117
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table td,
8118
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table th,
8119
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
8120
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
8121
  border: none;
8122
}
8123

8124
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8125
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
8126
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
8127
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
8128
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
8129
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8130
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
8131
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
8132
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
8133
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
8134
  background-color: #596167;
8135
  color: #fff;
8136
}
8137

8138
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
8139
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
8140
  border-bottom-color: #fff;
8141
}
8142

8143
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
8144
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
8145
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
8146
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
8147
  background-color: #868e96;
8148
  color: #fff;
8149
}
8150

8151
.dark-mode .card-success:not(.card-outline) > .card-header {
8152
  background-color: #00bc8c;
8153
}
8154

8155
.dark-mode .card-success:not(.card-outline) > .card-header,
8156
.dark-mode .card-success:not(.card-outline) > .card-header a {
8157
  color: #fff;
8158
}
8159

8160
.dark-mode .card-success:not(.card-outline) > .card-header a.active {
8161
  color: #1f2d3d;
8162
}
8163

8164
.dark-mode .card-success.card-outline {
8165
  border-top: 3px solid #00bc8c;
8166
}
8167

8168
.dark-mode .card-success.card-outline-tabs > .card-header a:hover {
8169
  border-top: 3px solid #dee2e6;
8170
}
8171

8172
.dark-mode .card-success.card-outline-tabs > .card-header a.active,
8173
.dark-mode .card-success.card-outline-tabs > .card-header a.active:hover {
8174
  border-top: 3px solid #00bc8c;
8175
}
8176

8177
.dark-mode .bg-success > .card-header .btn-tool,
8178
.dark-mode .bg-gradient-success > .card-header .btn-tool,
8179
.dark-mode .card-success:not(.card-outline) > .card-header .btn-tool {
8180
  color: rgba(255, 255, 255, 0.8);
8181
}
8182

8183
.dark-mode .bg-success > .card-header .btn-tool:hover,
8184
.dark-mode .bg-gradient-success > .card-header .btn-tool:hover,
8185
.dark-mode .card-success:not(.card-outline) > .card-header .btn-tool:hover {
8186
  color: #fff;
8187
}
8188

8189
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table td,
8190
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table th,
8191
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
8192
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
8193
  border: none;
8194
}
8195

8196
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8197
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
8198
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
8199
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
8200
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
8201
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8202
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
8203
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
8204
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
8205
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
8206
  background-color: #00936e;
8207
  color: #fff;
8208
}
8209

8210
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
8211
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
8212
  border-bottom-color: #fff;
8213
}
8214

8215
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active,
8216
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
8217
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
8218
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
8219
  background-color: #00efb2;
8220
  color: #fff;
8221
}
8222

8223
.dark-mode .card-info:not(.card-outline) > .card-header {
8224
  background-color: #3498db;
8225
}
8226

8227
.dark-mode .card-info:not(.card-outline) > .card-header,
8228
.dark-mode .card-info:not(.card-outline) > .card-header a {
8229
  color: #fff;
8230
}
8231

8232
.dark-mode .card-info:not(.card-outline) > .card-header a.active {
8233
  color: #1f2d3d;
8234
}
8235

8236
.dark-mode .card-info.card-outline {
8237
  border-top: 3px solid #3498db;
8238
}
8239

8240
.dark-mode .card-info.card-outline-tabs > .card-header a:hover {
8241
  border-top: 3px solid #dee2e6;
8242
}
8243

8244
.dark-mode .card-info.card-outline-tabs > .card-header a.active,
8245
.dark-mode .card-info.card-outline-tabs > .card-header a.active:hover {
8246
  border-top: 3px solid #3498db;
8247
}
8248

8249
.dark-mode .bg-info > .card-header .btn-tool,
8250
.dark-mode .bg-gradient-info > .card-header .btn-tool,
8251
.dark-mode .card-info:not(.card-outline) > .card-header .btn-tool {
8252
  color: rgba(255, 255, 255, 0.8);
8253
}
8254

8255
.dark-mode .bg-info > .card-header .btn-tool:hover,
8256
.dark-mode .bg-gradient-info > .card-header .btn-tool:hover,
8257
.dark-mode .card-info:not(.card-outline) > .card-header .btn-tool:hover {
8258
  color: #fff;
8259
}
8260

8261
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table td,
8262
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table th,
8263
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
8264
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
8265
  border: none;
8266
}
8267

8268
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8269
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
8270
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
8271
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
8272
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
8273
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8274
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
8275
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
8276
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
8277
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
8278
  background-color: #2383c4;
8279
  color: #fff;
8280
}
8281

8282
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
8283
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
8284
  border-bottom-color: #fff;
8285
}
8286

8287
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active,
8288
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
8289
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
8290
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
8291
  background-color: #5faee3;
8292
  color: #fff;
8293
}
8294

8295
.dark-mode .card-warning:not(.card-outline) > .card-header {
8296
  background-color: #f39c12;
8297
}
8298

8299
.dark-mode .card-warning:not(.card-outline) > .card-header,
8300
.dark-mode .card-warning:not(.card-outline) > .card-header a {
8301
  color: #1f2d3d;
8302
}
8303

8304
.dark-mode .card-warning:not(.card-outline) > .card-header a.active {
8305
  color: #1f2d3d;
8306
}
8307

8308
.dark-mode .card-warning.card-outline {
8309
  border-top: 3px solid #f39c12;
8310
}
8311

8312
.dark-mode .card-warning.card-outline-tabs > .card-header a:hover {
8313
  border-top: 3px solid #dee2e6;
8314
}
8315

8316
.dark-mode .card-warning.card-outline-tabs > .card-header a.active,
8317
.dark-mode .card-warning.card-outline-tabs > .card-header a.active:hover {
8318
  border-top: 3px solid #f39c12;
8319
}
8320

8321
.dark-mode .bg-warning > .card-header .btn-tool,
8322
.dark-mode .bg-gradient-warning > .card-header .btn-tool,
8323
.dark-mode .card-warning:not(.card-outline) > .card-header .btn-tool {
8324
  color: rgba(31, 45, 61, 0.8);
8325
}
8326

8327
.dark-mode .bg-warning > .card-header .btn-tool:hover,
8328
.dark-mode .bg-gradient-warning > .card-header .btn-tool:hover,
8329
.dark-mode .card-warning:not(.card-outline) > .card-header .btn-tool:hover {
8330
  color: #1f2d3d;
8331
}
8332

8333
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table td,
8334
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table th,
8335
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
8336
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
8337
  border: none;
8338
}
8339

8340
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8341
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
8342
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
8343
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
8344
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
8345
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8346
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
8347
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
8348
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
8349
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
8350
  background-color: #d2850b;
8351
  color: #1f2d3d;
8352
}
8353

8354
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
8355
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
8356
  border-bottom-color: #1f2d3d;
8357
}
8358

8359
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active,
8360
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
8361
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
8362
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
8363
  background-color: #f5b043;
8364
  color: #1f2d3d;
8365
}
8366

8367
.dark-mode .card-danger:not(.card-outline) > .card-header {
8368
  background-color: #e74c3c;
8369
}
8370

8371
.dark-mode .card-danger:not(.card-outline) > .card-header,
8372
.dark-mode .card-danger:not(.card-outline) > .card-header a {
8373
  color: #fff;
8374
}
8375

8376
.dark-mode .card-danger:not(.card-outline) > .card-header a.active {
8377
  color: #1f2d3d;
8378
}
8379

8380
.dark-mode .card-danger.card-outline {
8381
  border-top: 3px solid #e74c3c;
8382
}
8383

8384
.dark-mode .card-danger.card-outline-tabs > .card-header a:hover {
8385
  border-top: 3px solid #dee2e6;
8386
}
8387

8388
.dark-mode .card-danger.card-outline-tabs > .card-header a.active,
8389
.dark-mode .card-danger.card-outline-tabs > .card-header a.active:hover {
8390
  border-top: 3px solid #e74c3c;
8391
}
8392

8393
.dark-mode .bg-danger > .card-header .btn-tool,
8394
.dark-mode .bg-gradient-danger > .card-header .btn-tool,
8395
.dark-mode .card-danger:not(.card-outline) > .card-header .btn-tool {
8396
  color: rgba(255, 255, 255, 0.8);
8397
}
8398

8399
.dark-mode .bg-danger > .card-header .btn-tool:hover,
8400
.dark-mode .bg-gradient-danger > .card-header .btn-tool:hover,
8401
.dark-mode .card-danger:not(.card-outline) > .card-header .btn-tool:hover {
8402
  color: #fff;
8403
}
8404

8405
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table td,
8406
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table th,
8407
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
8408
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
8409
  border: none;
8410
}
8411

8412
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8413
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
8414
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
8415
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
8416
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
8417
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8418
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
8419
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
8420
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
8421
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
8422
  background-color: #df2e1b;
8423
  color: #fff;
8424
}
8425

8426
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
8427
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
8428
  border-bottom-color: #fff;
8429
}
8430

8431
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active,
8432
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
8433
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
8434
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
8435
  background-color: #ed7669;
8436
  color: #fff;
8437
}
8438

8439
.dark-mode .card-light:not(.card-outline) > .card-header {
8440
  background-color: #f8f9fa;
8441
}
8442

8443
.dark-mode .card-light:not(.card-outline) > .card-header,
8444
.dark-mode .card-light:not(.card-outline) > .card-header a {
8445
  color: #1f2d3d;
8446
}
8447

8448
.dark-mode .card-light:not(.card-outline) > .card-header a.active {
8449
  color: #1f2d3d;
8450
}
8451

8452
.dark-mode .card-light.card-outline {
8453
  border-top: 3px solid #f8f9fa;
8454
}
8455

8456
.dark-mode .card-light.card-outline-tabs > .card-header a:hover {
8457
  border-top: 3px solid #dee2e6;
8458
}
8459

8460
.dark-mode .card-light.card-outline-tabs > .card-header a.active,
8461
.dark-mode .card-light.card-outline-tabs > .card-header a.active:hover {
8462
  border-top: 3px solid #f8f9fa;
8463
}
8464

8465
.dark-mode .bg-light > .card-header .btn-tool,
8466
.dark-mode .bg-gradient-light > .card-header .btn-tool,
8467
.dark-mode .card-light:not(.card-outline) > .card-header .btn-tool {
8468
  color: rgba(31, 45, 61, 0.8);
8469
}
8470

8471
.dark-mode .bg-light > .card-header .btn-tool:hover,
8472
.dark-mode .bg-gradient-light > .card-header .btn-tool:hover,
8473
.dark-mode .card-light:not(.card-outline) > .card-header .btn-tool:hover {
8474
  color: #1f2d3d;
8475
}
8476

8477
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table td,
8478
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table th,
8479
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
8480
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
8481
  border: none;
8482
}
8483

8484
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8485
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
8486
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
8487
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
8488
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
8489
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8490
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
8491
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
8492
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
8493
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
8494
  background-color: #e0e5e9;
8495
  color: #1f2d3d;
8496
}
8497

8498
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
8499
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
8500
  border-bottom-color: #1f2d3d;
8501
}
8502

8503
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active,
8504
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
8505
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
8506
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
8507
  background-color: white;
8508
  color: #1f2d3d;
8509
}
8510

8511
.dark-mode .card-dark:not(.card-outline) > .card-header {
8512
  background-color: #343a40;
8513
}
8514

8515
.dark-mode .card-dark:not(.card-outline) > .card-header,
8516
.dark-mode .card-dark:not(.card-outline) > .card-header a {
8517
  color: #fff;
8518
}
8519

8520
.dark-mode .card-dark:not(.card-outline) > .card-header a.active {
8521
  color: #1f2d3d;
8522
}
8523

8524
.dark-mode .card-dark.card-outline {
8525
  border-top: 3px solid #343a40;
8526
}
8527

8528
.dark-mode .card-dark.card-outline-tabs > .card-header a:hover {
8529
  border-top: 3px solid #dee2e6;
8530
}
8531

8532
.dark-mode .card-dark.card-outline-tabs > .card-header a.active,
8533
.dark-mode .card-dark.card-outline-tabs > .card-header a.active:hover {
8534
  border-top: 3px solid #343a40;
8535
}
8536

8537
.dark-mode .bg-dark > .card-header .btn-tool,
8538
.dark-mode .bg-gradient-dark > .card-header .btn-tool,
8539
.dark-mode .card-dark:not(.card-outline) > .card-header .btn-tool {
8540
  color: rgba(255, 255, 255, 0.8);
8541
}
8542

8543
.dark-mode .bg-dark > .card-header .btn-tool:hover,
8544
.dark-mode .bg-gradient-dark > .card-header .btn-tool:hover,
8545
.dark-mode .card-dark:not(.card-outline) > .card-header .btn-tool:hover {
8546
  color: #fff;
8547
}
8548

8549
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table td,
8550
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table th,
8551
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
8552
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
8553
  border: none;
8554
}
8555

8556
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8557
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
8558
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
8559
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
8560
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
8561
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8562
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
8563
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
8564
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
8565
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
8566
  background-color: #222629;
8567
  color: #fff;
8568
}
8569

8570
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
8571
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
8572
  border-bottom-color: #fff;
8573
}
8574

8575
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active,
8576
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
8577
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
8578
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
8579
  background-color: #4b545c;
8580
  color: #fff;
8581
}
8582

8583
.dark-mode .card-lightblue:not(.card-outline) > .card-header {
8584
  background-color: #86bad8;
8585
}
8586

8587
.dark-mode .card-lightblue:not(.card-outline) > .card-header,
8588
.dark-mode .card-lightblue:not(.card-outline) > .card-header a {
8589
  color: #1f2d3d;
8590
}
8591

8592
.dark-mode .card-lightblue:not(.card-outline) > .card-header a.active {
8593
  color: #1f2d3d;
8594
}
8595

8596
.dark-mode .card-lightblue.card-outline {
8597
  border-top: 3px solid #86bad8;
8598
}
8599

8600
.dark-mode .card-lightblue.card-outline-tabs > .card-header a:hover {
8601
  border-top: 3px solid #dee2e6;
8602
}
8603

8604
.dark-mode .card-lightblue.card-outline-tabs > .card-header a.active,
8605
.dark-mode .card-lightblue.card-outline-tabs > .card-header a.active:hover {
8606
  border-top: 3px solid #86bad8;
8607
}
8608

8609
.dark-mode .bg-lightblue > .card-header .btn-tool,
8610
.dark-mode .bg-gradient-lightblue > .card-header .btn-tool,
8611
.dark-mode .card-lightblue:not(.card-outline) > .card-header .btn-tool {
8612
  color: rgba(31, 45, 61, 0.8);
8613
}
8614

8615
.dark-mode .bg-lightblue > .card-header .btn-tool:hover,
8616
.dark-mode .bg-gradient-lightblue > .card-header .btn-tool:hover,
8617
.dark-mode .card-lightblue:not(.card-outline) > .card-header .btn-tool:hover {
8618
  color: #1f2d3d;
8619
}
8620

8621
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
8622
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
8623
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
8624
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
8625
  border: none;
8626
}
8627

8628
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8629
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
8630
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
8631
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
8632
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
8633
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8634
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
8635
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
8636
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
8637
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
8638
  background-color: #67a8ce;
8639
  color: #1f2d3d;
8640
}
8641

8642
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
8643
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
8644
  border-bottom-color: #1f2d3d;
8645
}
8646

8647
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
8648
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
8649
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
8650
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
8651
  background-color: #acd0e5;
8652
  color: #1f2d3d;
8653
}
8654

8655
.dark-mode .card-navy:not(.card-outline) > .card-header {
8656
  background-color: #002c59;
8657
}
8658

8659
.dark-mode .card-navy:not(.card-outline) > .card-header,
8660
.dark-mode .card-navy:not(.card-outline) > .card-header a {
8661
  color: #fff;
8662
}
8663

8664
.dark-mode .card-navy:not(.card-outline) > .card-header a.active {
8665
  color: #1f2d3d;
8666
}
8667

8668
.dark-mode .card-navy.card-outline {
8669
  border-top: 3px solid #002c59;
8670
}
8671

8672
.dark-mode .card-navy.card-outline-tabs > .card-header a:hover {
8673
  border-top: 3px solid #dee2e6;
8674
}
8675

8676
.dark-mode .card-navy.card-outline-tabs > .card-header a.active,
8677
.dark-mode .card-navy.card-outline-tabs > .card-header a.active:hover {
8678
  border-top: 3px solid #002c59;
8679
}
8680

8681
.dark-mode .bg-navy > .card-header .btn-tool,
8682
.dark-mode .bg-gradient-navy > .card-header .btn-tool,
8683
.dark-mode .card-navy:not(.card-outline) > .card-header .btn-tool {
8684
  color: rgba(255, 255, 255, 0.8);
8685
}
8686

8687
.dark-mode .bg-navy > .card-header .btn-tool:hover,
8688
.dark-mode .bg-gradient-navy > .card-header .btn-tool:hover,
8689
.dark-mode .card-navy:not(.card-outline) > .card-header .btn-tool:hover {
8690
  color: #fff;
8691
}
8692

8693
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table td,
8694
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table th,
8695
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
8696
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
8697
  border: none;
8698
}
8699

8700
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8701
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
8702
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
8703
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
8704
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
8705
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8706
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
8707
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
8708
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
8709
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
8710
  background-color: #001730;
8711
  color: #fff;
8712
}
8713

8714
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
8715
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
8716
  border-bottom-color: #fff;
8717
}
8718

8719
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active,
8720
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
8721
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
8722
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
8723
  background-color: #00458c;
8724
  color: #fff;
8725
}
8726

8727
.dark-mode .card-olive:not(.card-outline) > .card-header {
8728
  background-color: #74c8a3;
8729
}
8730

8731
.dark-mode .card-olive:not(.card-outline) > .card-header,
8732
.dark-mode .card-olive:not(.card-outline) > .card-header a {
8733
  color: #1f2d3d;
8734
}
8735

8736
.dark-mode .card-olive:not(.card-outline) > .card-header a.active {
8737
  color: #1f2d3d;
8738
}
8739

8740
.dark-mode .card-olive.card-outline {
8741
  border-top: 3px solid #74c8a3;
8742
}
8743

8744
.dark-mode .card-olive.card-outline-tabs > .card-header a:hover {
8745
  border-top: 3px solid #dee2e6;
8746
}
8747

8748
.dark-mode .card-olive.card-outline-tabs > .card-header a.active,
8749
.dark-mode .card-olive.card-outline-tabs > .card-header a.active:hover {
8750
  border-top: 3px solid #74c8a3;
8751
}
8752

8753
.dark-mode .bg-olive > .card-header .btn-tool,
8754
.dark-mode .bg-gradient-olive > .card-header .btn-tool,
8755
.dark-mode .card-olive:not(.card-outline) > .card-header .btn-tool {
8756
  color: rgba(31, 45, 61, 0.8);
8757
}
8758

8759
.dark-mode .bg-olive > .card-header .btn-tool:hover,
8760
.dark-mode .bg-gradient-olive > .card-header .btn-tool:hover,
8761
.dark-mode .card-olive:not(.card-outline) > .card-header .btn-tool:hover {
8762
  color: #1f2d3d;
8763
}
8764

8765
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table td,
8766
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table th,
8767
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
8768
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
8769
  border: none;
8770
}
8771

8772
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8773
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
8774
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
8775
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
8776
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
8777
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8778
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
8779
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
8780
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
8781
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
8782
  background-color: #57bc8f;
8783
  color: #1f2d3d;
8784
}
8785

8786
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
8787
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
8788
  border-bottom-color: #1f2d3d;
8789
}
8790

8791
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active,
8792
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
8793
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
8794
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
8795
  background-color: #99d6bb;
8796
  color: #1f2d3d;
8797
}
8798

8799
.dark-mode .card-lime:not(.card-outline) > .card-header {
8800
  background-color: #67ffa9;
8801
}
8802

8803
.dark-mode .card-lime:not(.card-outline) > .card-header,
8804
.dark-mode .card-lime:not(.card-outline) > .card-header a {
8805
  color: #1f2d3d;
8806
}
8807

8808
.dark-mode .card-lime:not(.card-outline) > .card-header a.active {
8809
  color: #1f2d3d;
8810
}
8811

8812
.dark-mode .card-lime.card-outline {
8813
  border-top: 3px solid #67ffa9;
8814
}
8815

8816
.dark-mode .card-lime.card-outline-tabs > .card-header a:hover {
8817
  border-top: 3px solid #dee2e6;
8818
}
8819

8820
.dark-mode .card-lime.card-outline-tabs > .card-header a.active,
8821
.dark-mode .card-lime.card-outline-tabs > .card-header a.active:hover {
8822
  border-top: 3px solid #67ffa9;
8823
}
8824

8825
.dark-mode .bg-lime > .card-header .btn-tool,
8826
.dark-mode .bg-gradient-lime > .card-header .btn-tool,
8827
.dark-mode .card-lime:not(.card-outline) > .card-header .btn-tool {
8828
  color: rgba(31, 45, 61, 0.8);
8829
}
8830

8831
.dark-mode .bg-lime > .card-header .btn-tool:hover,
8832
.dark-mode .bg-gradient-lime > .card-header .btn-tool:hover,
8833
.dark-mode .card-lime:not(.card-outline) > .card-header .btn-tool:hover {
8834
  color: #1f2d3d;
8835
}
8836

8837
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table td,
8838
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table th,
8839
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
8840
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
8841
  border: none;
8842
}
8843

8844
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8845
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
8846
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
8847
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
8848
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
8849
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8850
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
8851
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
8852
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
8853
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
8854
  background-color: #3eff92;
8855
  color: #1f2d3d;
8856
}
8857

8858
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
8859
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
8860
  border-bottom-color: #1f2d3d;
8861
}
8862

8863
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active,
8864
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
8865
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
8866
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
8867
  background-color: #9affc6;
8868
  color: #1f2d3d;
8869
}
8870

8871
.dark-mode .card-fuchsia:not(.card-outline) > .card-header {
8872
  background-color: #f672d8;
8873
}
8874

8875
.dark-mode .card-fuchsia:not(.card-outline) > .card-header,
8876
.dark-mode .card-fuchsia:not(.card-outline) > .card-header a {
8877
  color: #1f2d3d;
8878
}
8879

8880
.dark-mode .card-fuchsia:not(.card-outline) > .card-header a.active {
8881
  color: #1f2d3d;
8882
}
8883

8884
.dark-mode .card-fuchsia.card-outline {
8885
  border-top: 3px solid #f672d8;
8886
}
8887

8888
.dark-mode .card-fuchsia.card-outline-tabs > .card-header a:hover {
8889
  border-top: 3px solid #dee2e6;
8890
}
8891

8892
.dark-mode .card-fuchsia.card-outline-tabs > .card-header a.active,
8893
.dark-mode .card-fuchsia.card-outline-tabs > .card-header a.active:hover {
8894
  border-top: 3px solid #f672d8;
8895
}
8896

8897
.dark-mode .bg-fuchsia > .card-header .btn-tool,
8898
.dark-mode .bg-gradient-fuchsia > .card-header .btn-tool,
8899
.dark-mode .card-fuchsia:not(.card-outline) > .card-header .btn-tool {
8900
  color: rgba(31, 45, 61, 0.8);
8901
}
8902

8903
.dark-mode .bg-fuchsia > .card-header .btn-tool:hover,
8904
.dark-mode .bg-gradient-fuchsia > .card-header .btn-tool:hover,
8905
.dark-mode .card-fuchsia:not(.card-outline) > .card-header .btn-tool:hover {
8906
  color: #1f2d3d;
8907
}
8908

8909
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
8910
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
8911
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
8912
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
8913
  border: none;
8914
}
8915

8916
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8917
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
8918
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
8919
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
8920
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
8921
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8922
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
8923
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
8924
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
8925
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
8926
  background-color: #f44cce;
8927
  color: #1f2d3d;
8928
}
8929

8930
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
8931
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
8932
  border-bottom-color: #1f2d3d;
8933
}
8934

8935
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
8936
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
8937
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
8938
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
8939
  background-color: #f9a2e5;
8940
  color: #1f2d3d;
8941
}
8942

8943
.dark-mode .card-maroon:not(.card-outline) > .card-header {
8944
  background-color: #ed6c9b;
8945
}
8946

8947
.dark-mode .card-maroon:not(.card-outline) > .card-header,
8948
.dark-mode .card-maroon:not(.card-outline) > .card-header a {
8949
  color: #1f2d3d;
8950
}
8951

8952
.dark-mode .card-maroon:not(.card-outline) > .card-header a.active {
8953
  color: #1f2d3d;
8954
}
8955

8956
.dark-mode .card-maroon.card-outline {
8957
  border-top: 3px solid #ed6c9b;
8958
}
8959

8960
.dark-mode .card-maroon.card-outline-tabs > .card-header a:hover {
8961
  border-top: 3px solid #dee2e6;
8962
}
8963

8964
.dark-mode .card-maroon.card-outline-tabs > .card-header a.active,
8965
.dark-mode .card-maroon.card-outline-tabs > .card-header a.active:hover {
8966
  border-top: 3px solid #ed6c9b;
8967
}
8968

8969
.dark-mode .bg-maroon > .card-header .btn-tool,
8970
.dark-mode .bg-gradient-maroon > .card-header .btn-tool,
8971
.dark-mode .card-maroon:not(.card-outline) > .card-header .btn-tool {
8972
  color: rgba(31, 45, 61, 0.8);
8973
}
8974

8975
.dark-mode .bg-maroon > .card-header .btn-tool:hover,
8976
.dark-mode .bg-gradient-maroon > .card-header .btn-tool:hover,
8977
.dark-mode .card-maroon:not(.card-outline) > .card-header .btn-tool:hover {
8978
  color: #1f2d3d;
8979
}
8980

8981
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table td,
8982
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table th,
8983
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
8984
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
8985
  border: none;
8986
}
8987

8988
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8989
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
8990
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
8991
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
8992
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
8993
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
8994
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
8995
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
8996
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
8997
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
8998
  background-color: #e84883;
8999
  color: #1f2d3d;
9000
}
9001

9002
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
9003
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
9004
  border-bottom-color: #1f2d3d;
9005
}
9006

9007
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
9008
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
9009
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
9010
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
9011
  background-color: #f29aba;
9012
  color: #1f2d3d;
9013
}
9014

9015
.dark-mode .card-blue:not(.card-outline) > .card-header {
9016
  background-color: #3f6791;
9017
}
9018

9019
.dark-mode .card-blue:not(.card-outline) > .card-header,
9020
.dark-mode .card-blue:not(.card-outline) > .card-header a {
9021
  color: #fff;
9022
}
9023

9024
.dark-mode .card-blue:not(.card-outline) > .card-header a.active {
9025
  color: #1f2d3d;
9026
}
9027

9028
.dark-mode .card-blue.card-outline {
9029
  border-top: 3px solid #3f6791;
9030
}
9031

9032
.dark-mode .card-blue.card-outline-tabs > .card-header a:hover {
9033
  border-top: 3px solid #dee2e6;
9034
}
9035

9036
.dark-mode .card-blue.card-outline-tabs > .card-header a.active,
9037
.dark-mode .card-blue.card-outline-tabs > .card-header a.active:hover {
9038
  border-top: 3px solid #3f6791;
9039
}
9040

9041
.dark-mode .bg-blue > .card-header .btn-tool,
9042
.dark-mode .bg-gradient-blue > .card-header .btn-tool,
9043
.dark-mode .card-blue:not(.card-outline) > .card-header .btn-tool {
9044
  color: rgba(255, 255, 255, 0.8);
9045
}
9046

9047
.dark-mode .bg-blue > .card-header .btn-tool:hover,
9048
.dark-mode .bg-gradient-blue > .card-header .btn-tool:hover,
9049
.dark-mode .card-blue:not(.card-outline) > .card-header .btn-tool:hover {
9050
  color: #fff;
9051
}
9052

9053
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table td,
9054
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table th,
9055
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
9056
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
9057
  border: none;
9058
}
9059

9060
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9061
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
9062
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
9063
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
9064
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
9065
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9066
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
9067
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
9068
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
9069
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
9070
  background-color: #335375;
9071
  color: #fff;
9072
}
9073

9074
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
9075
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
9076
  border-bottom-color: #fff;
9077
}
9078

9079
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active,
9080
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
9081
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
9082
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
9083
  background-color: #5080b3;
9084
  color: #fff;
9085
}
9086

9087
.dark-mode .card-indigo:not(.card-outline) > .card-header {
9088
  background-color: #6610f2;
9089
}
9090

9091
.dark-mode .card-indigo:not(.card-outline) > .card-header,
9092
.dark-mode .card-indigo:not(.card-outline) > .card-header a {
9093
  color: #fff;
9094
}
9095

9096
.dark-mode .card-indigo:not(.card-outline) > .card-header a.active {
9097
  color: #1f2d3d;
9098
}
9099

9100
.dark-mode .card-indigo.card-outline {
9101
  border-top: 3px solid #6610f2;
9102
}
9103

9104
.dark-mode .card-indigo.card-outline-tabs > .card-header a:hover {
9105
  border-top: 3px solid #dee2e6;
9106
}
9107

9108
.dark-mode .card-indigo.card-outline-tabs > .card-header a.active,
9109
.dark-mode .card-indigo.card-outline-tabs > .card-header a.active:hover {
9110
  border-top: 3px solid #6610f2;
9111
}
9112

9113
.dark-mode .bg-indigo > .card-header .btn-tool,
9114
.dark-mode .bg-gradient-indigo > .card-header .btn-tool,
9115
.dark-mode .card-indigo:not(.card-outline) > .card-header .btn-tool {
9116
  color: rgba(255, 255, 255, 0.8);
9117
}
9118

9119
.dark-mode .bg-indigo > .card-header .btn-tool:hover,
9120
.dark-mode .bg-gradient-indigo > .card-header .btn-tool:hover,
9121
.dark-mode .card-indigo:not(.card-outline) > .card-header .btn-tool:hover {
9122
  color: #fff;
9123
}
9124

9125
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table td,
9126
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table th,
9127
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
9128
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
9129
  border: none;
9130
}
9131

9132
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9133
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
9134
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
9135
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
9136
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
9137
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9138
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
9139
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
9140
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
9141
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
9142
  background-color: #550bce;
9143
  color: #fff;
9144
}
9145

9146
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
9147
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
9148
  border-bottom-color: #fff;
9149
}
9150

9151
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
9152
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
9153
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
9154
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
9155
  background-color: #8540f5;
9156
  color: #fff;
9157
}
9158

9159
.dark-mode .card-purple:not(.card-outline) > .card-header {
9160
  background-color: #6f42c1;
9161
}
9162

9163
.dark-mode .card-purple:not(.card-outline) > .card-header,
9164
.dark-mode .card-purple:not(.card-outline) > .card-header a {
9165
  color: #fff;
9166
}
9167

9168
.dark-mode .card-purple:not(.card-outline) > .card-header a.active {
9169
  color: #1f2d3d;
9170
}
9171

9172
.dark-mode .card-purple.card-outline {
9173
  border-top: 3px solid #6f42c1;
9174
}
9175

9176
.dark-mode .card-purple.card-outline-tabs > .card-header a:hover {
9177
  border-top: 3px solid #dee2e6;
9178
}
9179

9180
.dark-mode .card-purple.card-outline-tabs > .card-header a.active,
9181
.dark-mode .card-purple.card-outline-tabs > .card-header a.active:hover {
9182
  border-top: 3px solid #6f42c1;
9183
}
9184

9185
.dark-mode .bg-purple > .card-header .btn-tool,
9186
.dark-mode .bg-gradient-purple > .card-header .btn-tool,
9187
.dark-mode .card-purple:not(.card-outline) > .card-header .btn-tool {
9188
  color: rgba(255, 255, 255, 0.8);
9189
}
9190

9191
.dark-mode .bg-purple > .card-header .btn-tool:hover,
9192
.dark-mode .bg-gradient-purple > .card-header .btn-tool:hover,
9193
.dark-mode .card-purple:not(.card-outline) > .card-header .btn-tool:hover {
9194
  color: #fff;
9195
}
9196

9197
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table td,
9198
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table th,
9199
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
9200
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
9201
  border: none;
9202
}
9203

9204
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9205
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
9206
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
9207
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
9208
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
9209
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9210
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
9211
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
9212
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
9213
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
9214
  background-color: #5d36a4;
9215
  color: #fff;
9216
}
9217

9218
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
9219
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
9220
  border-bottom-color: #fff;
9221
}
9222

9223
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active,
9224
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
9225
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
9226
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
9227
  background-color: #8c68ce;
9228
  color: #fff;
9229
}
9230

9231
.dark-mode .card-pink:not(.card-outline) > .card-header {
9232
  background-color: #e83e8c;
9233
}
9234

9235
.dark-mode .card-pink:not(.card-outline) > .card-header,
9236
.dark-mode .card-pink:not(.card-outline) > .card-header a {
9237
  color: #fff;
9238
}
9239

9240
.dark-mode .card-pink:not(.card-outline) > .card-header a.active {
9241
  color: #1f2d3d;
9242
}
9243

9244
.dark-mode .card-pink.card-outline {
9245
  border-top: 3px solid #e83e8c;
9246
}
9247

9248
.dark-mode .card-pink.card-outline-tabs > .card-header a:hover {
9249
  border-top: 3px solid #dee2e6;
9250
}
9251

9252
.dark-mode .card-pink.card-outline-tabs > .card-header a.active,
9253
.dark-mode .card-pink.card-outline-tabs > .card-header a.active:hover {
9254
  border-top: 3px solid #e83e8c;
9255
}
9256

9257
.dark-mode .bg-pink > .card-header .btn-tool,
9258
.dark-mode .bg-gradient-pink > .card-header .btn-tool,
9259
.dark-mode .card-pink:not(.card-outline) > .card-header .btn-tool {
9260
  color: rgba(255, 255, 255, 0.8);
9261
}
9262

9263
.dark-mode .bg-pink > .card-header .btn-tool:hover,
9264
.dark-mode .bg-gradient-pink > .card-header .btn-tool:hover,
9265
.dark-mode .card-pink:not(.card-outline) > .card-header .btn-tool:hover {
9266
  color: #fff;
9267
}
9268

9269
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table td,
9270
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table th,
9271
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
9272
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
9273
  border: none;
9274
}
9275

9276
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9277
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
9278
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
9279
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
9280
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
9281
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9282
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
9283
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
9284
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
9285
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
9286
  background-color: #e21b76;
9287
  color: #fff;
9288
}
9289

9290
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
9291
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
9292
  border-bottom-color: #fff;
9293
}
9294

9295
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active,
9296
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
9297
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
9298
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
9299
  background-color: #ed6ca7;
9300
  color: #fff;
9301
}
9302

9303
.dark-mode .card-red:not(.card-outline) > .card-header {
9304
  background-color: #e74c3c;
9305
}
9306

9307
.dark-mode .card-red:not(.card-outline) > .card-header,
9308
.dark-mode .card-red:not(.card-outline) > .card-header a {
9309
  color: #fff;
9310
}
9311

9312
.dark-mode .card-red:not(.card-outline) > .card-header a.active {
9313
  color: #1f2d3d;
9314
}
9315

9316
.dark-mode .card-red.card-outline {
9317
  border-top: 3px solid #e74c3c;
9318
}
9319

9320
.dark-mode .card-red.card-outline-tabs > .card-header a:hover {
9321
  border-top: 3px solid #dee2e6;
9322
}
9323

9324
.dark-mode .card-red.card-outline-tabs > .card-header a.active,
9325
.dark-mode .card-red.card-outline-tabs > .card-header a.active:hover {
9326
  border-top: 3px solid #e74c3c;
9327
}
9328

9329
.dark-mode .bg-red > .card-header .btn-tool,
9330
.dark-mode .bg-gradient-red > .card-header .btn-tool,
9331
.dark-mode .card-red:not(.card-outline) > .card-header .btn-tool {
9332
  color: rgba(255, 255, 255, 0.8);
9333
}
9334

9335
.dark-mode .bg-red > .card-header .btn-tool:hover,
9336
.dark-mode .bg-gradient-red > .card-header .btn-tool:hover,
9337
.dark-mode .card-red:not(.card-outline) > .card-header .btn-tool:hover {
9338
  color: #fff;
9339
}
9340

9341
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table td,
9342
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table th,
9343
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
9344
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
9345
  border: none;
9346
}
9347

9348
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9349
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
9350
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
9351
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
9352
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
9353
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9354
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
9355
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
9356
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
9357
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
9358
  background-color: #df2e1b;
9359
  color: #fff;
9360
}
9361

9362
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
9363
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
9364
  border-bottom-color: #fff;
9365
}
9366

9367
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active,
9368
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
9369
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
9370
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
9371
  background-color: #ed7669;
9372
  color: #fff;
9373
}
9374

9375
.dark-mode .card-orange:not(.card-outline) > .card-header {
9376
  background-color: #fd7e14;
9377
}
9378

9379
.dark-mode .card-orange:not(.card-outline) > .card-header,
9380
.dark-mode .card-orange:not(.card-outline) > .card-header a {
9381
  color: #1f2d3d;
9382
}
9383

9384
.dark-mode .card-orange:not(.card-outline) > .card-header a.active {
9385
  color: #1f2d3d;
9386
}
9387

9388
.dark-mode .card-orange.card-outline {
9389
  border-top: 3px solid #fd7e14;
9390
}
9391

9392
.dark-mode .card-orange.card-outline-tabs > .card-header a:hover {
9393
  border-top: 3px solid #dee2e6;
9394
}
9395

9396
.dark-mode .card-orange.card-outline-tabs > .card-header a.active,
9397
.dark-mode .card-orange.card-outline-tabs > .card-header a.active:hover {
9398
  border-top: 3px solid #fd7e14;
9399
}
9400

9401
.dark-mode .bg-orange > .card-header .btn-tool,
9402
.dark-mode .bg-gradient-orange > .card-header .btn-tool,
9403
.dark-mode .card-orange:not(.card-outline) > .card-header .btn-tool {
9404
  color: rgba(31, 45, 61, 0.8);
9405
}
9406

9407
.dark-mode .bg-orange > .card-header .btn-tool:hover,
9408
.dark-mode .bg-gradient-orange > .card-header .btn-tool:hover,
9409
.dark-mode .card-orange:not(.card-outline) > .card-header .btn-tool:hover {
9410
  color: #1f2d3d;
9411
}
9412

9413
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table td,
9414
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table th,
9415
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
9416
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
9417
  border: none;
9418
}
9419

9420
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9421
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
9422
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
9423
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
9424
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
9425
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9426
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
9427
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
9428
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
9429
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
9430
  background-color: #e66a02;
9431
  color: #1f2d3d;
9432
}
9433

9434
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
9435
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
9436
  border-bottom-color: #1f2d3d;
9437
}
9438

9439
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active,
9440
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
9441
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
9442
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
9443
  background-color: #fd9a47;
9444
  color: #1f2d3d;
9445
}
9446

9447
.dark-mode .card-yellow:not(.card-outline) > .card-header {
9448
  background-color: #f39c12;
9449
}
9450

9451
.dark-mode .card-yellow:not(.card-outline) > .card-header,
9452
.dark-mode .card-yellow:not(.card-outline) > .card-header a {
9453
  color: #1f2d3d;
9454
}
9455

9456
.dark-mode .card-yellow:not(.card-outline) > .card-header a.active {
9457
  color: #1f2d3d;
9458
}
9459

9460
.dark-mode .card-yellow.card-outline {
9461
  border-top: 3px solid #f39c12;
9462
}
9463

9464
.dark-mode .card-yellow.card-outline-tabs > .card-header a:hover {
9465
  border-top: 3px solid #dee2e6;
9466
}
9467

9468
.dark-mode .card-yellow.card-outline-tabs > .card-header a.active,
9469
.dark-mode .card-yellow.card-outline-tabs > .card-header a.active:hover {
9470
  border-top: 3px solid #f39c12;
9471
}
9472

9473
.dark-mode .bg-yellow > .card-header .btn-tool,
9474
.dark-mode .bg-gradient-yellow > .card-header .btn-tool,
9475
.dark-mode .card-yellow:not(.card-outline) > .card-header .btn-tool {
9476
  color: rgba(31, 45, 61, 0.8);
9477
}
9478

9479
.dark-mode .bg-yellow > .card-header .btn-tool:hover,
9480
.dark-mode .bg-gradient-yellow > .card-header .btn-tool:hover,
9481
.dark-mode .card-yellow:not(.card-outline) > .card-header .btn-tool:hover {
9482
  color: #1f2d3d;
9483
}
9484

9485
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table td,
9486
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table th,
9487
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
9488
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
9489
  border: none;
9490
}
9491

9492
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9493
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
9494
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
9495
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
9496
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
9497
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9498
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
9499
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
9500
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
9501
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
9502
  background-color: #d2850b;
9503
  color: #1f2d3d;
9504
}
9505

9506
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
9507
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
9508
  border-bottom-color: #1f2d3d;
9509
}
9510

9511
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
9512
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
9513
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
9514
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
9515
  background-color: #f5b043;
9516
  color: #1f2d3d;
9517
}
9518

9519
.dark-mode .card-green:not(.card-outline) > .card-header {
9520
  background-color: #00bc8c;
9521
}
9522

9523
.dark-mode .card-green:not(.card-outline) > .card-header,
9524
.dark-mode .card-green:not(.card-outline) > .card-header a {
9525
  color: #fff;
9526
}
9527

9528
.dark-mode .card-green:not(.card-outline) > .card-header a.active {
9529
  color: #1f2d3d;
9530
}
9531

9532
.dark-mode .card-green.card-outline {
9533
  border-top: 3px solid #00bc8c;
9534
}
9535

9536
.dark-mode .card-green.card-outline-tabs > .card-header a:hover {
9537
  border-top: 3px solid #dee2e6;
9538
}
9539

9540
.dark-mode .card-green.card-outline-tabs > .card-header a.active,
9541
.dark-mode .card-green.card-outline-tabs > .card-header a.active:hover {
9542
  border-top: 3px solid #00bc8c;
9543
}
9544

9545
.dark-mode .bg-green > .card-header .btn-tool,
9546
.dark-mode .bg-gradient-green > .card-header .btn-tool,
9547
.dark-mode .card-green:not(.card-outline) > .card-header .btn-tool {
9548
  color: rgba(255, 255, 255, 0.8);
9549
}
9550

9551
.dark-mode .bg-green > .card-header .btn-tool:hover,
9552
.dark-mode .bg-gradient-green > .card-header .btn-tool:hover,
9553
.dark-mode .card-green:not(.card-outline) > .card-header .btn-tool:hover {
9554
  color: #fff;
9555
}
9556

9557
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table td,
9558
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table th,
9559
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
9560
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
9561
  border: none;
9562
}
9563

9564
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9565
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
9566
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
9567
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
9568
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
9569
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9570
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
9571
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
9572
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
9573
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
9574
  background-color: #00936e;
9575
  color: #fff;
9576
}
9577

9578
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
9579
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
9580
  border-bottom-color: #fff;
9581
}
9582

9583
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active,
9584
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
9585
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
9586
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
9587
  background-color: #00efb2;
9588
  color: #fff;
9589
}
9590

9591
.dark-mode .card-teal:not(.card-outline) > .card-header {
9592
  background-color: #20c997;
9593
}
9594

9595
.dark-mode .card-teal:not(.card-outline) > .card-header,
9596
.dark-mode .card-teal:not(.card-outline) > .card-header a {
9597
  color: #fff;
9598
}
9599

9600
.dark-mode .card-teal:not(.card-outline) > .card-header a.active {
9601
  color: #1f2d3d;
9602
}
9603

9604
.dark-mode .card-teal.card-outline {
9605
  border-top: 3px solid #20c997;
9606
}
9607

9608
.dark-mode .card-teal.card-outline-tabs > .card-header a:hover {
9609
  border-top: 3px solid #dee2e6;
9610
}
9611

9612
.dark-mode .card-teal.card-outline-tabs > .card-header a.active,
9613
.dark-mode .card-teal.card-outline-tabs > .card-header a.active:hover {
9614
  border-top: 3px solid #20c997;
9615
}
9616

9617
.dark-mode .bg-teal > .card-header .btn-tool,
9618
.dark-mode .bg-gradient-teal > .card-header .btn-tool,
9619
.dark-mode .card-teal:not(.card-outline) > .card-header .btn-tool {
9620
  color: rgba(255, 255, 255, 0.8);
9621
}
9622

9623
.dark-mode .bg-teal > .card-header .btn-tool:hover,
9624
.dark-mode .bg-gradient-teal > .card-header .btn-tool:hover,
9625
.dark-mode .card-teal:not(.card-outline) > .card-header .btn-tool:hover {
9626
  color: #fff;
9627
}
9628

9629
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table td,
9630
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table th,
9631
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
9632
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
9633
  border: none;
9634
}
9635

9636
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9637
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
9638
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
9639
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
9640
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
9641
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9642
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
9643
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
9644
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
9645
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
9646
  background-color: #1aa67d;
9647
  color: #fff;
9648
}
9649

9650
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
9651
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
9652
  border-bottom-color: #fff;
9653
}
9654

9655
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active,
9656
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
9657
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
9658
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
9659
  background-color: #3ce0af;
9660
  color: #fff;
9661
}
9662

9663
.dark-mode .card-cyan:not(.card-outline) > .card-header {
9664
  background-color: #3498db;
9665
}
9666

9667
.dark-mode .card-cyan:not(.card-outline) > .card-header,
9668
.dark-mode .card-cyan:not(.card-outline) > .card-header a {
9669
  color: #fff;
9670
}
9671

9672
.dark-mode .card-cyan:not(.card-outline) > .card-header a.active {
9673
  color: #1f2d3d;
9674
}
9675

9676
.dark-mode .card-cyan.card-outline {
9677
  border-top: 3px solid #3498db;
9678
}
9679

9680
.dark-mode .card-cyan.card-outline-tabs > .card-header a:hover {
9681
  border-top: 3px solid #dee2e6;
9682
}
9683

9684
.dark-mode .card-cyan.card-outline-tabs > .card-header a.active,
9685
.dark-mode .card-cyan.card-outline-tabs > .card-header a.active:hover {
9686
  border-top: 3px solid #3498db;
9687
}
9688

9689
.dark-mode .bg-cyan > .card-header .btn-tool,
9690
.dark-mode .bg-gradient-cyan > .card-header .btn-tool,
9691
.dark-mode .card-cyan:not(.card-outline) > .card-header .btn-tool {
9692
  color: rgba(255, 255, 255, 0.8);
9693
}
9694

9695
.dark-mode .bg-cyan > .card-header .btn-tool:hover,
9696
.dark-mode .bg-gradient-cyan > .card-header .btn-tool:hover,
9697
.dark-mode .card-cyan:not(.card-outline) > .card-header .btn-tool:hover {
9698
  color: #fff;
9699
}
9700

9701
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table td,
9702
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table th,
9703
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
9704
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
9705
  border: none;
9706
}
9707

9708
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9709
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
9710
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
9711
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
9712
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
9713
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9714
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
9715
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
9716
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
9717
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
9718
  background-color: #2383c4;
9719
  color: #fff;
9720
}
9721

9722
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
9723
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
9724
  border-bottom-color: #fff;
9725
}
9726

9727
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
9728
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
9729
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
9730
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
9731
  background-color: #5faee3;
9732
  color: #fff;
9733
}
9734

9735
.dark-mode .card-white:not(.card-outline) > .card-header {
9736
  background-color: #fff;
9737
}
9738

9739
.dark-mode .card-white:not(.card-outline) > .card-header,
9740
.dark-mode .card-white:not(.card-outline) > .card-header a {
9741
  color: #1f2d3d;
9742
}
9743

9744
.dark-mode .card-white:not(.card-outline) > .card-header a.active {
9745
  color: #1f2d3d;
9746
}
9747

9748
.dark-mode .card-white.card-outline {
9749
  border-top: 3px solid #fff;
9750
}
9751

9752
.dark-mode .card-white.card-outline-tabs > .card-header a:hover {
9753
  border-top: 3px solid #dee2e6;
9754
}
9755

9756
.dark-mode .card-white.card-outline-tabs > .card-header a.active,
9757
.dark-mode .card-white.card-outline-tabs > .card-header a.active:hover {
9758
  border-top: 3px solid #fff;
9759
}
9760

9761
.dark-mode .bg-white > .card-header .btn-tool,
9762
.dark-mode .bg-gradient-white > .card-header .btn-tool,
9763
.dark-mode .card-white:not(.card-outline) > .card-header .btn-tool {
9764
  color: rgba(31, 45, 61, 0.8);
9765
}
9766

9767
.dark-mode .bg-white > .card-header .btn-tool:hover,
9768
.dark-mode .bg-gradient-white > .card-header .btn-tool:hover,
9769
.dark-mode .card-white:not(.card-outline) > .card-header .btn-tool:hover {
9770
  color: #1f2d3d;
9771
}
9772

9773
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table td,
9774
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table th,
9775
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
9776
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
9777
  border: none;
9778
}
9779

9780
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9781
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
9782
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
9783
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
9784
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
9785
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9786
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
9787
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
9788
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
9789
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
9790
  background-color: #ebebeb;
9791
  color: #1f2d3d;
9792
}
9793

9794
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
9795
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
9796
  border-bottom-color: #1f2d3d;
9797
}
9798

9799
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active,
9800
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
9801
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
9802
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
9803
  background-color: white;
9804
  color: #1f2d3d;
9805
}
9806

9807
.dark-mode .card-gray:not(.card-outline) > .card-header {
9808
  background-color: #6c757d;
9809
}
9810

9811
.dark-mode .card-gray:not(.card-outline) > .card-header,
9812
.dark-mode .card-gray:not(.card-outline) > .card-header a {
9813
  color: #fff;
9814
}
9815

9816
.dark-mode .card-gray:not(.card-outline) > .card-header a.active {
9817
  color: #1f2d3d;
9818
}
9819

9820
.dark-mode .card-gray.card-outline {
9821
  border-top: 3px solid #6c757d;
9822
}
9823

9824
.dark-mode .card-gray.card-outline-tabs > .card-header a:hover {
9825
  border-top: 3px solid #dee2e6;
9826
}
9827

9828
.dark-mode .card-gray.card-outline-tabs > .card-header a.active,
9829
.dark-mode .card-gray.card-outline-tabs > .card-header a.active:hover {
9830
  border-top: 3px solid #6c757d;
9831
}
9832

9833
.dark-mode .bg-gray > .card-header .btn-tool,
9834
.dark-mode .bg-gradient-gray > .card-header .btn-tool,
9835
.dark-mode .card-gray:not(.card-outline) > .card-header .btn-tool {
9836
  color: rgba(255, 255, 255, 0.8);
9837
}
9838

9839
.dark-mode .bg-gray > .card-header .btn-tool:hover,
9840
.dark-mode .bg-gradient-gray > .card-header .btn-tool:hover,
9841
.dark-mode .card-gray:not(.card-outline) > .card-header .btn-tool:hover {
9842
  color: #fff;
9843
}
9844

9845
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table td,
9846
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table th,
9847
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
9848
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
9849
  border: none;
9850
}
9851

9852
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9853
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
9854
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
9855
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
9856
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
9857
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9858
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
9859
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
9860
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
9861
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
9862
  background-color: #596167;
9863
  color: #fff;
9864
}
9865

9866
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
9867
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
9868
  border-bottom-color: #fff;
9869
}
9870

9871
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active,
9872
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
9873
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
9874
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
9875
  background-color: #868e96;
9876
  color: #fff;
9877
}
9878

9879
.dark-mode .card-gray-dark:not(.card-outline) > .card-header {
9880
  background-color: #343a40;
9881
}
9882

9883
.dark-mode .card-gray-dark:not(.card-outline) > .card-header,
9884
.dark-mode .card-gray-dark:not(.card-outline) > .card-header a {
9885
  color: #fff;
9886
}
9887

9888
.dark-mode .card-gray-dark:not(.card-outline) > .card-header a.active {
9889
  color: #1f2d3d;
9890
}
9891

9892
.dark-mode .card-gray-dark.card-outline {
9893
  border-top: 3px solid #343a40;
9894
}
9895

9896
.dark-mode .card-gray-dark.card-outline-tabs > .card-header a:hover {
9897
  border-top: 3px solid #dee2e6;
9898
}
9899

9900
.dark-mode .card-gray-dark.card-outline-tabs > .card-header a.active,
9901
.dark-mode .card-gray-dark.card-outline-tabs > .card-header a.active:hover {
9902
  border-top: 3px solid #343a40;
9903
}
9904

9905
.dark-mode .bg-gray-dark > .card-header .btn-tool,
9906
.dark-mode .bg-gradient-gray-dark > .card-header .btn-tool,
9907
.dark-mode .card-gray-dark:not(.card-outline) > .card-header .btn-tool {
9908
  color: rgba(255, 255, 255, 0.8);
9909
}
9910

9911
.dark-mode .bg-gray-dark > .card-header .btn-tool:hover,
9912
.dark-mode .bg-gradient-gray-dark > .card-header .btn-tool:hover,
9913
.dark-mode .card-gray-dark:not(.card-outline) > .card-header .btn-tool:hover {
9914
  color: #fff;
9915
}
9916

9917
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
9918
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
9919
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
9920
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
9921
  border: none;
9922
}
9923

9924
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9925
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
9926
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
9927
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
9928
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
9929
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
9930
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
9931
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
9932
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
9933
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
9934
  background-color: #222629;
9935
  color: #fff;
9936
}
9937

9938
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
9939
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
9940
  border-bottom-color: #fff;
9941
}
9942

9943
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
9944
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
9945
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
9946
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
9947
  background-color: #4b545c;
9948
  color: #fff;
9949
}
9950

9951
.dark-mode .card {
9952
  background-color: #343a40;
9953
  color: #fff;
9954
}
9955

9956
.dark-mode .card .card {
9957
  background-color: #3f474e;
9958
  color: #fff;
9959
}
9960

9961
.dark-mode .card .nav.flex-column > li {
9962
  border-bottom-color: #6c757d;
9963
}
9964

9965
.dark-mode .card .card-footer {
9966
  background-color: rgba(0, 0, 0, 0.1);
9967
}
9968

9969
.dark-mode .card.card-outline-tabs {
9970
  border-top: 0;
9971
}
9972

9973
.dark-mode .card.card-outline-tabs .card-header a:hover {
9974
  border-top-color: #6c757d;
9975
  border-bottom-color: transparent;
9976
}
9977

9978
.dark-mode .card:not(.card-outline) > .card-header a.active {
9979
  color: #fff;
9980
}
9981

9982
.dark-mode .card-comments {
9983
  background-color: #373d44;
9984
}
9985

9986
.dark-mode .card-comments .username {
9987
  color: #ced4da;
9988
}
9989

9990
.dark-mode .card-comments .card-comment {
9991
  border-bottom-color: #454d55;
9992
}
9993

9994
.dark-mode .todo-list > li {
9995
  background-color: #3f474e;
9996
  border-color: #454d55;
9997
  color: #fff;
9998
}
9999

10000
.dark-mode .todo-list .primary {
10001
  border-left-color: #3f6791;
10002
}
10003

10004
.dark-mode .todo-list .secondary {
10005
  border-left-color: #6c757d;
10006
}
10007

10008
.dark-mode .todo-list .success {
10009
  border-left-color: #00bc8c;
10010
}
10011

10012
.dark-mode .todo-list .info {
10013
  border-left-color: #3498db;
10014
}
10015

10016
.dark-mode .todo-list .warning {
10017
  border-left-color: #f39c12;
10018
}
10019

10020
.dark-mode .todo-list .danger {
10021
  border-left-color: #e74c3c;
10022
}
10023

10024
.dark-mode .todo-list .light {
10025
  border-left-color: #f8f9fa;
10026
}
10027

10028
.dark-mode .todo-list .dark {
10029
  border-left-color: #343a40;
10030
}
10031

10032
.dark-mode .todo-list .lightblue {
10033
  border-left-color: #86bad8;
10034
}
10035

10036
.dark-mode .todo-list .navy {
10037
  border-left-color: #002c59;
10038
}
10039

10040
.dark-mode .todo-list .olive {
10041
  border-left-color: #74c8a3;
10042
}
10043

10044
.dark-mode .todo-list .lime {
10045
  border-left-color: #67ffa9;
10046
}
10047

10048
.dark-mode .todo-list .fuchsia {
10049
  border-left-color: #f672d8;
10050
}
10051

10052
.dark-mode .todo-list .maroon {
10053
  border-left-color: #ed6c9b;
10054
}
10055

10056
.dark-mode .todo-list .blue {
10057
  border-left-color: #3f6791;
10058
}
10059

10060
.dark-mode .todo-list .indigo {
10061
  border-left-color: #6610f2;
10062
}
10063

10064
.dark-mode .todo-list .purple {
10065
  border-left-color: #6f42c1;
10066
}
10067

10068
.dark-mode .todo-list .pink {
10069
  border-left-color: #e83e8c;
10070
}
10071

10072
.dark-mode .todo-list .red {
10073
  border-left-color: #e74c3c;
10074
}
10075

10076
.dark-mode .todo-list .orange {
10077
  border-left-color: #fd7e14;
10078
}
10079

10080
.dark-mode .todo-list .yellow {
10081
  border-left-color: #f39c12;
10082
}
10083

10084
.dark-mode .todo-list .green {
10085
  border-left-color: #00bc8c;
10086
}
10087

10088
.dark-mode .todo-list .teal {
10089
  border-left-color: #20c997;
10090
}
10091

10092
.dark-mode .todo-list .cyan {
10093
  border-left-color: #3498db;
10094
}
10095

10096
.dark-mode .todo-list .white {
10097
  border-left-color: #fff;
10098
}
10099

10100
.dark-mode .todo-list .gray {
10101
  border-left-color: #6c757d;
10102
}
10103

10104
.dark-mode .todo-list .gray-dark {
10105
  border-left-color: #343a40;
10106
}
10107

10108
.modal-dialog .overlay {
10109
  display: -ms-flexbox;
10110
  display: flex;
10111
  position: absolute;
10112
  left: 0;
10113
  top: 0;
10114
  bottom: 0;
10115
  right: 0;
10116
  margin: -1px;
10117
  z-index: 1052;
10118
  -ms-flex-pack: center;
10119
  justify-content: center;
10120
  -ms-flex-align: center;
10121
  align-items: center;
10122
  background-color: rgba(0, 0, 0, 0.7);
10123
  color: #666f76;
10124
  border-radius: 0.3rem;
10125
}
10126

10127
.modal-content.bg-warning .modal-header,
10128
.modal-content.bg-warning .modal-footer {
10129
  border-color: #343a40;
10130
}
10131

10132
.modal-content.bg-primary .close, .modal-content.bg-secondary .close, .modal-content.bg-info .close, .modal-content.bg-danger .close, .modal-content.bg-success .close {
10133
  color: #fff;
10134
  text-shadow: 0 1px 0 #000;
10135
}
10136

10137
.dark-mode .modal-header,
10138
.dark-mode .modal-footer {
10139
  border-color: #6c757d;
10140
}
10141

10142
.dark-mode .modal-content {
10143
  background-color: #343a40;
10144
}
10145

10146
.dark-mode .modal-content.bg-warning .modal-header,
10147
.dark-mode .modal-content.bg-warning .modal-footer {
10148
  border-color: #6c757d;
10149
}
10150

10151
.dark-mode .modal-content.bg-warning .close {
10152
  color: #343a40 !important;
10153
  text-shadow: 0 1px 0 #495057 !important;
10154
}
10155

10156
.dark-mode .modal-content.bg-primary .modal-header,
10157
.dark-mode .modal-content.bg-primary .modal-footer, .dark-mode .modal-content.bg-secondary .modal-header,
10158
.dark-mode .modal-content.bg-secondary .modal-footer, .dark-mode .modal-content.bg-info .modal-header,
10159
.dark-mode .modal-content.bg-info .modal-footer, .dark-mode .modal-content.bg-danger .modal-header,
10160
.dark-mode .modal-content.bg-danger .modal-footer, .dark-mode .modal-content.bg-success .modal-header,
10161
.dark-mode .modal-content.bg-success .modal-footer {
10162
  border-color: #fff;
10163
}
10164

10165
.toasts-top-right {
10166
  position: absolute;
10167
  right: 0;
10168
  top: 0;
10169
  z-index: 1040;
10170
}
10171

10172
.toasts-top-right.fixed {
10173
  position: fixed;
10174
}
10175

10176
.toasts-top-left {
10177
  left: 0;
10178
  position: absolute;
10179
  top: 0;
10180
  z-index: 1040;
10181
}
10182

10183
.toasts-top-left.fixed {
10184
  position: fixed;
10185
}
10186

10187
.toasts-bottom-right {
10188
  bottom: 0;
10189
  position: absolute;
10190
  right: 0;
10191
  z-index: 1040;
10192
}
10193

10194
.toasts-bottom-right.fixed {
10195
  position: fixed;
10196
}
10197

10198
.toasts-bottom-left {
10199
  bottom: 0;
10200
  left: 0;
10201
  position: absolute;
10202
  z-index: 1040;
10203
}
10204

10205
.toasts-bottom-left.fixed {
10206
  position: fixed;
10207
}
10208

10209
.dark-mode .toast {
10210
  background-color: rgba(52, 58, 64, 0.85);
10211
  color: #fff;
10212
}
10213

10214
.dark-mode .toast .toast-header {
10215
  background-color: rgba(52, 58, 64, 0.7);
10216
  color: #f8f9fa;
10217
}
10218

10219
.dark-mode .toast.bg-primary {
10220
  background-color: rgba(63, 103, 145, 0.9) !important;
10221
}
10222

10223
.dark-mode .toast.bg-primary .close {
10224
  color: #fff;
10225
  text-shadow: 0 1px 0 #000;
10226
}
10227

10228
.dark-mode .toast.bg-primary .toast-header {
10229
  background-color: rgba(63, 103, 145, 0.85);
10230
  color: #fff;
10231
}
10232

10233
.dark-mode .toast.bg-secondary {
10234
  background-color: rgba(108, 117, 125, 0.9) !important;
10235
}
10236

10237
.dark-mode .toast.bg-secondary .close {
10238
  color: #fff;
10239
  text-shadow: 0 1px 0 #000;
10240
}
10241

10242
.dark-mode .toast.bg-secondary .toast-header {
10243
  background-color: rgba(108, 117, 125, 0.85);
10244
  color: #fff;
10245
}
10246

10247
.dark-mode .toast.bg-success {
10248
  background-color: rgba(0, 188, 140, 0.9) !important;
10249
}
10250

10251
.dark-mode .toast.bg-success .close {
10252
  color: #fff;
10253
  text-shadow: 0 1px 0 #000;
10254
}
10255

10256
.dark-mode .toast.bg-success .toast-header {
10257
  background-color: rgba(0, 188, 140, 0.85);
10258
  color: #fff;
10259
}
10260

10261
.dark-mode .toast.bg-info {
10262
  background-color: rgba(52, 152, 219, 0.9) !important;
10263
}
10264

10265
.dark-mode .toast.bg-info .close {
10266
  color: #fff;
10267
  text-shadow: 0 1px 0 #000;
10268
}
10269

10270
.dark-mode .toast.bg-info .toast-header {
10271
  background-color: rgba(52, 152, 219, 0.85);
10272
  color: #fff;
10273
}
10274

10275
.dark-mode .toast.bg-warning {
10276
  background-color: rgba(243, 156, 18, 0.9) !important;
10277
}
10278

10279
.dark-mode .toast.bg-warning .toast-header {
10280
  background-color: rgba(243, 156, 18, 0.85);
10281
  color: #1f2d3d;
10282
}
10283

10284
.dark-mode .toast.bg-danger {
10285
  background-color: rgba(231, 76, 60, 0.9) !important;
10286
}
10287

10288
.dark-mode .toast.bg-danger .close {
10289
  color: #fff;
10290
  text-shadow: 0 1px 0 #000;
10291
}
10292

10293
.dark-mode .toast.bg-danger .toast-header {
10294
  background-color: rgba(231, 76, 60, 0.85);
10295
  color: #fff;
10296
}
10297

10298
.dark-mode .toast.bg-light {
10299
  background-color: rgba(248, 249, 250, 0.9) !important;
10300
}
10301

10302
.dark-mode .toast.bg-light .toast-header {
10303
  background-color: rgba(248, 249, 250, 0.85);
10304
  color: #1f2d3d;
10305
}
10306

10307
.dark-mode .toast.bg-dark {
10308
  background-color: rgba(52, 58, 64, 0.9) !important;
10309
}
10310

10311
.dark-mode .toast.bg-dark .close {
10312
  color: #fff;
10313
  text-shadow: 0 1px 0 #000;
10314
}
10315

10316
.dark-mode .toast.bg-dark .toast-header {
10317
  background-color: rgba(52, 58, 64, 0.85);
10318
  color: #fff;
10319
}
10320

10321
.dark-mode .toast.bg-lightblue {
10322
  background-color: rgba(134, 186, 216, 0.9) !important;
10323
}
10324

10325
.dark-mode .toast.bg-lightblue .toast-header {
10326
  background-color: rgba(134, 186, 216, 0.85);
10327
  color: #1f2d3d;
10328
}
10329

10330
.dark-mode .toast.bg-navy {
10331
  background-color: rgba(0, 44, 89, 0.9) !important;
10332
}
10333

10334
.dark-mode .toast.bg-navy .close {
10335
  color: #fff;
10336
  text-shadow: 0 1px 0 #000;
10337
}
10338

10339
.dark-mode .toast.bg-navy .toast-header {
10340
  background-color: rgba(0, 44, 89, 0.85);
10341
  color: #fff;
10342
}
10343

10344
.dark-mode .toast.bg-olive {
10345
  background-color: rgba(116, 200, 163, 0.9) !important;
10346
}
10347

10348
.dark-mode .toast.bg-olive .toast-header {
10349
  background-color: rgba(116, 200, 163, 0.85);
10350
  color: #1f2d3d;
10351
}
10352

10353
.dark-mode .toast.bg-lime {
10354
  background-color: rgba(103, 255, 169, 0.9) !important;
10355
}
10356

10357
.dark-mode .toast.bg-lime .toast-header {
10358
  background-color: rgba(103, 255, 169, 0.85);
10359
  color: #1f2d3d;
10360
}
10361

10362
.dark-mode .toast.bg-fuchsia {
10363
  background-color: rgba(246, 114, 216, 0.9) !important;
10364
}
10365

10366
.dark-mode .toast.bg-fuchsia .toast-header {
10367
  background-color: rgba(246, 114, 216, 0.85);
10368
  color: #1f2d3d;
10369
}
10370

10371
.dark-mode .toast.bg-maroon {
10372
  background-color: rgba(237, 108, 155, 0.9) !important;
10373
}
10374

10375
.dark-mode .toast.bg-maroon .toast-header {
10376
  background-color: rgba(237, 108, 155, 0.85);
10377
  color: #1f2d3d;
10378
}
10379

10380
.dark-mode .toast.bg-blue {
10381
  background-color: rgba(63, 103, 145, 0.9) !important;
10382
}
10383

10384
.dark-mode .toast.bg-blue .close {
10385
  color: #fff;
10386
  text-shadow: 0 1px 0 #000;
10387
}
10388

10389
.dark-mode .toast.bg-blue .toast-header {
10390
  background-color: rgba(63, 103, 145, 0.85);
10391
  color: #fff;
10392
}
10393

10394
.dark-mode .toast.bg-indigo {
10395
  background-color: rgba(102, 16, 242, 0.9) !important;
10396
}
10397

10398
.dark-mode .toast.bg-indigo .close {
10399
  color: #fff;
10400
  text-shadow: 0 1px 0 #000;
10401
}
10402

10403
.dark-mode .toast.bg-indigo .toast-header {
10404
  background-color: rgba(102, 16, 242, 0.85);
10405
  color: #fff;
10406
}
10407

10408
.dark-mode .toast.bg-purple {
10409
  background-color: rgba(111, 66, 193, 0.9) !important;
10410
}
10411

10412
.dark-mode .toast.bg-purple .close {
10413
  color: #fff;
10414
  text-shadow: 0 1px 0 #000;
10415
}
10416

10417
.dark-mode .toast.bg-purple .toast-header {
10418
  background-color: rgba(111, 66, 193, 0.85);
10419
  color: #fff;
10420
}
10421

10422
.dark-mode .toast.bg-pink {
10423
  background-color: rgba(232, 62, 140, 0.9) !important;
10424
}
10425

10426
.dark-mode .toast.bg-pink .close {
10427
  color: #fff;
10428
  text-shadow: 0 1px 0 #000;
10429
}
10430

10431
.dark-mode .toast.bg-pink .toast-header {
10432
  background-color: rgba(232, 62, 140, 0.85);
10433
  color: #fff;
10434
}
10435

10436
.dark-mode .toast.bg-red {
10437
  background-color: rgba(231, 76, 60, 0.9) !important;
10438
}
10439

10440
.dark-mode .toast.bg-red .close {
10441
  color: #fff;
10442
  text-shadow: 0 1px 0 #000;
10443
}
10444

10445
.dark-mode .toast.bg-red .toast-header {
10446
  background-color: rgba(231, 76, 60, 0.85);
10447
  color: #fff;
10448
}
10449

10450
.dark-mode .toast.bg-orange {
10451
  background-color: rgba(253, 126, 20, 0.9) !important;
10452
}
10453

10454
.dark-mode .toast.bg-orange .toast-header {
10455
  background-color: rgba(253, 126, 20, 0.85);
10456
  color: #1f2d3d;
10457
}
10458

10459
.dark-mode .toast.bg-yellow {
10460
  background-color: rgba(243, 156, 18, 0.9) !important;
10461
}
10462

10463
.dark-mode .toast.bg-yellow .toast-header {
10464
  background-color: rgba(243, 156, 18, 0.85);
10465
  color: #1f2d3d;
10466
}
10467

10468
.dark-mode .toast.bg-green {
10469
  background-color: rgba(0, 188, 140, 0.9) !important;
10470
}
10471

10472
.dark-mode .toast.bg-green .close {
10473
  color: #fff;
10474
  text-shadow: 0 1px 0 #000;
10475
}
10476

10477
.dark-mode .toast.bg-green .toast-header {
10478
  background-color: rgba(0, 188, 140, 0.85);
10479
  color: #fff;
10480
}
10481

10482
.dark-mode .toast.bg-teal {
10483
  background-color: rgba(32, 201, 151, 0.9) !important;
10484
}
10485

10486
.dark-mode .toast.bg-teal .close {
10487
  color: #fff;
10488
  text-shadow: 0 1px 0 #000;
10489
}
10490

10491
.dark-mode .toast.bg-teal .toast-header {
10492
  background-color: rgba(32, 201, 151, 0.85);
10493
  color: #fff;
10494
}
10495

10496
.dark-mode .toast.bg-cyan {
10497
  background-color: rgba(52, 152, 219, 0.9) !important;
10498
}
10499

10500
.dark-mode .toast.bg-cyan .close {
10501
  color: #fff;
10502
  text-shadow: 0 1px 0 #000;
10503
}
10504

10505
.dark-mode .toast.bg-cyan .toast-header {
10506
  background-color: rgba(52, 152, 219, 0.85);
10507
  color: #fff;
10508
}
10509

10510
.dark-mode .toast.bg-white {
10511
  background-color: rgba(255, 255, 255, 0.9) !important;
10512
}
10513

10514
.dark-mode .toast.bg-white .toast-header {
10515
  background-color: rgba(255, 255, 255, 0.85);
10516
  color: #1f2d3d;
10517
}
10518

10519
.dark-mode .toast.bg-gray {
10520
  background-color: rgba(108, 117, 125, 0.9) !important;
10521
}
10522

10523
.dark-mode .toast.bg-gray .close {
10524
  color: #fff;
10525
  text-shadow: 0 1px 0 #000;
10526
}
10527

10528
.dark-mode .toast.bg-gray .toast-header {
10529
  background-color: rgba(108, 117, 125, 0.85);
10530
  color: #fff;
10531
}
10532

10533
.dark-mode .toast.bg-gray-dark {
10534
  background-color: rgba(52, 58, 64, 0.9) !important;
10535
}
10536

10537
.dark-mode .toast.bg-gray-dark .close {
10538
  color: #fff;
10539
  text-shadow: 0 1px 0 #000;
10540
}
10541

10542
.dark-mode .toast.bg-gray-dark .toast-header {
10543
  background-color: rgba(52, 58, 64, 0.85);
10544
  color: #fff;
10545
}
10546

10547
.toast.bg-primary {
10548
  background-color: rgba(0, 123, 255, 0.9) !important;
10549
}
10550

10551
.toast.bg-primary .close {
10552
  color: #fff;
10553
  text-shadow: 0 1px 0 #000;
10554
}
10555

10556
.toast.bg-primary .toast-header {
10557
  background-color: rgba(0, 123, 255, 0.85);
10558
  color: #fff;
10559
}
10560

10561
.toast.bg-secondary {
10562
  background-color: rgba(108, 117, 125, 0.9) !important;
10563
}
10564

10565
.toast.bg-secondary .close {
10566
  color: #fff;
10567
  text-shadow: 0 1px 0 #000;
10568
}
10569

10570
.toast.bg-secondary .toast-header {
10571
  background-color: rgba(108, 117, 125, 0.85);
10572
  color: #fff;
10573
}
10574

10575
.toast.bg-success {
10576
  background-color: rgba(40, 167, 69, 0.9) !important;
10577
}
10578

10579
.toast.bg-success .close {
10580
  color: #fff;
10581
  text-shadow: 0 1px 0 #000;
10582
}
10583

10584
.toast.bg-success .toast-header {
10585
  background-color: rgba(40, 167, 69, 0.85);
10586
  color: #fff;
10587
}
10588

10589
.toast.bg-info {
10590
  background-color: rgba(23, 162, 184, 0.9) !important;
10591
}
10592

10593
.toast.bg-info .close {
10594
  color: #fff;
10595
  text-shadow: 0 1px 0 #000;
10596
}
10597

10598
.toast.bg-info .toast-header {
10599
  background-color: rgba(23, 162, 184, 0.85);
10600
  color: #fff;
10601
}
10602

10603
.toast.bg-warning {
10604
  background-color: rgba(255, 193, 7, 0.9) !important;
10605
}
10606

10607
.toast.bg-warning .toast-header {
10608
  background-color: rgba(255, 193, 7, 0.85);
10609
  color: #1f2d3d;
10610
}
10611

10612
.toast.bg-danger {
10613
  background-color: rgba(220, 53, 69, 0.9) !important;
10614
}
10615

10616
.toast.bg-danger .close {
10617
  color: #fff;
10618
  text-shadow: 0 1px 0 #000;
10619
}
10620

10621
.toast.bg-danger .toast-header {
10622
  background-color: rgba(220, 53, 69, 0.85);
10623
  color: #fff;
10624
}
10625

10626
.toast.bg-light {
10627
  background-color: rgba(248, 249, 250, 0.9) !important;
10628
}
10629

10630
.toast.bg-light .toast-header {
10631
  background-color: rgba(248, 249, 250, 0.85);
10632
  color: #1f2d3d;
10633
}
10634

10635
.toast.bg-dark {
10636
  background-color: rgba(52, 58, 64, 0.9) !important;
10637
}
10638

10639
.toast.bg-dark .close {
10640
  color: #fff;
10641
  text-shadow: 0 1px 0 #000;
10642
}
10643

10644
.toast.bg-dark .toast-header {
10645
  background-color: rgba(52, 58, 64, 0.85);
10646
  color: #fff;
10647
}
10648

10649
.toast.bg-lightblue {
10650
  background-color: rgba(60, 141, 188, 0.9) !important;
10651
}
10652

10653
.toast.bg-lightblue .close {
10654
  color: #fff;
10655
  text-shadow: 0 1px 0 #000;
10656
}
10657

10658
.toast.bg-lightblue .toast-header {
10659
  background-color: rgba(60, 141, 188, 0.85);
10660
  color: #fff;
10661
}
10662

10663
.toast.bg-navy {
10664
  background-color: rgba(0, 31, 63, 0.9) !important;
10665
}
10666

10667
.toast.bg-navy .close {
10668
  color: #fff;
10669
  text-shadow: 0 1px 0 #000;
10670
}
10671

10672
.toast.bg-navy .toast-header {
10673
  background-color: rgba(0, 31, 63, 0.85);
10674
  color: #fff;
10675
}
10676

10677
.toast.bg-olive {
10678
  background-color: rgba(61, 153, 112, 0.9) !important;
10679
}
10680

10681
.toast.bg-olive .close {
10682
  color: #fff;
10683
  text-shadow: 0 1px 0 #000;
10684
}
10685

10686
.toast.bg-olive .toast-header {
10687
  background-color: rgba(61, 153, 112, 0.85);
10688
  color: #fff;
10689
}
10690

10691
.toast.bg-lime {
10692
  background-color: rgba(1, 255, 112, 0.9) !important;
10693
}
10694

10695
.toast.bg-lime .toast-header {
10696
  background-color: rgba(1, 255, 112, 0.85);
10697
  color: #1f2d3d;
10698
}
10699

10700
.toast.bg-fuchsia {
10701
  background-color: rgba(240, 18, 190, 0.9) !important;
10702
}
10703

10704
.toast.bg-fuchsia .close {
10705
  color: #fff;
10706
  text-shadow: 0 1px 0 #000;
10707
}
10708

10709
.toast.bg-fuchsia .toast-header {
10710
  background-color: rgba(240, 18, 190, 0.85);
10711
  color: #fff;
10712
}
10713

10714
.toast.bg-maroon {
10715
  background-color: rgba(216, 27, 96, 0.9) !important;
10716
}
10717

10718
.toast.bg-maroon .close {
10719
  color: #fff;
10720
  text-shadow: 0 1px 0 #000;
10721
}
10722

10723
.toast.bg-maroon .toast-header {
10724
  background-color: rgba(216, 27, 96, 0.85);
10725
  color: #fff;
10726
}
10727

10728
.toast.bg-blue {
10729
  background-color: rgba(0, 123, 255, 0.9) !important;
10730
}
10731

10732
.toast.bg-blue .close {
10733
  color: #fff;
10734
  text-shadow: 0 1px 0 #000;
10735
}
10736

10737
.toast.bg-blue .toast-header {
10738
  background-color: rgba(0, 123, 255, 0.85);
10739
  color: #fff;
10740
}
10741

10742
.toast.bg-indigo {
10743
  background-color: rgba(102, 16, 242, 0.9) !important;
10744
}
10745

10746
.toast.bg-indigo .close {
10747
  color: #fff;
10748
  text-shadow: 0 1px 0 #000;
10749
}
10750

10751
.toast.bg-indigo .toast-header {
10752
  background-color: rgba(102, 16, 242, 0.85);
10753
  color: #fff;
10754
}
10755

10756
.toast.bg-purple {
10757
  background-color: rgba(111, 66, 193, 0.9) !important;
10758
}
10759

10760
.toast.bg-purple .close {
10761
  color: #fff;
10762
  text-shadow: 0 1px 0 #000;
10763
}
10764

10765
.toast.bg-purple .toast-header {
10766
  background-color: rgba(111, 66, 193, 0.85);
10767
  color: #fff;
10768
}
10769

10770
.toast.bg-pink {
10771
  background-color: rgba(232, 62, 140, 0.9) !important;
10772
}
10773

10774
.toast.bg-pink .close {
10775
  color: #fff;
10776
  text-shadow: 0 1px 0 #000;
10777
}
10778

10779
.toast.bg-pink .toast-header {
10780
  background-color: rgba(232, 62, 140, 0.85);
10781
  color: #fff;
10782
}
10783

10784
.toast.bg-red {
10785
  background-color: rgba(220, 53, 69, 0.9) !important;
10786
}
10787

10788
.toast.bg-red .close {
10789
  color: #fff;
10790
  text-shadow: 0 1px 0 #000;
10791
}
10792

10793
.toast.bg-red .toast-header {
10794
  background-color: rgba(220, 53, 69, 0.85);
10795
  color: #fff;
10796
}
10797

10798
.toast.bg-orange {
10799
  background-color: rgba(253, 126, 20, 0.9) !important;
10800
}
10801

10802
.toast.bg-orange .toast-header {
10803
  background-color: rgba(253, 126, 20, 0.85);
10804
  color: #1f2d3d;
10805
}
10806

10807
.toast.bg-yellow {
10808
  background-color: rgba(255, 193, 7, 0.9) !important;
10809
}
10810

10811
.toast.bg-yellow .toast-header {
10812
  background-color: rgba(255, 193, 7, 0.85);
10813
  color: #1f2d3d;
10814
}
10815

10816
.toast.bg-green {
10817
  background-color: rgba(40, 167, 69, 0.9) !important;
10818
}
10819

10820
.toast.bg-green .close {
10821
  color: #fff;
10822
  text-shadow: 0 1px 0 #000;
10823
}
10824

10825
.toast.bg-green .toast-header {
10826
  background-color: rgba(40, 167, 69, 0.85);
10827
  color: #fff;
10828
}
10829

10830
.toast.bg-teal {
10831
  background-color: rgba(32, 201, 151, 0.9) !important;
10832
}
10833

10834
.toast.bg-teal .close {
10835
  color: #fff;
10836
  text-shadow: 0 1px 0 #000;
10837
}
10838

10839
.toast.bg-teal .toast-header {
10840
  background-color: rgba(32, 201, 151, 0.85);
10841
  color: #fff;
10842
}
10843

10844
.toast.bg-cyan {
10845
  background-color: rgba(23, 162, 184, 0.9) !important;
10846
}
10847

10848
.toast.bg-cyan .close {
10849
  color: #fff;
10850
  text-shadow: 0 1px 0 #000;
10851
}
10852

10853
.toast.bg-cyan .toast-header {
10854
  background-color: rgba(23, 162, 184, 0.85);
10855
  color: #fff;
10856
}
10857

10858
.toast.bg-white {
10859
  background-color: rgba(255, 255, 255, 0.9) !important;
10860
}
10861

10862
.toast.bg-white .toast-header {
10863
  background-color: rgba(255, 255, 255, 0.85);
10864
  color: #1f2d3d;
10865
}
10866

10867
.toast.bg-gray {
10868
  background-color: rgba(108, 117, 125, 0.9) !important;
10869
}
10870

10871
.toast.bg-gray .close {
10872
  color: #fff;
10873
  text-shadow: 0 1px 0 #000;
10874
}
10875

10876
.toast.bg-gray .toast-header {
10877
  background-color: rgba(108, 117, 125, 0.85);
10878
  color: #fff;
10879
}
10880

10881
.toast.bg-gray-dark {
10882
  background-color: rgba(52, 58, 64, 0.9) !important;
10883
}
10884

10885
.toast.bg-gray-dark .close {
10886
  color: #fff;
10887
  text-shadow: 0 1px 0 #000;
10888
}
10889

10890
.toast.bg-gray-dark .toast-header {
10891
  background-color: rgba(52, 58, 64, 0.85);
10892
  color: #fff;
10893
}
10894

10895
.btn.disabled, .btn:disabled {
10896
  cursor: not-allowed;
10897
}
10898

10899
.btn.btn-flat {
10900
  border-radius: 0;
10901
  border-width: 1px;
10902
  box-shadow: none;
10903
}
10904

10905
.btn.btn-file {
10906
  overflow: hidden;
10907
  position: relative;
10908
}
10909

10910
.btn.btn-file > input[type="file"] {
10911
  background-color: #fff;
10912
  cursor: inherit;
10913
  display: block;
10914
  font-size: 100px;
10915
  min-height: 100%;
10916
  min-width: 100%;
10917
  opacity: 0;
10918
  outline: none;
10919
  position: absolute;
10920
  right: 0;
10921
  text-align: right;
10922
  top: 0;
10923
}
10924

10925
.text-sm .btn {
10926
  font-size: 0.875rem !important;
10927
}
10928

10929
.btn-default {
10930
  background-color: #f8f9fa;
10931
  border-color: #ddd;
10932
  color: #444;
10933
}
10934

10935
.btn-default:hover, .btn-default:active, .btn-default.hover {
10936
  background-color: #e9ecef;
10937
  color: #2b2b2b;
10938
}
10939

10940
.btn-default.disabled, .btn-default:disabled {
10941
  color: #444;
10942
  background-color: #f8f9fa;
10943
}
10944

10945
.btn-outline-light {
10946
  color: #bdc6d0;
10947
  border-color: #bdc6d0;
10948
}
10949

10950
.btn-outline-light.disabled, .btn-outline-light:disabled {
10951
  color: #bdc6d0;
10952
  border-color: #bdc6d0;
10953
}
10954

10955
.btn-app {
10956
  border-radius: 3px;
10957
  background-color: #f8f9fa;
10958
  border: 1px solid #ddd;
10959
  color: #6c757d;
10960
  font-size: 12px;
10961
  height: 60px;
10962
  margin: 0 0 10px 10px;
10963
  min-width: 80px;
10964
  padding: 15px 5px;
10965
  position: relative;
10966
  text-align: center;
10967
}
10968

10969
.btn-app > .fa,
10970
.btn-app > .fas,
10971
.btn-app > .far,
10972
.btn-app > .fab,
10973
.btn-app > .fal,
10974
.btn-app > .fad,
10975
.btn-app > .svg-inline--fa,
10976
.btn-app > .ion {
10977
  display: block;
10978
  font-size: 20px;
10979
}
10980

10981
.btn-app > .svg-inline--fa {
10982
  margin: 0 auto;
10983
}
10984

10985
.btn-app:hover {
10986
  background-color: #f8f9fa;
10987
  border-color: #aaaaaa;
10988
  color: #444;
10989
}
10990

10991
.btn-app:active, .btn-app:focus {
10992
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
10993
}
10994

10995
.btn-app > .badge {
10996
  font-size: 10px;
10997
  font-weight: 400;
10998
  position: absolute;
10999
  right: -10px;
11000
  top: -3px;
11001
}
11002

11003
.btn-xs {
11004
  padding: 0.125rem 0.25rem;
11005
  font-size: 0.75rem;
11006
  line-height: 1.5;
11007
  border-radius: 0.15rem;
11008
}
11009

11010
.dark-mode .btn-default,
11011
.dark-mode .btn-app {
11012
  background-color: #3a4047;
11013
  color: #fff;
11014
  border-color: #6c757d;
11015
}
11016

11017
.dark-mode .btn-default:hover, .dark-mode .btn-default:focus,
11018
.dark-mode .btn-app:hover,
11019
.dark-mode .btn-app:focus {
11020
  background-color: #3f474e;
11021
  color: #dee2e6;
11022
  border-color: #727b84;
11023
}
11024

11025
.dark-mode .btn-light {
11026
  background-color: #454d55;
11027
  color: #fff;
11028
  border-color: #6c757d;
11029
}
11030

11031
.dark-mode .btn-light:hover, .dark-mode .btn-light:focus {
11032
  background-color: #4b545c;
11033
  color: #dee2e6;
11034
  border-color: #78828a;
11035
}
11036

11037
.dark-mode .btn-primary {
11038
  color: #fff;
11039
  background-color: #3f6791;
11040
  border-color: #3f6791;
11041
  box-shadow: none;
11042
}
11043

11044
.dark-mode .btn-primary:hover {
11045
  color: #fff;
11046
  background-color: #335476;
11047
  border-color: #304e6d;
11048
}
11049

11050
.dark-mode .btn-primary:focus, .dark-mode .btn-primary.focus {
11051
  color: #fff;
11052
  background-color: #335476;
11053
  border-color: #304e6d;
11054
  box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5);
11055
}
11056

11057
.dark-mode .btn-primary.disabled, .dark-mode .btn-primary:disabled {
11058
  color: #fff;
11059
  background-color: #3f6791;
11060
  border-color: #3f6791;
11061
}
11062

11063
.dark-mode .btn-primary:not(:disabled):not(.disabled):active, .dark-mode .btn-primary:not(:disabled):not(.disabled).active,
11064
.show > .dark-mode .btn-primary.dropdown-toggle {
11065
  color: #fff;
11066
  background-color: #304e6d;
11067
  border-color: #2c4765;
11068
}
11069

11070
.dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus,
11071
.show > .dark-mode .btn-primary.dropdown-toggle:focus {
11072
  box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5);
11073
}
11074

11075
.dark-mode .btn-secondary {
11076
  color: #fff;
11077
  background-color: #6c757d;
11078
  border-color: #6c757d;
11079
  box-shadow: none;
11080
}
11081

11082
.dark-mode .btn-secondary:hover {
11083
  color: #fff;
11084
  background-color: #5a6268;
11085
  border-color: #545b62;
11086
}
11087

11088
.dark-mode .btn-secondary:focus, .dark-mode .btn-secondary.focus {
11089
  color: #fff;
11090
  background-color: #5a6268;
11091
  border-color: #545b62;
11092
  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
11093
}
11094

11095
.dark-mode .btn-secondary.disabled, .dark-mode .btn-secondary:disabled {
11096
  color: #fff;
11097
  background-color: #6c757d;
11098
  border-color: #6c757d;
11099
}
11100

11101
.dark-mode .btn-secondary:not(:disabled):not(.disabled):active, .dark-mode .btn-secondary:not(:disabled):not(.disabled).active,
11102
.show > .dark-mode .btn-secondary.dropdown-toggle {
11103
  color: #fff;
11104
  background-color: #545b62;
11105
  border-color: #4e555b;
11106
}
11107

11108
.dark-mode .btn-secondary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-secondary:not(:disabled):not(.disabled).active:focus,
11109
.show > .dark-mode .btn-secondary.dropdown-toggle:focus {
11110
  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
11111
}
11112

11113
.dark-mode .btn-success {
11114
  color: #fff;
11115
  background-color: #00bc8c;
11116
  border-color: #00bc8c;
11117
  box-shadow: none;
11118
}
11119

11120
.dark-mode .btn-success:hover {
11121
  color: #fff;
11122
  background-color: #009670;
11123
  border-color: #008966;
11124
}
11125

11126
.dark-mode .btn-success:focus, .dark-mode .btn-success.focus {
11127
  color: #fff;
11128
  background-color: #009670;
11129
  border-color: #008966;
11130
  box-shadow: 0 0 0 0 rgba(38, 198, 157, 0.5);
11131
}
11132

11133
.dark-mode .btn-success.disabled, .dark-mode .btn-success:disabled {
11134
  color: #fff;
11135
  background-color: #00bc8c;
11136
  border-color: #00bc8c;
11137
}
11138

11139
.dark-mode .btn-success:not(:disabled):not(.disabled):active, .dark-mode .btn-success:not(:disabled):not(.disabled).active,
11140
.show > .dark-mode .btn-success.dropdown-toggle {
11141
  color: #fff;
11142
  background-color: #008966;
11143
  border-color: #007c5d;
11144
}
11145

11146
.dark-mode .btn-success:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-success:not(:disabled):not(.disabled).active:focus,
11147
.show > .dark-mode .btn-success.dropdown-toggle:focus {
11148
  box-shadow: 0 0 0 0 rgba(38, 198, 157, 0.5);
11149
}
11150

11151
.dark-mode .btn-info {
11152
  color: #fff;
11153
  background-color: #3498db;
11154
  border-color: #3498db;
11155
  box-shadow: none;
11156
}
11157

11158
.dark-mode .btn-info:hover {
11159
  color: #fff;
11160
  background-color: #2384c6;
11161
  border-color: #217dbb;
11162
}
11163

11164
.dark-mode .btn-info:focus, .dark-mode .btn-info.focus {
11165
  color: #fff;
11166
  background-color: #2384c6;
11167
  border-color: #217dbb;
11168
  box-shadow: 0 0 0 0 rgba(82, 167, 224, 0.5);
11169
}
11170

11171
.dark-mode .btn-info.disabled, .dark-mode .btn-info:disabled {
11172
  color: #fff;
11173
  background-color: #3498db;
11174
  border-color: #3498db;
11175
}
11176

11177
.dark-mode .btn-info:not(:disabled):not(.disabled):active, .dark-mode .btn-info:not(:disabled):not(.disabled).active,
11178
.show > .dark-mode .btn-info.dropdown-toggle {
11179
  color: #fff;
11180
  background-color: #217dbb;
11181
  border-color: #1f76b0;
11182
}
11183

11184
.dark-mode .btn-info:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-info:not(:disabled):not(.disabled).active:focus,
11185
.show > .dark-mode .btn-info.dropdown-toggle:focus {
11186
  box-shadow: 0 0 0 0 rgba(82, 167, 224, 0.5);
11187
}
11188

11189
.dark-mode .btn-warning {
11190
  color: #1f2d3d;
11191
  background-color: #f39c12;
11192
  border-color: #f39c12;
11193
  box-shadow: none;
11194
}
11195

11196
.dark-mode .btn-warning:hover {
11197
  color: #fff;
11198
  background-color: #d4860b;
11199
  border-color: #c87f0a;
11200
}
11201

11202
.dark-mode .btn-warning:focus, .dark-mode .btn-warning.focus {
11203
  color: #fff;
11204
  background-color: #d4860b;
11205
  border-color: #c87f0a;
11206
  box-shadow: 0 0 0 0 rgba(211, 139, 24, 0.5);
11207
}
11208

11209
.dark-mode .btn-warning.disabled, .dark-mode .btn-warning:disabled {
11210
  color: #1f2d3d;
11211
  background-color: #f39c12;
11212
  border-color: #f39c12;
11213
}
11214

11215
.dark-mode .btn-warning:not(:disabled):not(.disabled):active, .dark-mode .btn-warning:not(:disabled):not(.disabled).active,
11216
.show > .dark-mode .btn-warning.dropdown-toggle {
11217
  color: #fff;
11218
  background-color: #c87f0a;
11219
  border-color: #bc770a;
11220
}
11221

11222
.dark-mode .btn-warning:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-warning:not(:disabled):not(.disabled).active:focus,
11223
.show > .dark-mode .btn-warning.dropdown-toggle:focus {
11224
  box-shadow: 0 0 0 0 rgba(211, 139, 24, 0.5);
11225
}
11226

11227
.dark-mode .btn-danger {
11228
  color: #fff;
11229
  background-color: #e74c3c;
11230
  border-color: #e74c3c;
11231
  box-shadow: none;
11232
}
11233

11234
.dark-mode .btn-danger:hover {
11235
  color: #fff;
11236
  background-color: #e12e1c;
11237
  border-color: #d62c1a;
11238
}
11239

11240
.dark-mode .btn-danger:focus, .dark-mode .btn-danger.focus {
11241
  color: #fff;
11242
  background-color: #e12e1c;
11243
  border-color: #d62c1a;
11244
  box-shadow: 0 0 0 0 rgba(235, 103, 89, 0.5);
11245
}
11246

11247
.dark-mode .btn-danger.disabled, .dark-mode .btn-danger:disabled {
11248
  color: #fff;
11249
  background-color: #e74c3c;
11250
  border-color: #e74c3c;
11251
}
11252

11253
.dark-mode .btn-danger:not(:disabled):not(.disabled):active, .dark-mode .btn-danger:not(:disabled):not(.disabled).active,
11254
.show > .dark-mode .btn-danger.dropdown-toggle {
11255
  color: #fff;
11256
  background-color: #d62c1a;
11257
  border-color: #ca2a19;
11258
}
11259

11260
.dark-mode .btn-danger:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-danger:not(:disabled):not(.disabled).active:focus,
11261
.show > .dark-mode .btn-danger.dropdown-toggle:focus {
11262
  box-shadow: 0 0 0 0 rgba(235, 103, 89, 0.5);
11263
}
11264

11265
.dark-mode .btn-light {
11266
  color: #1f2d3d;
11267
  background-color: #f8f9fa;
11268
  border-color: #f8f9fa;
11269
  box-shadow: none;
11270
}
11271

11272
.dark-mode .btn-light:hover {
11273
  color: #1f2d3d;
11274
  background-color: #e2e6ea;
11275
  border-color: #dae0e5;
11276
}
11277

11278
.dark-mode .btn-light:focus, .dark-mode .btn-light.focus {
11279
  color: #1f2d3d;
11280
  background-color: #e2e6ea;
11281
  border-color: #dae0e5;
11282
  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
11283
}
11284

11285
.dark-mode .btn-light.disabled, .dark-mode .btn-light:disabled {
11286
  color: #1f2d3d;
11287
  background-color: #f8f9fa;
11288
  border-color: #f8f9fa;
11289
}
11290

11291
.dark-mode .btn-light:not(:disabled):not(.disabled):active, .dark-mode .btn-light:not(:disabled):not(.disabled).active,
11292
.show > .dark-mode .btn-light.dropdown-toggle {
11293
  color: #1f2d3d;
11294
  background-color: #dae0e5;
11295
  border-color: #d3d9df;
11296
}
11297

11298
.dark-mode .btn-light:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-light:not(:disabled):not(.disabled).active:focus,
11299
.show > .dark-mode .btn-light.dropdown-toggle:focus {
11300
  box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
11301
}
11302

11303
.dark-mode .btn-dark {
11304
  color: #fff;
11305
  background-color: #292d32;
11306
  border-color: #4b545c;
11307
  box-shadow: none;
11308
}
11309

11310
.dark-mode .btn-dark:hover {
11311
  color: #fff;
11312
  background-color: #171a1d;
11313
  border-color: #343a40;
11314
}
11315

11316
.dark-mode .btn-dark:focus, .dark-mode .btn-dark.focus {
11317
  color: #fff;
11318
  background-color: #171a1d;
11319
  border-color: #343a40;
11320
  box-shadow: 0 0 0 0 rgba(102, 109, 117, 0.5);
11321
}
11322

11323
.dark-mode .btn-dark.disabled, .dark-mode .btn-dark:disabled {
11324
  color: #fff;
11325
  background-color: #292d32;
11326
  border-color: #4b545c;
11327
}
11328

11329
.dark-mode .btn-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-dark:not(:disabled):not(.disabled).active,
11330
.show > .dark-mode .btn-dark.dropdown-toggle {
11331
  color: #fff;
11332
  background-color: #121416;
11333
  border-color: #2e3439;
11334
}
11335

11336
.dark-mode .btn-dark:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-dark:not(:disabled):not(.disabled).active:focus,
11337
.show > .dark-mode .btn-dark.dropdown-toggle:focus {
11338
  box-shadow: 0 0 0 0 rgba(102, 109, 117, 0.5);
11339
}
11340

11341
.dark-mode .btn-outline-primary {
11342
  color: #3f6791;
11343
  border-color: #3f6791;
11344
}
11345

11346
.dark-mode .btn-outline-primary:hover {
11347
  color: #fff;
11348
  background-color: #3f6791;
11349
  border-color: #3f6791;
11350
}
11351

11352
.dark-mode .btn-outline-primary:focus, .dark-mode .btn-outline-primary.focus {
11353
  box-shadow: 0 0 0 0 rgba(63, 103, 145, 0.5);
11354
}
11355

11356
.dark-mode .btn-outline-primary.disabled, .dark-mode .btn-outline-primary:disabled {
11357
  color: #3f6791;
11358
  background-color: transparent;
11359
}
11360

11361
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active,
11362
.show > .dark-mode .btn-outline-primary.dropdown-toggle {
11363
  color: #fff;
11364
  background-color: #3f6791;
11365
  border-color: #3f6791;
11366
}
11367

11368
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
11369
.show > .dark-mode .btn-outline-primary.dropdown-toggle:focus {
11370
  box-shadow: 0 0 0 0 rgba(63, 103, 145, 0.5);
11371
}
11372

11373
.dark-mode .btn-outline-secondary {
11374
  color: #6c757d;
11375
  border-color: #6c757d;
11376
}
11377

11378
.dark-mode .btn-outline-secondary:hover {
11379
  color: #fff;
11380
  background-color: #6c757d;
11381
  border-color: #6c757d;
11382
}
11383

11384
.dark-mode .btn-outline-secondary:focus, .dark-mode .btn-outline-secondary.focus {
11385
  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
11386
}
11387

11388
.dark-mode .btn-outline-secondary.disabled, .dark-mode .btn-outline-secondary:disabled {
11389
  color: #6c757d;
11390
  background-color: transparent;
11391
}
11392

11393
.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active,
11394
.show > .dark-mode .btn-outline-secondary.dropdown-toggle {
11395
  color: #fff;
11396
  background-color: #6c757d;
11397
  border-color: #6c757d;
11398
}
11399

11400
.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
11401
.show > .dark-mode .btn-outline-secondary.dropdown-toggle:focus {
11402
  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
11403
}
11404

11405
.dark-mode .btn-outline-success {
11406
  color: #00bc8c;
11407
  border-color: #00bc8c;
11408
}
11409

11410
.dark-mode .btn-outline-success:hover {
11411
  color: #fff;
11412
  background-color: #00bc8c;
11413
  border-color: #00bc8c;
11414
}
11415

11416
.dark-mode .btn-outline-success:focus, .dark-mode .btn-outline-success.focus {
11417
  box-shadow: 0 0 0 0 rgba(0, 188, 140, 0.5);
11418
}
11419

11420
.dark-mode .btn-outline-success.disabled, .dark-mode .btn-outline-success:disabled {
11421
  color: #00bc8c;
11422
  background-color: transparent;
11423
}
11424

11425
.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-success:not(:disabled):not(.disabled).active,
11426
.show > .dark-mode .btn-outline-success.dropdown-toggle {
11427
  color: #fff;
11428
  background-color: #00bc8c;
11429
  border-color: #00bc8c;
11430
}
11431

11432
.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-success:not(:disabled):not(.disabled).active:focus,
11433
.show > .dark-mode .btn-outline-success.dropdown-toggle:focus {
11434
  box-shadow: 0 0 0 0 rgba(0, 188, 140, 0.5);
11435
}
11436

11437
.dark-mode .btn-outline-info {
11438
  color: #3498db;
11439
  border-color: #3498db;
11440
}
11441

11442
.dark-mode .btn-outline-info:hover {
11443
  color: #fff;
11444
  background-color: #3498db;
11445
  border-color: #3498db;
11446
}
11447

11448
.dark-mode .btn-outline-info:focus, .dark-mode .btn-outline-info.focus {
11449
  box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.5);
11450
}
11451

11452
.dark-mode .btn-outline-info.disabled, .dark-mode .btn-outline-info:disabled {
11453
  color: #3498db;
11454
  background-color: transparent;
11455
}
11456

11457
.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-info:not(:disabled):not(.disabled).active,
11458
.show > .dark-mode .btn-outline-info.dropdown-toggle {
11459
  color: #fff;
11460
  background-color: #3498db;
11461
  border-color: #3498db;
11462
}
11463

11464
.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-info:not(:disabled):not(.disabled).active:focus,
11465
.show > .dark-mode .btn-outline-info.dropdown-toggle:focus {
11466
  box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.5);
11467
}
11468

11469
.dark-mode .btn-outline-warning {
11470
  color: #f39c12;
11471
  border-color: #f39c12;
11472
}
11473

11474
.dark-mode .btn-outline-warning:hover {
11475
  color: #1f2d3d;
11476
  background-color: #f39c12;
11477
  border-color: #f39c12;
11478
}
11479

11480
.dark-mode .btn-outline-warning:focus, .dark-mode .btn-outline-warning.focus {
11481
  box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.5);
11482
}
11483

11484
.dark-mode .btn-outline-warning.disabled, .dark-mode .btn-outline-warning:disabled {
11485
  color: #f39c12;
11486
  background-color: transparent;
11487
}
11488

11489
.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active,
11490
.show > .dark-mode .btn-outline-warning.dropdown-toggle {
11491
  color: #1f2d3d;
11492
  background-color: #f39c12;
11493
  border-color: #f39c12;
11494
}
11495

11496
.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
11497
.show > .dark-mode .btn-outline-warning.dropdown-toggle:focus {
11498
  box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.5);
11499
}
11500

11501
.dark-mode .btn-outline-danger {
11502
  color: #e74c3c;
11503
  border-color: #e74c3c;
11504
}
11505

11506
.dark-mode .btn-outline-danger:hover {
11507
  color: #fff;
11508
  background-color: #e74c3c;
11509
  border-color: #e74c3c;
11510
}
11511

11512
.dark-mode .btn-outline-danger:focus, .dark-mode .btn-outline-danger.focus {
11513
  box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5);
11514
}
11515

11516
.dark-mode .btn-outline-danger.disabled, .dark-mode .btn-outline-danger:disabled {
11517
  color: #e74c3c;
11518
  background-color: transparent;
11519
}
11520

11521
.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active,
11522
.show > .dark-mode .btn-outline-danger.dropdown-toggle {
11523
  color: #fff;
11524
  background-color: #e74c3c;
11525
  border-color: #e74c3c;
11526
}
11527

11528
.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
11529
.show > .dark-mode .btn-outline-danger.dropdown-toggle:focus {
11530
  box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5);
11531
}
11532

11533
.dark-mode .btn-outline-light {
11534
  color: #f8f9fa;
11535
  border-color: #f8f9fa;
11536
}
11537

11538
.dark-mode .btn-outline-light:hover {
11539
  color: #1f2d3d;
11540
  background-color: #f8f9fa;
11541
  border-color: #f8f9fa;
11542
}
11543

11544
.dark-mode .btn-outline-light:focus, .dark-mode .btn-outline-light.focus {
11545
  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
11546
}
11547

11548
.dark-mode .btn-outline-light.disabled, .dark-mode .btn-outline-light:disabled {
11549
  color: #f8f9fa;
11550
  background-color: transparent;
11551
}
11552

11553
.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-light:not(:disabled):not(.disabled).active,
11554
.show > .dark-mode .btn-outline-light.dropdown-toggle {
11555
  color: #1f2d3d;
11556
  background-color: #f8f9fa;
11557
  border-color: #f8f9fa;
11558
}
11559

11560
.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-light:not(:disabled):not(.disabled).active:focus,
11561
.show > .dark-mode .btn-outline-light.dropdown-toggle:focus {
11562
  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
11563
}
11564

11565
.dark-mode .btn-outline-dark {
11566
  color: #060708;
11567
  border-color: #060708;
11568
}
11569

11570
.dark-mode .btn-outline-dark:hover {
11571
  color: #fff;
11572
  background-color: #060708;
11573
  border-color: #060708;
11574
}
11575

11576
.dark-mode .btn-outline-dark:focus, .dark-mode .btn-outline-dark.focus {
11577
  box-shadow: 0 0 0 0 rgba(6, 7, 8, 0.5);
11578
}
11579

11580
.dark-mode .btn-outline-dark.disabled, .dark-mode .btn-outline-dark:disabled {
11581
  color: #060708;
11582
  background-color: transparent;
11583
}
11584

11585
.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active,
11586
.show > .dark-mode .btn-outline-dark.dropdown-toggle {
11587
  color: #fff;
11588
  background-color: #060708;
11589
  border-color: #060708;
11590
}
11591

11592
.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
11593
.show > .dark-mode .btn-outline-dark.dropdown-toggle:focus {
11594
  box-shadow: 0 0 0 0 rgba(6, 7, 8, 0.5);
11595
}
11596

11597
.callout {
11598
  border-radius: 0.25rem;
11599
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
11600
  background-color: #fff;
11601
  border-left: 5px solid #e9ecef;
11602
  margin-bottom: 1rem;
11603
  padding: 1rem;
11604
}
11605

11606
.callout a {
11607
  color: #495057;
11608
  text-decoration: underline;
11609
}
11610

11611
.callout a:hover {
11612
  color: #e9ecef;
11613
}
11614

11615
.callout p:last-child {
11616
  margin-bottom: 0;
11617
}
11618

11619
.callout.callout-danger {
11620
  border-left-color: #bd2130;
11621
}
11622

11623
.callout.callout-warning {
11624
  border-left-color: #d39e00;
11625
}
11626

11627
.callout.callout-info {
11628
  border-left-color: #117a8b;
11629
}
11630

11631
.callout.callout-success {
11632
  border-left-color: #1e7e34;
11633
}
11634

11635
.dark-mode .callout {
11636
  background-color: #3f474e;
11637
}
11638

11639
.dark-mode .callout.callout-danger {
11640
  border-left-color: #ed7669;
11641
}
11642

11643
.dark-mode .callout.callout-warning {
11644
  border-left-color: #f5b043;
11645
}
11646

11647
.dark-mode .callout.callout-info {
11648
  border-left-color: #5faee3;
11649
}
11650

11651
.dark-mode .callout.callout-success {
11652
  border-left-color: #00efb2;
11653
}
11654

11655
.alert .icon {
11656
  margin-right: 10px;
11657
}
11658

11659
.alert .close {
11660
  color: #000;
11661
  opacity: .2;
11662
}
11663

11664
.alert .close:hover {
11665
  opacity: .5;
11666
}
11667

11668
.alert a {
11669
  color: #fff;
11670
  text-decoration: underline;
11671
}
11672

11673
.alert-primary {
11674
  color: #fff;
11675
  background-color: #007bff;
11676
  border-color: #006fe6;
11677
}
11678

11679
.alert-default-primary {
11680
  color: #004085;
11681
  background-color: #cce5ff;
11682
  border-color: #b8daff;
11683
}
11684

11685
.alert-default-primary hr {
11686
  border-top-color: #9fcdff;
11687
}
11688

11689
.alert-default-primary .alert-link {
11690
  color: #002752;
11691
}
11692

11693
.alert-secondary {
11694
  color: #fff;
11695
  background-color: #6c757d;
11696
  border-color: #60686f;
11697
}
11698

11699
.alert-default-secondary {
11700
  color: #383d41;
11701
  background-color: #e2e3e5;
11702
  border-color: #d6d8db;
11703
}
11704

11705
.alert-default-secondary hr {
11706
  border-top-color: #c8cbcf;
11707
}
11708

11709
.alert-default-secondary .alert-link {
11710
  color: #202326;
11711
}
11712

11713
.alert-success {
11714
  color: #fff;
11715
  background-color: #28a745;
11716
  border-color: #23923d;
11717
}
11718

11719
.alert-default-success {
11720
  color: #155724;
11721
  background-color: #d4edda;
11722
  border-color: #c3e6cb;
11723
}
11724

11725
.alert-default-success hr {
11726
  border-top-color: #b1dfbb;
11727
}
11728

11729
.alert-default-success .alert-link {
11730
  color: #0b2e13;
11731
}
11732

11733
.alert-info {
11734
  color: #fff;
11735
  background-color: #17a2b8;
11736
  border-color: #148ea1;
11737
}
11738

11739
.alert-default-info {
11740
  color: #0c5460;
11741
  background-color: #d1ecf1;
11742
  border-color: #bee5eb;
11743
}
11744

11745
.alert-default-info hr {
11746
  border-top-color: #abdde5;
11747
}
11748

11749
.alert-default-info .alert-link {
11750
  color: #062c33;
11751
}
11752

11753
.alert-warning {
11754
  color: #1f2d3d;
11755
  background-color: #ffc107;
11756
  border-color: #edb100;
11757
}
11758

11759
.alert-default-warning {
11760
  color: #856404;
11761
  background-color: #fff3cd;
11762
  border-color: #ffeeba;
11763
}
11764

11765
.alert-default-warning hr {
11766
  border-top-color: #ffe8a1;
11767
}
11768

11769
.alert-default-warning .alert-link {
11770
  color: #533f03;
11771
}
11772

11773
.alert-danger {
11774
  color: #fff;
11775
  background-color: #dc3545;
11776
  border-color: #d32535;
11777
}
11778

11779
.alert-default-danger {
11780
  color: #721c24;
11781
  background-color: #f8d7da;
11782
  border-color: #f5c6cb;
11783
}
11784

11785
.alert-default-danger hr {
11786
  border-top-color: #f1b0b7;
11787
}
11788

11789
.alert-default-danger .alert-link {
11790
  color: #491217;
11791
}
11792

11793
.alert-light {
11794
  color: #1f2d3d;
11795
  background-color: #f8f9fa;
11796
  border-color: #e9ecef;
11797
}
11798

11799
.alert-default-light {
11800
  color: #818182;
11801
  background-color: #fefefe;
11802
  border-color: #fdfdfe;
11803
}
11804

11805
.alert-default-light hr {
11806
  border-top-color: #ececf6;
11807
}
11808

11809
.alert-default-light .alert-link {
11810
  color: #686868;
11811
}
11812

11813
.alert-dark {
11814
  color: #fff;
11815
  background-color: #343a40;
11816
  border-color: #292d32;
11817
}
11818

11819
.alert-default-dark {
11820
  color: #1b1e21;
11821
  background-color: #d6d8d9;
11822
  border-color: #c6c8ca;
11823
}
11824

11825
.alert-default-dark hr {
11826
  border-top-color: #b9bbbe;
11827
}
11828

11829
.alert-default-dark .alert-link {
11830
  color: #040505;
11831
}
11832

11833
.dark-mode .alert-primary {
11834
  color: #fff;
11835
  background-color: #3f6791;
11836
  border-color: #375a7f;
11837
}
11838

11839
.dark-mode .alert-default-primary {
11840
  color: #004085;
11841
  background-color: #cce5ff;
11842
  border-color: #b8daff;
11843
}
11844

11845
.dark-mode .alert-default-primary hr {
11846
  border-top-color: #9fcdff;
11847
}
11848

11849
.dark-mode .alert-default-primary .alert-link {
11850
  color: #002752;
11851
}
11852

11853
.dark-mode .alert-secondary {
11854
  color: #fff;
11855
  background-color: #6c757d;
11856
  border-color: #60686f;
11857
}
11858

11859
.dark-mode .alert-default-secondary {
11860
  color: #383d41;
11861
  background-color: #e2e3e5;
11862
  border-color: #d6d8db;
11863
}
11864

11865
.dark-mode .alert-default-secondary hr {
11866
  border-top-color: #c8cbcf;
11867
}
11868

11869
.dark-mode .alert-default-secondary .alert-link {
11870
  color: #202326;
11871
}
11872

11873
.dark-mode .alert-success {
11874
  color: #fff;
11875
  background-color: #00bc8c;
11876
  border-color: #00a379;
11877
}
11878

11879
.dark-mode .alert-default-success {
11880
  color: #155724;
11881
  background-color: #d4edda;
11882
  border-color: #c3e6cb;
11883
}
11884

11885
.dark-mode .alert-default-success hr {
11886
  border-top-color: #b1dfbb;
11887
}
11888

11889
.dark-mode .alert-default-success .alert-link {
11890
  color: #0b2e13;
11891
}
11892

11893
.dark-mode .alert-info {
11894
  color: #fff;
11895
  background-color: #3498db;
11896
  border-color: #258cd1;
11897
}
11898

11899
.dark-mode .alert-default-info {
11900
  color: #0c5460;
11901
  background-color: #d1ecf1;
11902
  border-color: #bee5eb;
11903
}
11904

11905
.dark-mode .alert-default-info hr {
11906
  border-top-color: #abdde5;
11907
}
11908

11909
.dark-mode .alert-default-info .alert-link {
11910
  color: #062c33;
11911
}
11912

11913
.dark-mode .alert-warning {
11914
  color: #1f2d3d;
11915
  background-color: #f39c12;
11916
  border-color: #e08e0b;
11917
}
11918

11919
.dark-mode .alert-default-warning {
11920
  color: #856404;
11921
  background-color: #fff3cd;
11922
  border-color: #ffeeba;
11923
}
11924

11925
.dark-mode .alert-default-warning hr {
11926
  border-top-color: #ffe8a1;
11927
}
11928

11929
.dark-mode .alert-default-warning .alert-link {
11930
  color: #533f03;
11931
}
11932

11933
.dark-mode .alert-danger {
11934
  color: #fff;
11935
  background-color: #e74c3c;
11936
  border-color: #e43725;
11937
}
11938

11939
.dark-mode .alert-default-danger {
11940
  color: #721c24;
11941
  background-color: #f8d7da;
11942
  border-color: #f5c6cb;
11943
}
11944

11945
.dark-mode .alert-default-danger hr {
11946
  border-top-color: #f1b0b7;
11947
}
11948

11949
.dark-mode .alert-default-danger .alert-link {
11950
  color: #491217;
11951
}
11952

11953
.dark-mode .alert-light {
11954
  color: #1f2d3d;
11955
  background-color: #f8f9fa;
11956
  border-color: #e9ecef;
11957
}
11958

11959
.dark-mode .alert-default-light {
11960
  color: #818182;
11961
  background-color: #fefefe;
11962
  border-color: #fdfdfe;
11963
}
11964

11965
.dark-mode .alert-default-light hr {
11966
  border-top-color: #ececf6;
11967
}
11968

11969
.dark-mode .alert-default-light .alert-link {
11970
  color: #686868;
11971
}
11972

11973
.dark-mode .alert-dark {
11974
  color: #fff;
11975
  background-color: #343a40;
11976
  border-color: #292d32;
11977
}
11978

11979
.dark-mode .alert-default-dark {
11980
  color: #1b1e21;
11981
  background-color: #d6d8d9;
11982
  border-color: #c6c8ca;
11983
}
11984

11985
.dark-mode .alert-default-dark hr {
11986
  border-top-color: #b9bbbe;
11987
}
11988

11989
.dark-mode .alert-default-dark .alert-link {
11990
  color: #040505;
11991
}
11992

11993
.table:not(.table-dark) {
11994
  color: inherit;
11995
}
11996

11997
.table.table-head-fixed thead tr:nth-child(1) th {
11998
  background-color: #fff;
11999
  border-bottom: 0;
12000
  box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6;
12001
  position: -webkit-sticky;
12002
  position: sticky;
12003
  top: 0;
12004
  z-index: 10;
12005
}
12006

12007
.table.table-head-fixed.table-dark thead tr:nth-child(1) th {
12008
  background-color: #212529;
12009
  box-shadow: inset 0 1px 0 #383f45, inset 0 -1px 0 #383f45;
12010
}
12011

12012
.table.no-border,
12013
.table.no-border td,
12014
.table.no-border th {
12015
  border: 0;
12016
}
12017

12018
.table.text-center,
12019
.table.text-center td,
12020
.table.text-center th {
12021
  text-align: center;
12022
}
12023

12024
.table.table-valign-middle thead > tr > th,
12025
.table.table-valign-middle thead > tr > td,
12026
.table.table-valign-middle tbody > tr > th,
12027
.table.table-valign-middle tbody > tr > td {
12028
  vertical-align: middle;
12029
}
12030

12031
.card-body.p-0 .table thead > tr > th:first-of-type,
12032
.card-body.p-0 .table thead > tr > td:first-of-type,
12033
.card-body.p-0 .table tfoot > tr > th:first-of-type,
12034
.card-body.p-0 .table tfoot > tr > td:first-of-type,
12035
.card-body.p-0 .table tbody > tr > th:first-of-type,
12036
.card-body.p-0 .table tbody > tr > td:first-of-type {
12037
  padding-left: 1.5rem;
12038
}
12039

12040
.card-body.p-0 .table thead > tr > th:last-of-type,
12041
.card-body.p-0 .table thead > tr > td:last-of-type,
12042
.card-body.p-0 .table tfoot > tr > th:last-of-type,
12043
.card-body.p-0 .table tfoot > tr > td:last-of-type,
12044
.card-body.p-0 .table tbody > tr > th:last-of-type,
12045
.card-body.p-0 .table tbody > tr > td:last-of-type {
12046
  padding-right: 1.5rem;
12047
}
12048

12049
.table-hover tbody tr.expandable-body:hover {
12050
  background-color: inherit !important;
12051
}
12052

12053
[data-widget="expandable-table"] {
12054
  cursor: pointer;
12055
}
12056

12057
[data-widget="expandable-table"] i.expandable-table-caret {
12058
  transition: -webkit-transform 0.3s linear;
12059
  transition: transform 0.3s linear;
12060
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
12061
}
12062

12063
[data-widget="expandable-table"][aria-expanded="true"] i.expandable-table-caret[class*="right"] {
12064
  -webkit-transform: rotate(90deg);
12065
  transform: rotate(90deg);
12066
}
12067

12068
[data-widget="expandable-table"][aria-expanded="true"] i.expandable-table-caret[class*="left"] {
12069
  -webkit-transform: rotate(-90deg);
12070
  transform: rotate(-90deg);
12071
}
12072

12073
[aria-expanded="true"] {
12074
  cursor: pointer;
12075
}
12076

12077
[aria-expanded="true"] i.expandable-table-caret {
12078
  transition: -webkit-transform 0.3s linear;
12079
  transition: transform 0.3s linear;
12080
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
12081
}
12082

12083
[aria-expanded="true"] [data-widget="expandable-table"] i.expandable-table-caret[class*="right"] {
12084
  -webkit-transform: rotate(90deg);
12085
  transform: rotate(90deg);
12086
}
12087

12088
[aria-expanded="true"] [data-widget="expandable-table"] i.expandable-table-caret[class*="left"] {
12089
  -webkit-transform: rotate(-90deg);
12090
  transform: rotate(-90deg);
12091
}
12092

12093
.expandable-body > td {
12094
  padding: 0 !important;
12095
  width: 100%;
12096
}
12097

12098
.expandable-body > td > div,
12099
.expandable-body > td > p {
12100
  padding: 0.75rem;
12101
}
12102

12103
.expandable-body .table {
12104
  width: calc(100% - 0.75rem);
12105
  margin: 0 0 0 0.75rem;
12106
}
12107

12108
.expandable-body .table tr:first-child td,
12109
.expandable-body .table tr:first-child th {
12110
  border-top: none;
12111
}
12112

12113
.dark-mode .table-bordered,
12114
.dark-mode .table-bordered td,
12115
.dark-mode .table-bordered th {
12116
  border-color: #6c757d;
12117
}
12118

12119
.dark-mode .table-hover tbody tr:hover {
12120
  color: #dee2e6;
12121
  background-color: #3a4047;
12122
  border-color: #6c757d;
12123
}
12124

12125
.dark-mode .table thead th {
12126
  border-bottom-color: #6c757d;
12127
}
12128

12129
.dark-mode .table th,
12130
.dark-mode .table td {
12131
  border-top-color: #6c757d;
12132
}
12133

12134
.dark-mode .table.table-head-fixed thead tr:nth-child(1) th {
12135
  background-color: #3f474e;
12136
}
12137

12138
.carousel-control-prev .carousel-control-custom-icon {
12139
  margin-left: -20px;
12140
}
12141

12142
.carousel-control-next .carousel-control-custom-icon {
12143
  margin-right: 20px;
12144
}
12145

12146
.carousel-control-custom-icon > .fa,
12147
.carousel-control-custom-icon > .fas,
12148
.carousel-control-custom-icon > .far,
12149
.carousel-control-custom-icon > .fab,
12150
.carousel-control-custom-icon > .fal,
12151
.carousel-control-custom-icon > .fad,
12152
.carousel-control-custom-icon > .svg-inline--fa,
12153
.carousel-control-custom-icon > .ion {
12154
  display: inline-block;
12155
  font-size: 40px;
12156
  margin-top: -20px;
12157
  position: absolute;
12158
  top: 50%;
12159
  z-index: 5;
12160
}
12161

12162
.close {
12163
  float: right;
12164
  font-size: 1.5rem;
12165
  font-weight: 700;
12166
  line-height: 1;
12167
  color: #000;
12168
  text-shadow: 0 1px 0 #fff;
12169
  opacity: .5;
12170
}
12171

12172
.close:hover {
12173
  color: #000;
12174
  text-decoration: none;
12175
}
12176

12177
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
12178
  opacity: .75;
12179
}
12180

12181
.close:focus {
12182
  outline: none;
12183
}
12184

12185
button.close {
12186
  padding: 0;
12187
  background-color: transparent;
12188
  border: 0;
12189
}
12190

12191
a.close.disabled {
12192
  pointer-events: none;
12193
}
12194
/*# sourceMappingURL=adminlte.components.css.map */

Использование cookies

Мы используем файлы cookie в соответствии с Политикой конфиденциальности и Политикой использования cookies.

Нажимая кнопку «Принимаю», Вы даете АО «СберТех» согласие на обработку Ваших персональных данных в целях совершенствования нашего веб-сайта и Сервиса GitVerse, а также повышения удобства их использования.

Запретить использование cookies Вы можете самостоятельно в настройках Вашего браузера.