@bagelink/vue 1.4.79 → 1.4.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/components/Badge.vue.d.ts +2 -2
  2. package/dist/components/Badge.vue.d.ts.map +1 -1
  3. package/dist/components/Btn.vue.d.ts +10 -4
  4. package/dist/components/Btn.vue.d.ts.map +1 -1
  5. package/dist/components/Modal.vue.d.ts.map +1 -1
  6. package/dist/components/ModalForm.vue.d.ts +3 -1
  7. package/dist/components/ModalForm.vue.d.ts.map +1 -1
  8. package/dist/components/Pill.vue.d.ts.map +1 -1
  9. package/dist/components/Slider.vue.d.ts +4 -4
  10. package/dist/components/Slider.vue.d.ts.map +1 -1
  11. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  12. package/dist/index.cjs +6 -6
  13. package/dist/index.d.ts +1 -0
  14. package/dist/index.d.ts.map +1 -1
  15. package/dist/index.mjs +6 -6
  16. package/dist/style.css +1 -1
  17. package/dist/types/index.d.ts +2 -1
  18. package/dist/types/index.d.ts.map +1 -1
  19. package/dist/utils/elementUtils.d.ts +104 -0
  20. package/dist/utils/elementUtils.d.ts.map +1 -0
  21. package/package.json +1 -1
  22. package/src/components/Avatar.vue +1 -1
  23. package/src/components/Badge.vue +1059 -26
  24. package/src/components/Btn.vue +113 -88
  25. package/src/components/Card.vue +1 -1
  26. package/src/components/Modal.vue +11 -29
  27. package/src/components/ModalForm.vue +8 -24
  28. package/src/components/Pill.vue +203 -8
  29. package/src/components/Slider.vue +2 -2
  30. package/src/components/dataTable/DataTable.vue +1 -1
  31. package/src/components/form/inputs/DatePicker.vue +1 -1
  32. package/src/components/form/inputs/SelectInput.vue +1 -1
  33. package/src/index.ts +1 -0
  34. package/src/styles/appearance.css +202 -1356
  35. package/src/styles/bagel.css +2 -0
  36. package/src/styles/btnColors.css +847 -0
  37. package/src/styles/colors.css +3739 -0
  38. package/src/styles/dark.css +2 -2
  39. package/src/styles/mobileColors.css +3741 -0
  40. package/src/styles/text.css +2294 -783
  41. package/src/styles/theme.css +211 -18
  42. package/src/types/index.ts +46 -11
  43. package/src/utils/elementUtils.ts +531 -0
@@ -0,0 +1,3739 @@
1
+ /* Base Colors */
2
+ .bg-white {
3
+ background: var(--bgl-white) !important;
4
+ }
5
+
6
+ .color-white {
7
+ color: var(--bgl-white) !important;
8
+ }
9
+
10
+ .bg-input-white input,
11
+ .bg-input-white .selectinput-btn {
12
+ background: var(--bgl-white) !important;
13
+ }
14
+
15
+ .border-white {
16
+ border-color: var(--bgl-white) !important;
17
+ }
18
+
19
+ .color-input-white input {
20
+ color: var(--bgl-white) !important;
21
+ }
22
+
23
+ /* Black */
24
+ .bg-black {
25
+ background: var(--bgl-black) !important;
26
+ }
27
+
28
+ .color-black {
29
+ color: var(--bgl-black) !important;
30
+ }
31
+
32
+ .bg-input-black input,
33
+ .bg-input-black .selectinput-btn {
34
+ background: var(--bgl-black) !important;
35
+ }
36
+
37
+ .border-black {
38
+ border-color: var(--bgl-black) !important;
39
+ }
40
+
41
+ .color-input-black input {
42
+ color: var(--bgl-black) !important;
43
+ }
44
+
45
+ /* Black Tint */
46
+ .bg-black-tint {
47
+ background: var(--bgl-black-tint) !important;
48
+ }
49
+
50
+ .color-black-tint {
51
+ color: var(--bgl-black-tint) !important;
52
+ }
53
+
54
+ .bg-input-black-tint input,
55
+ .bg-input-black-tint .selectinput-btn {
56
+ background: var(--bgl-black-tint) !important;
57
+ }
58
+
59
+ .border-black-tint {
60
+ border-color: var(--bgl-black-tint) !important;
61
+ }
62
+
63
+ .color-input-black-tint input {
64
+ color: var(--bgl-black-tint) !important;
65
+ }
66
+
67
+ /* Primary */
68
+ .bg-primary {
69
+ background: var(--bgl-primary) !important;
70
+ }
71
+
72
+ .color-primary {
73
+ color: var(--bgl-primary) !important;
74
+ }
75
+
76
+ .bg-input-primary input,
77
+ .bg-input-primary .selectinput-btn {
78
+ background: var(--bgl-primary) !important;
79
+ }
80
+
81
+ .border-primary {
82
+ border-color: var(--bgl-primary) !important;
83
+ }
84
+
85
+ .color-input-primary input {
86
+ color: var(--bgl-primary) !important;
87
+ }
88
+
89
+ /* Primary Tint */
90
+ .bg-primary-tint {
91
+ background: var(--bgl-primary-tint) !important;
92
+ }
93
+
94
+ .color-primary-tint {
95
+ color: var(--bgl-primary-tint) !important;
96
+ }
97
+
98
+ .bg-input-primary-tint input,
99
+ .bg-input-primary-tint .selectinput-btn {
100
+ background: var(--bgl-primary-tint) !important;
101
+ }
102
+
103
+ .border-primary-tint {
104
+ border-color: var(--bgl-primary-tint) !important;
105
+ }
106
+
107
+ .color-input-primary-tint input {
108
+ color: var(--bgl-primary-tint) !important;
109
+ }
110
+
111
+ /* Primary Light */
112
+ .bg-primary-light {
113
+ background: var(--bgl-primary-light) !important;
114
+ }
115
+
116
+ .color-primary-light {
117
+ color: var(--bgl-primary-light) !important;
118
+ }
119
+
120
+ .bg-input-primary-light input,
121
+ .bg-input-primary-light .selectinput-btn {
122
+ background: var(--bgl-primary-light) !important;
123
+ }
124
+
125
+ .border-primary-light {
126
+ border-color: var(--bgl-primary-light) !important;
127
+ }
128
+
129
+ .color-input-primary-light input {
130
+ color: var(--bgl-primary-light) !important;
131
+ }
132
+
133
+ /* Blue */
134
+ .bg-blue {
135
+ background: var(--bgl-blue) !important;
136
+ }
137
+
138
+ .color-blue {
139
+ color: var(--bgl-blue) !important;
140
+ }
141
+
142
+ .bg-input-blue input,
143
+ .bg-input-blue .selectinput-btn {
144
+ background: var(--bgl-blue) !important;
145
+ }
146
+
147
+ .border-blue {
148
+ border-color: var(--bgl-blue) !important;
149
+ }
150
+
151
+ .color-input-blue input {
152
+ color: var(--bgl-blue) !important;
153
+ }
154
+
155
+ /* Blue Tint */
156
+ .bg-blue-tint {
157
+ background: var(--bgl-blue-tint) !important;
158
+ }
159
+
160
+ .color-blue-tint {
161
+ color: var(--bgl-blue-tint) !important;
162
+ }
163
+
164
+ .bg-input-blue-tint input,
165
+ .bg-input-blue-tint .selectinput-btn {
166
+ background: var(--bgl-blue-tint) !important;
167
+ }
168
+
169
+ .border-blue-tint {
170
+ border-color: var(--bgl-blue-tint) !important;
171
+ }
172
+
173
+ .color-input-blue-tint input {
174
+ color: var(--bgl-blue-tint) !important;
175
+ }
176
+
177
+ /* Blue Dark */
178
+ .bg-blue-dark {
179
+ background: var(--bgl-blue-dark) !important;
180
+ }
181
+
182
+ .color-blue-dark {
183
+ color: var(--bgl-blue-dark) !important;
184
+ }
185
+
186
+ .bg-input-blue-dark input,
187
+ .bg-input-blue-dark .selectinput-btn {
188
+ background: var(--bgl-blue-dark) !important;
189
+ }
190
+
191
+ .border-blue-dark {
192
+ border-color: var(--bgl-blue-dark) !important;
193
+ }
194
+
195
+ .color-input-blue-dark input {
196
+ color: var(--bgl-blue-dark) !important;
197
+ }
198
+
199
+ /* Blue Light */
200
+ .bg-blue-light {
201
+ background: var(--bgl-blue-light) !important;
202
+ }
203
+
204
+ .color-blue-light {
205
+ color: var(--bgl-blue-light) !important;
206
+ }
207
+
208
+ .bg-input-blue-light input,
209
+ .bg-input-blue-light .selectinput-btn {
210
+ background: var(--bgl-blue-light) !important;
211
+ }
212
+
213
+ .border-blue-light {
214
+ border-color: var(--bgl-blue-light) !important;
215
+ }
216
+
217
+ .color-input-blue-light input {
218
+ color: var(--bgl-blue-light) !important;
219
+ }
220
+
221
+ /* Green */
222
+ .bg-green {
223
+ background: var(--bgl-green) !important;
224
+ }
225
+
226
+ .color-green {
227
+ color: var(--bgl-green) !important;
228
+ }
229
+
230
+ .bg-input-green input,
231
+ .bg-input-green .selectinput-btn {
232
+ background: var(--bgl-green) !important;
233
+ }
234
+
235
+ .border-green {
236
+ border-color: var(--bgl-green) !important;
237
+ }
238
+
239
+ .color-input-green input {
240
+ color: var(--bgl-green) !important;
241
+ }
242
+
243
+ /* Green Light */
244
+ .bg-green-light {
245
+ background: var(--bgl-green-light) !important;
246
+ }
247
+
248
+ .color-green-light {
249
+ color: var(--bgl-green-light) !important;
250
+ }
251
+
252
+ .bg-input-green-light input,
253
+ .bg-input-green-light .selectinput-btn {
254
+ background: var(--bgl-green-light) !important;
255
+ }
256
+
257
+ .border-green-light {
258
+ border-color: var(--bgl-green-light) !important;
259
+ }
260
+
261
+ .color-input-green-light input {
262
+ color: var(--bgl-green-light) !important;
263
+ }
264
+
265
+ /* Red */
266
+ .bg-red {
267
+ background: var(--bgl-red) !important;
268
+ }
269
+
270
+ .color-red {
271
+ color: var(--bgl-red) !important;
272
+ }
273
+
274
+ .bg-input-red input,
275
+ .bg-input-red .selectinput-btn {
276
+ background: var(--bgl-red) !important;
277
+ }
278
+
279
+ .border-red {
280
+ border-color: var(--bgl-red) !important;
281
+ }
282
+
283
+ .color-input-red input {
284
+ color: var(--bgl-red) !important;
285
+ }
286
+
287
+ /* Red Tint */
288
+ .bg-red-tint {
289
+ background: var(--bgl-red-tint) !important;
290
+ }
291
+
292
+ .color-red-tint {
293
+ color: var(--bgl-red-tint) !important;
294
+ }
295
+
296
+ .bg-input-red-tint input,
297
+ .bg-input-red-tint .selectinput-btn {
298
+ background: var(--bgl-red-tint) !important;
299
+ }
300
+
301
+ .border-red-tint {
302
+ border-color: var(--bgl-red-tint) !important;
303
+ }
304
+
305
+ .color-input-red-tint input {
306
+ color: var(--bgl-red-tint) !important;
307
+ }
308
+
309
+ /* Red Light */
310
+ .bg-red-light {
311
+ background: var(--bgl-red-light) !important;
312
+ }
313
+
314
+ .color-red-light {
315
+ color: var(--bgl-red-light) !important;
316
+ }
317
+
318
+ .bg-input-red-light input,
319
+ .bg-input-red-light .selectinput-btn {
320
+ background: var(--bgl-red-light) !important;
321
+ }
322
+
323
+ .border-red-light {
324
+ border-color: var(--bgl-red-light) !important;
325
+ }
326
+
327
+ .color-input-red-light input {
328
+ color: var(--bgl-red-light) !important;
329
+ }
330
+
331
+ /* Yellow */
332
+ .bg-yellow {
333
+ background: var(--bgl-yellow) !important;
334
+ }
335
+
336
+ .color-yellow {
337
+ color: var(--bgl-yellow) !important;
338
+ }
339
+
340
+ .bg-input-yellow input,
341
+ .bg-input-yellow .selectinput-btn {
342
+ background: var(--bgl-yellow) !important;
343
+ }
344
+
345
+ .border-yellow {
346
+ border-color: var(--bgl-yellow) !important;
347
+ }
348
+
349
+ .color-input-yellow input {
350
+ color: var(--bgl-yellow) !important;
351
+ }
352
+
353
+ /* Yellow Light */
354
+ .bg-yellow-light {
355
+ background: var(--bgl-yellow-light) !important;
356
+ }
357
+
358
+ .color-yellow-light {
359
+ color: var(--bgl-yellow-light) !important;
360
+ }
361
+
362
+ .bg-input-yellow-light input,
363
+ .bg-input-yellow-light .selectinput-btn {
364
+ background: var(--bgl-yellow-light) !important;
365
+ }
366
+
367
+ .border-yellow-light {
368
+ border-color: var(--bgl-yellow-light) !important;
369
+ }
370
+
371
+ .color-input-yellow-light input {
372
+ color: var(--bgl-yellow-light) !important;
373
+ }
374
+
375
+ /* Purple */
376
+ .bg-purple {
377
+ background: var(--bgl-purple) !important;
378
+ }
379
+
380
+ .color-purple {
381
+ color: var(--bgl-purple) !important;
382
+ }
383
+
384
+ .bg-input-purple input,
385
+ .bg-input-purple .selectinput-btn {
386
+ background: var(--bgl-purple) !important;
387
+ }
388
+
389
+ .border-purple {
390
+ border-color: var(--bgl-purple) !important;
391
+ }
392
+
393
+ .color-input-purple input {
394
+ color: var(--bgl-purple) !important;
395
+ }
396
+
397
+ /* Purple Light */
398
+ .bg-purple-light {
399
+ background: var(--bgl-purple-light) !important;
400
+ }
401
+
402
+ .color-purple-light {
403
+ color: var(--bgl-purple-light) !important;
404
+ }
405
+
406
+ .bg-input-purple-light input,
407
+ .bg-input-purple-light .selectinput-btn {
408
+ background: var(--bgl-purple-light) !important;
409
+ }
410
+
411
+ .border-purple-light {
412
+ border-color: var(--bgl-purple-light) !important;
413
+ }
414
+
415
+ .color-input-purple-light input {
416
+ color: var(--bgl-purple-light) !important;
417
+ }
418
+
419
+ /* Brown */
420
+ .bg-brown {
421
+ background: var(--bgl-brown) !important;
422
+ }
423
+
424
+ .color-brown {
425
+ color: var(--bgl-brown) !important;
426
+ }
427
+
428
+ .bg-input-brown input,
429
+ .bg-input-brown .selectinput-btn {
430
+ background: var(--bgl-brown) !important;
431
+ }
432
+
433
+ .border-brown {
434
+ border-color: var(--bgl-brown) !important;
435
+ }
436
+
437
+ .color-input-brown input {
438
+ color: var(--bgl-brown) !important;
439
+ }
440
+
441
+ /* Brown Light */
442
+ .bg-brown-light {
443
+ background: var(--bgl-brown-light) !important;
444
+ }
445
+
446
+ .color-brown-light {
447
+ color: var(--bgl-brown-light) !important;
448
+ }
449
+
450
+ .bg-input-brown-light input,
451
+ .bg-input-brown-light .selectinput-btn {
452
+ background: var(--bgl-brown-light) !important;
453
+ }
454
+
455
+ .border-brown-light {
456
+ border-color: var(--bgl-brown-light) !important;
457
+ }
458
+
459
+ .color-input-brown-light input {
460
+ color: var(--bgl-brown-light) !important;
461
+ }
462
+
463
+ /* Orange */
464
+ .bg-orange {
465
+ background: var(--bgl-orange) !important;
466
+ }
467
+
468
+ .color-orange {
469
+ color: var(--bgl-orange) !important;
470
+ }
471
+
472
+ .bg-input-orange input,
473
+ .bg-input-orange .selectinput-btn {
474
+ background: var(--bgl-orange) !important;
475
+ }
476
+
477
+ .border-orange {
478
+ border-color: var(--bgl-orange) !important;
479
+ }
480
+
481
+ .color-input-orange input {
482
+ color: var(--bgl-orange) !important;
483
+ }
484
+
485
+ /* Orange Light */
486
+ .bg-orange-light {
487
+ background: var(--bgl-orange-light) !important;
488
+ }
489
+
490
+ .color-orange-light {
491
+ color: var(--bgl-orange-light) !important;
492
+ }
493
+
494
+ .bg-input-orange-light input,
495
+ .bg-input-orange-light .selectinput-btn {
496
+ background: var(--bgl-orange-light) !important;
497
+ }
498
+
499
+ .border-orange-light {
500
+ border-color: var(--bgl-orange-light) !important;
501
+ }
502
+
503
+ .color-input-orange-light input {
504
+ color: var(--bgl-orange-light) !important;
505
+ }
506
+
507
+ /* Turquoise */
508
+ .bg-turquoise {
509
+ background: var(--bgl-turquoise) !important;
510
+ }
511
+
512
+ .color-turquoise {
513
+ color: var(--bgl-turquoise) !important;
514
+ }
515
+
516
+ .bg-input-turquoise input,
517
+ .bg-input-turquoise .selectinput-btn {
518
+ background: var(--bgl-turquoise) !important;
519
+ }
520
+
521
+ .border-turquoise {
522
+ border-color: var(--bgl-turquoise) !important;
523
+ }
524
+
525
+ .color-input-turquoise input {
526
+ color: var(--bgl-turquoise) !important;
527
+ }
528
+
529
+ /* Turquoise Light */
530
+ .bg-turquoise-light {
531
+ background: var(--bgl-turquoise-light) !important;
532
+ }
533
+
534
+ .color-turquoise-light {
535
+ color: var(--bgl-turquoise-light) !important;
536
+ }
537
+
538
+ .bg-input-turquoise-light input,
539
+ .bg-input-turquoise-light .selectinput-btn {
540
+ background: var(--bgl-turquoise-light) !important;
541
+ }
542
+
543
+ .border-turquoise-light {
544
+ border-color: var(--bgl-turquoise-light) !important;
545
+ }
546
+
547
+ .color-input-turquoise-light input {
548
+ color: var(--bgl-turquoise-light) !important;
549
+ }
550
+
551
+ /* Pink */
552
+ .bg-pink {
553
+ background: var(--bgl-pink) !important;
554
+ }
555
+
556
+ .color-pink {
557
+ color: var(--bgl-pink) !important;
558
+ }
559
+
560
+ .bg-input-pink input,
561
+ .bg-input-pink .selectinput-btn {
562
+ background: var(--bgl-pink) !important;
563
+ }
564
+
565
+ .border-pink {
566
+ border-color: var(--bgl-pink) !important;
567
+ }
568
+
569
+ .color-input-pink input {
570
+ color: var(--bgl-pink) !important;
571
+ }
572
+
573
+ /* Pink Light */
574
+ .bg-pink-light {
575
+ background: var(--bgl-pink-light) !important;
576
+ }
577
+
578
+ .color-pink-light {
579
+ color: var(--bgl-pink-light) !important;
580
+ }
581
+
582
+ .bg-input-pink-light input,
583
+ .bg-input-pink-light .selectinput-btn {
584
+ background: var(--bgl-pink-light) !important;
585
+ }
586
+
587
+ .border-pink-light {
588
+ border-color: var(--bgl-pink-light) !important;
589
+ }
590
+
591
+ .color-input-pink-light input {
592
+ color: var(--bgl-pink-light) !important;
593
+ }
594
+
595
+ /* Gray */
596
+ .bg-gray {
597
+ background: var(--bgl-gray) !important;
598
+ }
599
+
600
+ .color-gray {
601
+ color: var(--bgl-gray) !important;
602
+ }
603
+
604
+ .bg-input-gray input,
605
+ .bg-input-gray .selectinput-btn {
606
+ background: var(--bgl-gray) !important;
607
+ }
608
+
609
+ .border-gray {
610
+ border-color: var(--bgl-gray) !important;
611
+ }
612
+
613
+ .color-input-gray input {
614
+ color: var(--bgl-gray) !important;
615
+ }
616
+
617
+ /* Gray Light */
618
+ .bg-gray-light {
619
+ background: var(--bgl-gray-light) !important;
620
+ }
621
+
622
+ .color-gray-light {
623
+ color: var(--bgl-gray-light) !important;
624
+ }
625
+
626
+ .bg-input-gray-light input,
627
+ .bg-input-gray-light .selectinput-btn {
628
+ background: var(--bgl-gray-light) !important;
629
+ }
630
+
631
+ .border-gray-light {
632
+ border-color: var(--bgl-gray-light) !important;
633
+ }
634
+
635
+ .color-input-gray-light input {
636
+ color: var(--bgl-gray-light) !important;
637
+ }
638
+
639
+ /* Gray Tint */
640
+ .bg-gray-tint {
641
+ background: var(--bgl-gray-tint) !important;
642
+ }
643
+
644
+ .color-gray-tint {
645
+ color: var(--bgl-gray-tint) !important;
646
+ }
647
+
648
+ .bg-input-gray-tint input,
649
+ .bg-input-gray-tint .selectinput-btn {
650
+ background: var(--bgl-gray-tint) !important;
651
+ }
652
+
653
+ .border-gray-tint {
654
+ border-color: var(--bgl-gray-tint) !important;
655
+ }
656
+
657
+ .color-input-gray-tint input {
658
+ color: var(--bgl-gray-tint) !important;
659
+ }
660
+
661
+ /* Additional System Colors */
662
+ .bg-bg {
663
+ background: var(--bgl-bg) !important;
664
+ }
665
+
666
+ .color-bg {
667
+ color: var(--bgl-bg) !important;
668
+ }
669
+
670
+ .bg-input-bg input,
671
+ .bg-input-bg .selectinput-btn {
672
+ background: var(--bgl-bg) !important;
673
+ }
674
+
675
+ .border-bg {
676
+ border-color: var(--bgl-bg) !important;
677
+ }
678
+
679
+ .color-input-bg input {
680
+ color: var(--bgl-bg) !important;
681
+ }
682
+
683
+ .bg-popup {
684
+ background: var(--bgl-popup-bg) !important;
685
+ }
686
+
687
+ .color-popup {
688
+ color: var(--bgl-popup-bg) !important;
689
+ }
690
+
691
+ .bg-input-popup input,
692
+ .bg-input-popup .selectinput-btn {
693
+ background: var(--bgl-popup-bg) !important;
694
+ }
695
+
696
+ .border-popup {
697
+ border-color: var(--bgl-popup-bg) !important;
698
+ }
699
+
700
+ .color-input-popup input {
701
+ color: var(--bgl-popup-bg) !important;
702
+ }
703
+
704
+ /* Transparent and Special Colors */
705
+ .bg-transparent {
706
+ background: transparent !important;
707
+ }
708
+
709
+ .bg-input-transparent input,
710
+ .bg-input-transparent .selectinput-btn {
711
+ background: transparent !important;
712
+ }
713
+
714
+ .border-transparent {
715
+ border-color: transparent !important;
716
+ }
717
+
718
+ .color-input-transparent input {
719
+ color: transparent !important;
720
+ }
721
+
722
+ /* Color Variations - 10% */
723
+ .bg-blue-10 {
724
+ background: var(--bgl-blue-10) !important;
725
+ }
726
+
727
+ .color-blue-10 {
728
+ color: var(--bgl-blue-10) !important;
729
+ }
730
+
731
+ .bg-input-blue-10 input,
732
+ .bg-input-blue-10 .selectinput-btn {
733
+ background: var(--bgl-blue-10) !important;
734
+ }
735
+
736
+ .border-blue-10 {
737
+ border-color: var(--bgl-blue-10) !important;
738
+ }
739
+
740
+ .color-input-blue-10 input {
741
+ color: var(--bgl-blue-10) !important;
742
+ }
743
+
744
+ .bg-green-10 {
745
+ background: var(--bgl-green-10) !important;
746
+ }
747
+
748
+ .color-green-10 {
749
+ color: var(--bgl-green-10) !important;
750
+ }
751
+
752
+ .bg-input-green-10 input,
753
+ .bg-input-green-10 .selectinput-btn {
754
+ background: var(--bgl-green-10) !important;
755
+ }
756
+
757
+ .border-green-10 {
758
+ border-color: var(--bgl-green-10) !important;
759
+ }
760
+
761
+ .color-input-green-10 input {
762
+ color: var(--bgl-green-10) !important;
763
+ }
764
+
765
+ .bg-red-10 {
766
+ background: var(--bgl-red-10) !important;
767
+ }
768
+
769
+ .color-red-10 {
770
+ color: var(--bgl-red-10) !important;
771
+ }
772
+
773
+ .bg-input-red-10 input,
774
+ .bg-input-red-10 .selectinput-btn {
775
+ background: var(--bgl-red-10) !important;
776
+ }
777
+
778
+ .border-red-10 {
779
+ border-color: var(--bgl-red-10) !important;
780
+ }
781
+
782
+ .color-input-red-10 input {
783
+ color: var(--bgl-red-10) !important;
784
+ }
785
+
786
+ .bg-yellow-10 {
787
+ background: var(--bgl-yellow-10) !important;
788
+ }
789
+
790
+ .color-yellow-10 {
791
+ color: var(--bgl-yellow-10) !important;
792
+ }
793
+
794
+ .bg-input-yellow-10 input,
795
+ .bg-input-yellow-10 .selectinput-btn {
796
+ background: var(--bgl-yellow-10) !important;
797
+ }
798
+
799
+ .border-yellow-10 {
800
+ border-color: var(--bgl-yellow-10) !important;
801
+ }
802
+
803
+ .color-input-yellow-10 input {
804
+ color: var(--bgl-yellow-10) !important;
805
+ }
806
+
807
+ .bg-purple-10 {
808
+ background: var(--bgl-purple-10) !important;
809
+ }
810
+
811
+ .color-purple-10 {
812
+ color: var(--bgl-purple-10) !important;
813
+ }
814
+
815
+ .bg-input-purple-10 input,
816
+ .bg-input-purple-10 .selectinput-btn {
817
+ background: var(--bgl-purple-10) !important;
818
+ }
819
+
820
+ .border-purple-10 {
821
+ border-color: var(--bgl-purple-10) !important;
822
+ }
823
+
824
+ .color-input-purple-10 input {
825
+ color: var(--bgl-purple-10) !important;
826
+ }
827
+
828
+ .bg-brown-10 {
829
+ background: var(--bgl-brown-10) !important;
830
+ }
831
+
832
+ .color-brown-10 {
833
+ color: var(--bgl-brown-10) !important;
834
+ }
835
+
836
+ .bg-input-brown-10 input,
837
+ .bg-input-brown-10 .selectinput-btn {
838
+ background: var(--bgl-brown-10) !important;
839
+ }
840
+
841
+ .border-brown-10 {
842
+ border-color: var(--bgl-brown-10) !important;
843
+ }
844
+
845
+ .color-input-brown-10 input {
846
+ color: var(--bgl-brown-10) !important;
847
+ }
848
+
849
+ .bg-orange-10 {
850
+ background: var(--bgl-orange-10) !important;
851
+ }
852
+
853
+ .color-orange-10 {
854
+ color: var(--bgl-orange-10) !important;
855
+ }
856
+
857
+ .bg-input-orange-10 input,
858
+ .bg-input-orange-10 .selectinput-btn {
859
+ background: var(--bgl-orange-10) !important;
860
+ }
861
+
862
+ .border-orange-10 {
863
+ border-color: var(--bgl-orange-10) !important;
864
+ }
865
+
866
+ .color-input-orange-10 input {
867
+ color: var(--bgl-orange-10) !important;
868
+ }
869
+
870
+ .bg-turquoise-10 {
871
+ background: var(--bgl-turquoise-10) !important;
872
+ }
873
+
874
+ .color-turquoise-10 {
875
+ color: var(--bgl-turquoise-10) !important;
876
+ }
877
+
878
+ .bg-input-turquoise-10 input,
879
+ .bg-input-turquoise-10 .selectinput-btn {
880
+ background: var(--bgl-turquoise-10) !important;
881
+ }
882
+
883
+ .border-turquoise-10 {
884
+ border-color: var(--bgl-turquoise-10) !important;
885
+ }
886
+
887
+ .color-input-turquoise-10 input {
888
+ color: var(--bgl-turquoise-10) !important;
889
+ }
890
+
891
+ .bg-gray-10 {
892
+ background: var(--bgl-gray-10) !important;
893
+ }
894
+
895
+ .color-gray-10 {
896
+ color: var(--bgl-gray-10) !important;
897
+ }
898
+
899
+ .bg-input-gray-10 input,
900
+ .bg-input-gray-10 .selectinput-btn {
901
+ background: var(--bgl-gray-10) !important;
902
+ }
903
+
904
+ .border-gray-10 {
905
+ border-color: var(--bgl-gray-10) !important;
906
+ }
907
+
908
+ .color-input-gray-10 input {
909
+ color: var(--bgl-gray-10) !important;
910
+ }
911
+
912
+ .bg-black-10 {
913
+ background: var(--bgl-black-10) !important;
914
+ }
915
+
916
+ .color-black-10 {
917
+ color: var(--bgl-black-10) !important;
918
+ }
919
+
920
+ .bg-input-black-10 input,
921
+ .bg-input-black-10 .selectinput-btn {
922
+ background: var(--bgl-black-10) !important;
923
+ }
924
+
925
+ .border-black-10 {
926
+ border-color: var(--bgl-black-10) !important;
927
+ }
928
+
929
+ .color-input-black-10 input {
930
+ color: var(--bgl-black-10) !important;
931
+ }
932
+
933
+ .bg-pink-10 {
934
+ background: var(--bgl-pink-10) !important;
935
+ }
936
+
937
+ .color-pink-10 {
938
+ color: var(--bgl-pink-10) !important;
939
+ }
940
+
941
+ .bg-input-pink-10 input,
942
+ .bg-input-pink-10 .selectinput-btn {
943
+ background: var(--bgl-pink-10) !important;
944
+ }
945
+
946
+ .border-pink-10 {
947
+ border-color: var(--bgl-pink-10) !important;
948
+ }
949
+
950
+ .color-input-pink-10 input {
951
+ color: var(--bgl-pink-10) !important;
952
+ }
953
+
954
+ /* Color Variations - 20% */
955
+ .bg-blue-20 {
956
+ background: var(--bgl-blue-20) !important;
957
+ }
958
+
959
+ .color-blue-20 {
960
+ color: var(--bgl-blue-20) !important;
961
+ }
962
+
963
+ .bg-input-blue-20 input,
964
+ .bg-input-blue-20 .selectinput-btn {
965
+ background: var(--bgl-blue-20) !important;
966
+ }
967
+
968
+ .border-blue-20 {
969
+ border-color: var(--bgl-blue-20) !important;
970
+ }
971
+
972
+ .color-input-blue-20 input {
973
+ color: var(--bgl-blue-20) !important;
974
+ }
975
+
976
+ .bg-green-20 {
977
+ background: var(--bgl-green-20) !important;
978
+ }
979
+
980
+ .color-green-20 {
981
+ color: var(--bgl-green-20) !important;
982
+ }
983
+
984
+ .bg-input-green-20 input,
985
+ .bg-input-green-20 .selectinput-btn {
986
+ background: var(--bgl-green-20) !important;
987
+ }
988
+
989
+ .border-green-20 {
990
+ border-color: var(--bgl-green-20) !important;
991
+ }
992
+
993
+ .color-input-green-20 input {
994
+ color: var(--bgl-green-20) !important;
995
+ }
996
+
997
+ .bg-red-20 {
998
+ background: var(--bgl-red-20) !important;
999
+ }
1000
+
1001
+ .color-red-20 {
1002
+ color: var(--bgl-red-20) !important;
1003
+ }
1004
+
1005
+ .bg-input-red-20 input,
1006
+ .bg-input-red-20 .selectinput-btn {
1007
+ background: var(--bgl-red-20) !important;
1008
+ }
1009
+
1010
+ .border-red-20 {
1011
+ border-color: var(--bgl-red-20) !important;
1012
+ }
1013
+
1014
+ .color-input-red-20 input {
1015
+ color: var(--bgl-red-20) !important;
1016
+ }
1017
+
1018
+ .bg-yellow-20 {
1019
+ background: var(--bgl-yellow-20) !important;
1020
+ }
1021
+
1022
+ .color-yellow-20 {
1023
+ color: var(--bgl-yellow-20) !important;
1024
+ }
1025
+
1026
+ .bg-input-yellow-20 input,
1027
+ .bg-input-yellow-20 .selectinput-btn {
1028
+ background: var(--bgl-yellow-20) !important;
1029
+ }
1030
+
1031
+ .border-yellow-20 {
1032
+ border-color: var(--bgl-yellow-20) !important;
1033
+ }
1034
+
1035
+ .color-input-yellow-20 input {
1036
+ color: var(--bgl-yellow-20) !important;
1037
+ }
1038
+
1039
+ .bg-purple-20 {
1040
+ background: var(--bgl-purple-20) !important;
1041
+ }
1042
+
1043
+ .color-purple-20 {
1044
+ color: var(--bgl-purple-20) !important;
1045
+ }
1046
+
1047
+ .bg-input-purple-20 input,
1048
+ .bg-input-purple-20 .selectinput-btn {
1049
+ background: var(--bgl-purple-20) !important;
1050
+ }
1051
+
1052
+ .border-purple-20 {
1053
+ border-color: var(--bgl-purple-20) !important;
1054
+ }
1055
+
1056
+ .color-input-purple-20 input {
1057
+ color: var(--bgl-purple-20) !important;
1058
+ }
1059
+
1060
+ .bg-brown-20 {
1061
+ background: var(--bgl-brown-20) !important;
1062
+ }
1063
+
1064
+ .color-brown-20 {
1065
+ color: var(--bgl-brown-20) !important;
1066
+ }
1067
+
1068
+ .bg-input-brown-20 input,
1069
+ .bg-input-brown-20 .selectinput-btn {
1070
+ background: var(--bgl-brown-20) !important;
1071
+ }
1072
+
1073
+ .border-brown-20 {
1074
+ border-color: var(--bgl-brown-20) !important;
1075
+ }
1076
+
1077
+ .color-input-brown-20 input {
1078
+ color: var(--bgl-brown-20) !important;
1079
+ }
1080
+
1081
+ .bg-orange-20 {
1082
+ background: var(--bgl-orange-20) !important;
1083
+ }
1084
+
1085
+ .color-orange-20 {
1086
+ color: var(--bgl-orange-20) !important;
1087
+ }
1088
+
1089
+ .bg-input-orange-20 input,
1090
+ .bg-input-orange-20 .selectinput-btn {
1091
+ background: var(--bgl-orange-20) !important;
1092
+ }
1093
+
1094
+ .border-orange-20 {
1095
+ border-color: var(--bgl-orange-20) !important;
1096
+ }
1097
+
1098
+ .color-input-orange-20 input {
1099
+ color: var(--bgl-orange-20) !important;
1100
+ }
1101
+
1102
+ .bg-turquoise-20 {
1103
+ background: var(--bgl-turquoise-20) !important;
1104
+ }
1105
+
1106
+ .color-turquoise-20 {
1107
+ color: var(--bgl-turquoise-20) !important;
1108
+ }
1109
+
1110
+ .bg-input-turquoise-20 input,
1111
+ .bg-input-turquoise-20 .selectinput-btn {
1112
+ background: var(--bgl-turquoise-20) !important;
1113
+ }
1114
+
1115
+ .border-turquoise-20 {
1116
+ border-color: var(--bgl-turquoise-20) !important;
1117
+ }
1118
+
1119
+ .color-input-turquoise-20 input {
1120
+ color: var(--bgl-turquoise-20) !important;
1121
+ }
1122
+
1123
+ .bg-gray-20 {
1124
+ background: var(--bgl-gray-20) !important;
1125
+ }
1126
+
1127
+ .color-gray-20 {
1128
+ color: var(--bgl-gray-20) !important;
1129
+ }
1130
+
1131
+ .bg-input-gray-20 input,
1132
+ .bg-input-gray-20 .selectinput-btn {
1133
+ background: var(--bgl-gray-20) !important;
1134
+ }
1135
+
1136
+ .border-gray-20 {
1137
+ border-color: var(--bgl-gray-20) !important;
1138
+ }
1139
+
1140
+ .color-input-gray-20 input {
1141
+ color: var(--bgl-gray-20) !important;
1142
+ }
1143
+
1144
+ .bg-black-20 {
1145
+ background: var(--bgl-black-20) !important;
1146
+ }
1147
+
1148
+ .color-black-20 {
1149
+ color: var(--bgl-black-20) !important;
1150
+ }
1151
+
1152
+ .bg-input-black-20 input,
1153
+ .bg-input-black-20 .selectinput-btn {
1154
+ background: var(--bgl-black-20) !important;
1155
+ }
1156
+
1157
+ .border-black-20 {
1158
+ border-color: var(--bgl-black-20) !important;
1159
+ }
1160
+
1161
+ .color-input-black-20 input {
1162
+ color: var(--bgl-black-20) !important;
1163
+ }
1164
+
1165
+ .bg-pink-20 {
1166
+ background: var(--bgl-pink-20) !important;
1167
+ }
1168
+
1169
+ .color-pink-20 {
1170
+ color: var(--bgl-pink-20) !important;
1171
+ }
1172
+
1173
+ .bg-input-pink-20 input,
1174
+ .bg-input-pink-20 .selectinput-btn {
1175
+ background: var(--bgl-pink-20) !important;
1176
+ }
1177
+
1178
+ .border-pink-20 {
1179
+ border-color: var(--bgl-pink-20) !important;
1180
+ }
1181
+
1182
+ .color-input-pink-20 input {
1183
+ color: var(--bgl-pink-20) !important;
1184
+ }
1185
+
1186
+ /* Color Variations - 30% */
1187
+ .bg-blue-30 {
1188
+ background: var(--bgl-blue-30) !important;
1189
+ }
1190
+
1191
+ .color-blue-30 {
1192
+ color: var(--bgl-blue-30) !important;
1193
+ }
1194
+
1195
+ .bg-input-blue-30 input,
1196
+ .bg-input-blue-30 .selectinput-btn {
1197
+ background: var(--bgl-blue-30) !important;
1198
+ }
1199
+
1200
+ .border-blue-30 {
1201
+ border-color: var(--bgl-blue-30) !important;
1202
+ }
1203
+
1204
+ .color-input-blue-30 input {
1205
+ color: var(--bgl-blue-30) !important;
1206
+ }
1207
+
1208
+ .bg-green-30 {
1209
+ background: var(--bgl-green-30) !important;
1210
+ }
1211
+
1212
+ .color-green-30 {
1213
+ color: var(--bgl-green-30) !important;
1214
+ }
1215
+
1216
+ .bg-input-green-30 input,
1217
+ .bg-input-green-30 .selectinput-btn {
1218
+ background: var(--bgl-green-30) !important;
1219
+ }
1220
+
1221
+ .border-green-30 {
1222
+ border-color: var(--bgl-green-30) !important;
1223
+ }
1224
+
1225
+ .color-input-green-30 input {
1226
+ color: var(--bgl-green-30) !important;
1227
+ }
1228
+
1229
+ .bg-red-30 {
1230
+ background: var(--bgl-red-30) !important;
1231
+ }
1232
+
1233
+ .color-red-30 {
1234
+ color: var(--bgl-red-30) !important;
1235
+ }
1236
+
1237
+ .bg-input-red-30 input,
1238
+ .bg-input-red-30 .selectinput-btn {
1239
+ background: var(--bgl-red-30) !important;
1240
+ }
1241
+
1242
+ .border-red-30 {
1243
+ border-color: var(--bgl-red-30) !important;
1244
+ }
1245
+
1246
+ .color-input-red-30 input {
1247
+ color: var(--bgl-red-30) !important;
1248
+ }
1249
+
1250
+ .bg-yellow-30 {
1251
+ background: var(--bgl-yellow-30) !important;
1252
+ }
1253
+
1254
+ .color-yellow-30 {
1255
+ color: var(--bgl-yellow-30) !important;
1256
+ }
1257
+
1258
+ .bg-input-yellow-30 input,
1259
+ .bg-input-yellow-30 .selectinput-btn {
1260
+ background: var(--bgl-yellow-30) !important;
1261
+ }
1262
+
1263
+ .border-yellow-30 {
1264
+ border-color: var(--bgl-yellow-30) !important;
1265
+ }
1266
+
1267
+ .color-input-yellow-30 input {
1268
+ color: var(--bgl-yellow-30) !important;
1269
+ }
1270
+
1271
+ .bg-purple-30 {
1272
+ background: var(--bgl-purple-30) !important;
1273
+ }
1274
+
1275
+ .color-purple-30 {
1276
+ color: var(--bgl-purple-30) !important;
1277
+ }
1278
+
1279
+ .bg-input-purple-30 input,
1280
+ .bg-input-purple-30 .selectinput-btn {
1281
+ background: var(--bgl-purple-30) !important;
1282
+ }
1283
+
1284
+ .border-purple-30 {
1285
+ border-color: var(--bgl-purple-30) !important;
1286
+ }
1287
+
1288
+ .color-input-purple-30 input {
1289
+ color: var(--bgl-purple-30) !important;
1290
+ }
1291
+
1292
+ .bg-brown-30 {
1293
+ background: var(--bgl-brown-30) !important;
1294
+ }
1295
+
1296
+ .color-brown-30 {
1297
+ color: var(--bgl-brown-30) !important;
1298
+ }
1299
+
1300
+ .bg-input-brown-30 input,
1301
+ .bg-input-brown-30 .selectinput-btn {
1302
+ background: var(--bgl-brown-30) !important;
1303
+ }
1304
+
1305
+ .border-brown-30 {
1306
+ border-color: var(--bgl-brown-30) !important;
1307
+ }
1308
+
1309
+ .color-input-brown-30 input {
1310
+ color: var(--bgl-brown-30) !important;
1311
+ }
1312
+
1313
+ .bg-orange-30 {
1314
+ background: var(--bgl-orange-30) !important;
1315
+ }
1316
+
1317
+ .color-orange-30 {
1318
+ color: var(--bgl-orange-30) !important;
1319
+ }
1320
+
1321
+ .bg-input-orange-30 input,
1322
+ .bg-input-orange-30 .selectinput-btn {
1323
+ background: var(--bgl-orange-30) !important;
1324
+ }
1325
+
1326
+ .border-orange-30 {
1327
+ border-color: var(--bgl-orange-30) !important;
1328
+ }
1329
+
1330
+ .color-input-orange-30 input {
1331
+ color: var(--bgl-orange-30) !important;
1332
+ }
1333
+
1334
+ .bg-turquoise-30 {
1335
+ background: var(--bgl-turquoise-30) !important;
1336
+ }
1337
+
1338
+ .color-turquoise-30 {
1339
+ color: var(--bgl-turquoise-30) !important;
1340
+ }
1341
+
1342
+ .bg-input-turquoise-30 input,
1343
+ .bg-input-turquoise-30 .selectinput-btn {
1344
+ background: var(--bgl-turquoise-30) !important;
1345
+ }
1346
+
1347
+ .border-turquoise-30 {
1348
+ border-color: var(--bgl-turquoise-30) !important;
1349
+ }
1350
+
1351
+ .color-input-turquoise-30 input {
1352
+ color: var(--bgl-turquoise-30) !important;
1353
+ }
1354
+
1355
+ .bg-gray-30 {
1356
+ background: var(--bgl-gray-30) !important;
1357
+ }
1358
+
1359
+ .color-gray-30 {
1360
+ color: var(--bgl-gray-30) !important;
1361
+ }
1362
+
1363
+ .bg-input-gray-30 input,
1364
+ .bg-input-gray-30 .selectinput-btn {
1365
+ background: var(--bgl-gray-30) !important;
1366
+ }
1367
+
1368
+ .border-gray-30 {
1369
+ border-color: var(--bgl-gray-30) !important;
1370
+ }
1371
+
1372
+ .color-input-gray-30 input {
1373
+ color: var(--bgl-gray-30) !important;
1374
+ }
1375
+
1376
+ .bg-black-30 {
1377
+ background: var(--bgl-black-30) !important;
1378
+ }
1379
+
1380
+ .color-black-30 {
1381
+ color: var(--bgl-black-30) !important;
1382
+ }
1383
+
1384
+ .bg-input-black-30 input,
1385
+ .bg-input-black-30 .selectinput-btn {
1386
+ background: var(--bgl-black-30) !important;
1387
+ }
1388
+
1389
+ .border-black-30 {
1390
+ border-color: var(--bgl-black-30) !important;
1391
+ }
1392
+
1393
+ .color-input-black-30 input {
1394
+ color: var(--bgl-black-30) !important;
1395
+ }
1396
+
1397
+ .bg-pink-30 {
1398
+ background: var(--bgl-pink-30) !important;
1399
+ }
1400
+
1401
+ .color-pink-30 {
1402
+ color: var(--bgl-pink-30) !important;
1403
+ }
1404
+
1405
+ .bg-input-pink-30 input,
1406
+ .bg-input-pink-30 .selectinput-btn {
1407
+ background: var(--bgl-pink-30) !important;
1408
+ }
1409
+
1410
+ .border-pink-30 {
1411
+ border-color: var(--bgl-pink-30) !important;
1412
+ }
1413
+
1414
+ .color-input-pink-30 input {
1415
+ color: var(--bgl-pink-30) !important;
1416
+ }
1417
+
1418
+ /* Color Variations - 40% & 50% */
1419
+ /* 40% */
1420
+ .bg-blue-40 {
1421
+ background: var(--bgl-blue-40) !important;
1422
+ }
1423
+
1424
+ .color-blue-40 {
1425
+ color: var(--bgl-blue-40) !important;
1426
+ }
1427
+
1428
+ .bg-input-blue-40 input,
1429
+ .bg-input-blue-40 .selectinput-btn {
1430
+ background: var(--bgl-blue-40) !important;
1431
+ }
1432
+
1433
+ .border-blue-40 {
1434
+ border-color: var(--bgl-blue-40) !important;
1435
+ }
1436
+
1437
+ .color-input-blue-40 input {
1438
+ color: var(--bgl-blue-40) !important;
1439
+ }
1440
+
1441
+ .bg-green-40 {
1442
+ background: var(--bgl-green-40) !important;
1443
+ }
1444
+
1445
+ .color-green-40 {
1446
+ color: var(--bgl-green-40) !important;
1447
+ }
1448
+
1449
+ .bg-input-green-40 input,
1450
+ .bg-input-green-40 .selectinput-btn {
1451
+ background: var(--bgl-green-40) !important;
1452
+ }
1453
+
1454
+ .border-green-40 {
1455
+ border-color: var(--bgl-green-40) !important;
1456
+ }
1457
+
1458
+ .color-input-green-40 input {
1459
+ color: var(--bgl-green-40) !important;
1460
+ }
1461
+
1462
+ .bg-red-40 {
1463
+ background: var(--bgl-red-40) !important;
1464
+ }
1465
+
1466
+ .color-red-40 {
1467
+ color: var(--bgl-red-40) !important;
1468
+ }
1469
+
1470
+ .bg-input-red-40 input,
1471
+ .bg-input-red-40 .selectinput-btn {
1472
+ background: var(--bgl-red-40) !important;
1473
+ }
1474
+
1475
+ .border-red-40 {
1476
+ border-color: var(--bgl-red-40) !important;
1477
+ }
1478
+
1479
+ .color-input-red-40 input {
1480
+ color: var(--bgl-red-40) !important;
1481
+ }
1482
+
1483
+ .bg-yellow-40 {
1484
+ background: var(--bgl-yellow-40) !important;
1485
+ }
1486
+
1487
+ .color-yellow-40 {
1488
+ color: var(--bgl-yellow-40) !important;
1489
+ }
1490
+
1491
+ .bg-input-yellow-40 input,
1492
+ .bg-input-yellow-40 .selectinput-btn {
1493
+ background: var(--bgl-yellow-40) !important;
1494
+ }
1495
+
1496
+ .border-yellow-40 {
1497
+ border-color: var(--bgl-yellow-40) !important;
1498
+ }
1499
+
1500
+ .color-input-yellow-40 input {
1501
+ color: var(--bgl-yellow-40) !important;
1502
+ }
1503
+
1504
+ .bg-purple-40 {
1505
+ background: var(--bgl-purple-40) !important;
1506
+ }
1507
+
1508
+ .color-purple-40 {
1509
+ color: var(--bgl-purple-40) !important;
1510
+ }
1511
+
1512
+ .bg-input-purple-40 input,
1513
+ .bg-input-purple-40 .selectinput-btn {
1514
+ background: var(--bgl-purple-40) !important;
1515
+ }
1516
+
1517
+ .border-purple-40 {
1518
+ border-color: var(--bgl-purple-40) !important;
1519
+ }
1520
+
1521
+ .color-input-purple-40 input {
1522
+ color: var(--bgl-purple-40) !important;
1523
+ }
1524
+
1525
+ .bg-brown-40 {
1526
+ background: var(--bgl-brown-40) !important;
1527
+ }
1528
+
1529
+ .color-brown-40 {
1530
+ color: var(--bgl-brown-40) !important;
1531
+ }
1532
+
1533
+ .bg-input-brown-40 input,
1534
+ .bg-input-brown-40 .selectinput-btn {
1535
+ background: var(--bgl-brown-40) !important;
1536
+ }
1537
+
1538
+ .border-brown-40 {
1539
+ border-color: var(--bgl-brown-40) !important;
1540
+ }
1541
+
1542
+ .color-input-brown-40 input {
1543
+ color: var(--bgl-brown-40) !important;
1544
+ }
1545
+
1546
+ .bg-orange-40 {
1547
+ background: var(--bgl-orange-40) !important;
1548
+ }
1549
+
1550
+ .color-orange-40 {
1551
+ color: var(--bgl-orange-40) !important;
1552
+ }
1553
+
1554
+ .bg-input-orange-40 input,
1555
+ .bg-input-orange-40 .selectinput-btn {
1556
+ background: var(--bgl-orange-40) !important;
1557
+ }
1558
+
1559
+ .border-orange-40 {
1560
+ border-color: var(--bgl-orange-40) !important;
1561
+ }
1562
+
1563
+ .color-input-orange-40 input {
1564
+ color: var(--bgl-orange-40) !important;
1565
+ }
1566
+
1567
+ .bg-turquoise-40 {
1568
+ background: var(--bgl-turquoise-40) !important;
1569
+ }
1570
+
1571
+ .color-turquoise-40 {
1572
+ color: var(--bgl-turquoise-40) !important;
1573
+ }
1574
+
1575
+ .bg-input-turquoise-40 input,
1576
+ .bg-input-turquoise-40 .selectinput-btn {
1577
+ background: var(--bgl-turquoise-40) !important;
1578
+ }
1579
+
1580
+ .border-turquoise-40 {
1581
+ border-color: var(--bgl-turquoise-40) !important;
1582
+ }
1583
+
1584
+ .color-input-turquoise-40 input {
1585
+ color: var(--bgl-turquoise-40) !important;
1586
+ }
1587
+
1588
+ .bg-gray-40 {
1589
+ background: var(--bgl-gray-40) !important;
1590
+ }
1591
+
1592
+ .color-gray-40 {
1593
+ color: var(--bgl-gray-40) !important;
1594
+ }
1595
+
1596
+ .bg-input-gray-40 input,
1597
+ .bg-input-gray-40 .selectinput-btn {
1598
+ background: var(--bgl-gray-40) !important;
1599
+ }
1600
+
1601
+ .border-gray-40 {
1602
+ border-color: var(--bgl-gray-40) !important;
1603
+ }
1604
+
1605
+ .color-input-gray-40 input {
1606
+ color: var(--bgl-gray-40) !important;
1607
+ }
1608
+
1609
+ .bg-black-40 {
1610
+ background: var(--bgl-black-40) !important;
1611
+ }
1612
+
1613
+ .color-black-40 {
1614
+ color: var(--bgl-black-40) !important;
1615
+ }
1616
+
1617
+ .bg-input-black-40 input,
1618
+ .bg-input-black-40 .selectinput-btn {
1619
+ background: var(--bgl-black-40) !important;
1620
+ }
1621
+
1622
+ .border-black-40 {
1623
+ border-color: var(--bgl-black-40) !important;
1624
+ }
1625
+
1626
+ .color-input-black-40 input {
1627
+ color: var(--bgl-black-40) !important;
1628
+ }
1629
+
1630
+ .bg-pink-40 {
1631
+ background: var(--bgl-pink-40) !important;
1632
+ }
1633
+
1634
+ .color-pink-40 {
1635
+ color: var(--bgl-pink-40) !important;
1636
+ }
1637
+
1638
+ .bg-input-pink-40 input,
1639
+ .bg-input-pink-40 .selectinput-btn {
1640
+ background: var(--bgl-pink-40) !important;
1641
+ }
1642
+
1643
+ .border-pink-40 {
1644
+ border-color: var(--bgl-pink-40) !important;
1645
+ }
1646
+
1647
+ .color-input-pink-40 input {
1648
+ color: var(--bgl-pink-40) !important;
1649
+ }
1650
+
1651
+ /* 50% */
1652
+ .bg-blue-50 {
1653
+ background: var(--bgl-blue-50) !important;
1654
+ }
1655
+
1656
+ .color-blue-50 {
1657
+ color: var(--bgl-blue-50) !important;
1658
+ }
1659
+
1660
+ .bg-input-blue-50 input,
1661
+ .bg-input-blue-50 .selectinput-btn {
1662
+ background: var(--bgl-blue-50) !important;
1663
+ }
1664
+
1665
+ .border-blue-50 {
1666
+ border-color: var(--bgl-blue-50) !important;
1667
+ }
1668
+
1669
+ .color-input-blue-50 input {
1670
+ color: var(--bgl-blue-50) !important;
1671
+ }
1672
+
1673
+ .bg-green-50 {
1674
+ background: var(--bgl-green-50) !important;
1675
+ }
1676
+
1677
+ .color-green-50 {
1678
+ color: var(--bgl-green-50) !important;
1679
+ }
1680
+
1681
+ .bg-input-green-50 input,
1682
+ .bg-input-green-50 .selectinput-btn {
1683
+ background: var(--bgl-green-50) !important;
1684
+ }
1685
+
1686
+ .border-green-50 {
1687
+ border-color: var(--bgl-green-50) !important;
1688
+ }
1689
+
1690
+ .color-input-green-50 input {
1691
+ color: var(--bgl-green-50) !important;
1692
+ }
1693
+
1694
+ .bg-red-50 {
1695
+ background: var(--bgl-red-50) !important;
1696
+ }
1697
+
1698
+ .color-red-50 {
1699
+ color: var(--bgl-red-50) !important;
1700
+ }
1701
+
1702
+ .bg-input-red-50 input,
1703
+ .bg-input-red-50 .selectinput-btn {
1704
+ background: var(--bgl-red-50) !important;
1705
+ }
1706
+
1707
+ .border-red-50 {
1708
+ border-color: var(--bgl-red-50) !important;
1709
+ }
1710
+
1711
+ .color-input-red-50 input {
1712
+ color: var(--bgl-red-50) !important;
1713
+ }
1714
+
1715
+ .bg-yellow-50 {
1716
+ background: var(--bgl-yellow-50) !important;
1717
+ }
1718
+
1719
+ .color-yellow-50 {
1720
+ color: var(--bgl-yellow-50) !important;
1721
+ }
1722
+
1723
+ .bg-input-yellow-50 input,
1724
+ .bg-input-yellow-50 .selectinput-btn {
1725
+ background: var(--bgl-yellow-50) !important;
1726
+ }
1727
+
1728
+ .border-yellow-50 {
1729
+ border-color: var(--bgl-yellow-50) !important;
1730
+ }
1731
+
1732
+ .color-input-yellow-50 input {
1733
+ color: var(--bgl-yellow-50) !important;
1734
+ }
1735
+
1736
+ .bg-purple-50 {
1737
+ background: var(--bgl-purple-50) !important;
1738
+ }
1739
+
1740
+ .color-purple-50 {
1741
+ color: var(--bgl-purple-50) !important;
1742
+ }
1743
+
1744
+ .bg-input-purple-50 input,
1745
+ .bg-input-purple-50 .selectinput-btn {
1746
+ background: var(--bgl-purple-50) !important;
1747
+ }
1748
+
1749
+ .border-purple-50 {
1750
+ border-color: var(--bgl-purple-50) !important;
1751
+ }
1752
+
1753
+ .color-input-purple-50 input {
1754
+ color: var(--bgl-purple-50) !important;
1755
+ }
1756
+
1757
+ .bg-brown-50 {
1758
+ background: var(--bgl-brown-50) !important;
1759
+ }
1760
+
1761
+ .color-brown-50 {
1762
+ color: var(--bgl-brown-50) !important;
1763
+ }
1764
+
1765
+ .bg-input-brown-50 input,
1766
+ .bg-input-brown-50 .selectinput-btn {
1767
+ background: var(--bgl-brown-50) !important;
1768
+ }
1769
+
1770
+ .border-brown-50 {
1771
+ border-color: var(--bgl-brown-50) !important;
1772
+ }
1773
+
1774
+ .color-input-brown-50 input {
1775
+ color: var(--bgl-brown-50) !important;
1776
+ }
1777
+
1778
+ .bg-orange-50 {
1779
+ background: var(--bgl-orange-50) !important;
1780
+ }
1781
+
1782
+ .color-orange-50 {
1783
+ color: var(--bgl-orange-50) !important;
1784
+ }
1785
+
1786
+ .bg-input-orange-50 input,
1787
+ .bg-input-orange-50 .selectinput-btn {
1788
+ background: var(--bgl-orange-50) !important;
1789
+ }
1790
+
1791
+ .border-orange-50 {
1792
+ border-color: var(--bgl-orange-50) !important;
1793
+ }
1794
+
1795
+ .color-input-orange-50 input {
1796
+ color: var(--bgl-orange-50) !important;
1797
+ }
1798
+
1799
+ .bg-turquoise-50 {
1800
+ background: var(--bgl-turquoise-50) !important;
1801
+ }
1802
+
1803
+ .color-turquoise-50 {
1804
+ color: var(--bgl-turquoise-50) !important;
1805
+ }
1806
+
1807
+ .bg-input-turquoise-50 input,
1808
+ .bg-input-turquoise-50 .selectinput-btn {
1809
+ background: var(--bgl-turquoise-50) !important;
1810
+ }
1811
+
1812
+ .border-turquoise-50 {
1813
+ border-color: var(--bgl-turquoise-50) !important;
1814
+ }
1815
+
1816
+ .color-input-turquoise-50 input {
1817
+ color: var(--bgl-turquoise-50) !important;
1818
+ }
1819
+
1820
+ .bg-gray-50 {
1821
+ background: var(--bgl-gray-50) !important;
1822
+ }
1823
+
1824
+ .color-gray-50 {
1825
+ color: var(--bgl-gray-50) !important;
1826
+ }
1827
+
1828
+ .bg-input-gray-50 input,
1829
+ .bg-input-gray-50 .selectinput-btn {
1830
+ background: var(--bgl-gray-50) !important;
1831
+ }
1832
+
1833
+ .border-gray-50 {
1834
+ border-color: var(--bgl-gray-50) !important;
1835
+ }
1836
+
1837
+ .color-input-gray-50 input {
1838
+ color: var(--bgl-gray-50) !important;
1839
+ }
1840
+
1841
+ .bg-black-50 {
1842
+ background: var(--bgl-black-50) !important;
1843
+ }
1844
+
1845
+ .color-black-50 {
1846
+ color: var(--bgl-black-50) !important;
1847
+ }
1848
+
1849
+ .bg-input-black-50 input,
1850
+ .bg-input-black-50 .selectinput-btn {
1851
+ background: var(--bgl-black-50) !important;
1852
+ }
1853
+
1854
+ .border-black-50 {
1855
+ border-color: var(--bgl-black-50) !important;
1856
+ }
1857
+
1858
+ .color-input-black-50 input {
1859
+ color: var(--bgl-black-50) !important;
1860
+ }
1861
+
1862
+ .bg-pink-50 {
1863
+ background: var(--bgl-pink-50) !important;
1864
+ }
1865
+
1866
+ .color-pink-50 {
1867
+ color: var(--bgl-pink-50) !important;
1868
+ }
1869
+
1870
+ .bg-input-pink-50 input,
1871
+ .bg-input-pink-50 .selectinput-btn {
1872
+ background: var(--bgl-pink-50) !important;
1873
+ }
1874
+
1875
+ .border-pink-50 {
1876
+ border-color: var(--bgl-pink-50) !important;
1877
+ }
1878
+
1879
+ .color-input-pink-50 input {
1880
+ color: var(--bgl-pink-50) !important;
1881
+ }
1882
+
1883
+ /* Color Variations - 60%, 70%, 80%, 90% */
1884
+ /* 60% */
1885
+ .bg-blue-60 {
1886
+ background: var(--bgl-blue-60) !important;
1887
+ }
1888
+
1889
+ .color-blue-60 {
1890
+ color: var(--bgl-blue-60) !important;
1891
+ }
1892
+
1893
+ .bg-input-blue-60 input,
1894
+ .bg-input-blue-60 .selectinput-btn {
1895
+ background: var(--bgl-blue-60) !important;
1896
+ }
1897
+
1898
+ .border-blue-60 {
1899
+ border-color: var(--bgl-blue-60) !important;
1900
+ }
1901
+
1902
+ .color-input-blue-60 input {
1903
+ color: var(--bgl-blue-60) !important;
1904
+ }
1905
+
1906
+ .bg-green-60 {
1907
+ background: var(--bgl-green-60) !important;
1908
+ }
1909
+
1910
+ .color-green-60 {
1911
+ color: var(--bgl-green-60) !important;
1912
+ }
1913
+
1914
+ .bg-input-green-60 input,
1915
+ .bg-input-green-60 .selectinput-btn {
1916
+ background: var(--bgl-green-60) !important;
1917
+ }
1918
+
1919
+ .border-green-60 {
1920
+ border-color: var(--bgl-green-60) !important;
1921
+ }
1922
+
1923
+ .color-input-green-60 input {
1924
+ color: var(--bgl-green-60) !important;
1925
+ }
1926
+
1927
+ .bg-red-60 {
1928
+ background: var(--bgl-red-60) !important;
1929
+ }
1930
+
1931
+ .color-red-60 {
1932
+ color: var(--bgl-red-60) !important;
1933
+ }
1934
+
1935
+ .bg-input-red-60 input,
1936
+ .bg-input-red-60 .selectinput-btn {
1937
+ background: var(--bgl-red-60) !important;
1938
+ }
1939
+
1940
+ .border-red-60 {
1941
+ border-color: var(--bgl-red-60) !important;
1942
+ }
1943
+
1944
+ .color-input-red-60 input {
1945
+ color: var(--bgl-red-60) !important;
1946
+ }
1947
+
1948
+ .bg-yellow-60 {
1949
+ background: var(--bgl-yellow-60) !important;
1950
+ }
1951
+
1952
+ .color-yellow-60 {
1953
+ color: var(--bgl-yellow-60) !important;
1954
+ }
1955
+
1956
+ .bg-input-yellow-60 input,
1957
+ .bg-input-yellow-60 .selectinput-btn {
1958
+ background: var(--bgl-yellow-60) !important;
1959
+ }
1960
+
1961
+ .border-yellow-60 {
1962
+ border-color: var(--bgl-yellow-60) !important;
1963
+ }
1964
+
1965
+ .color-input-yellow-60 input {
1966
+ color: var(--bgl-yellow-60) !important;
1967
+ }
1968
+
1969
+ .bg-purple-60 {
1970
+ background: var(--bgl-purple-60) !important;
1971
+ }
1972
+
1973
+ .color-purple-60 {
1974
+ color: var(--bgl-purple-60) !important;
1975
+ }
1976
+
1977
+ .bg-input-purple-60 input,
1978
+ .bg-input-purple-60 .selectinput-btn {
1979
+ background: var(--bgl-purple-60) !important;
1980
+ }
1981
+
1982
+ .border-purple-60 {
1983
+ border-color: var(--bgl-purple-60) !important;
1984
+ }
1985
+
1986
+ .color-input-purple-60 input {
1987
+ color: var(--bgl-purple-60) !important;
1988
+ }
1989
+
1990
+ .bg-brown-60 {
1991
+ background: var(--bgl-brown-60) !important;
1992
+ }
1993
+
1994
+ .color-brown-60 {
1995
+ color: var(--bgl-brown-60) !important;
1996
+ }
1997
+
1998
+ .bg-input-brown-60 input,
1999
+ .bg-input-brown-60 .selectinput-btn {
2000
+ background: var(--bgl-brown-60) !important;
2001
+ }
2002
+
2003
+ .border-brown-60 {
2004
+ border-color: var(--bgl-brown-60) !important;
2005
+ }
2006
+
2007
+ .color-input-brown-60 input {
2008
+ color: var(--bgl-brown-60) !important;
2009
+ }
2010
+
2011
+ .bg-orange-60 {
2012
+ background: var(--bgl-orange-60) !important;
2013
+ }
2014
+
2015
+ .color-orange-60 {
2016
+ color: var(--bgl-orange-60) !important;
2017
+ }
2018
+
2019
+ .bg-input-orange-60 input,
2020
+ .bg-input-orange-60 .selectinput-btn {
2021
+ background: var(--bgl-orange-60) !important;
2022
+ }
2023
+
2024
+ .border-orange-60 {
2025
+ border-color: var(--bgl-orange-60) !important;
2026
+ }
2027
+
2028
+ .color-input-orange-60 input {
2029
+ color: var(--bgl-orange-60) !important;
2030
+ }
2031
+
2032
+ .bg-turquoise-60 {
2033
+ background: var(--bgl-turquoise-60) !important;
2034
+ }
2035
+
2036
+ .color-turquoise-60 {
2037
+ color: var(--bgl-turquoise-60) !important;
2038
+ }
2039
+
2040
+ .bg-input-turquoise-60 input,
2041
+ .bg-input-turquoise-60 .selectinput-btn {
2042
+ background: var(--bgl-turquoise-60) !important;
2043
+ }
2044
+
2045
+ .border-turquoise-60 {
2046
+ border-color: var(--bgl-turquoise-60) !important;
2047
+ }
2048
+
2049
+ .color-input-turquoise-60 input {
2050
+ color: var(--bgl-turquoise-60) !important;
2051
+ }
2052
+
2053
+ .bg-gray-60 {
2054
+ background: var(--bgl-gray-60) !important;
2055
+ }
2056
+
2057
+ .color-gray-60 {
2058
+ color: var(--bgl-gray-60) !important;
2059
+ }
2060
+
2061
+ .bg-input-gray-60 input,
2062
+ .bg-input-gray-60 .selectinput-btn {
2063
+ background: var(--bgl-gray-60) !important;
2064
+ }
2065
+
2066
+ .border-gray-60 {
2067
+ border-color: var(--bgl-gray-60) !important;
2068
+ }
2069
+
2070
+ .color-input-gray-60 input {
2071
+ color: var(--bgl-gray-60) !important;
2072
+ }
2073
+
2074
+ .bg-black-60 {
2075
+ background: var(--bgl-black-60) !important;
2076
+ }
2077
+
2078
+ .color-black-60 {
2079
+ color: var(--bgl-black-60) !important;
2080
+ }
2081
+
2082
+ .bg-input-black-60 input,
2083
+ .bg-input-black-60 .selectinput-btn {
2084
+ background: var(--bgl-black-60) !important;
2085
+ }
2086
+
2087
+ .border-black-60 {
2088
+ border-color: var(--bgl-black-60) !important;
2089
+ }
2090
+
2091
+ .color-input-black-60 input {
2092
+ color: var(--bgl-black-60) !important;
2093
+ }
2094
+
2095
+ .bg-pink-60 {
2096
+ background: var(--bgl-pink-60) !important;
2097
+ }
2098
+
2099
+ .color-pink-60 {
2100
+ color: var(--bgl-pink-60) !important;
2101
+ }
2102
+
2103
+ .bg-input-pink-60 input,
2104
+ .bg-input-pink-60 .selectinput-btn {
2105
+ background: var(--bgl-pink-60) !important;
2106
+ }
2107
+
2108
+ .border-pink-60 {
2109
+ border-color: var(--bgl-pink-60) !important;
2110
+ }
2111
+
2112
+ .color-input-pink-60 input {
2113
+ color: var(--bgl-pink-60) !important;
2114
+ }
2115
+
2116
+ /* 70% */
2117
+ .bg-blue-70 {
2118
+ background: var(--bgl-blue-70) !important;
2119
+ }
2120
+
2121
+ .color-blue-70 {
2122
+ color: var(--bgl-blue-70) !important;
2123
+ }
2124
+
2125
+ .bg-input-blue-70 input,
2126
+ .bg-input-blue-70 .selectinput-btn {
2127
+ background: var(--bgl-blue-70) !important;
2128
+ }
2129
+
2130
+ .border-blue-70 {
2131
+ border-color: var(--bgl-blue-70) !important;
2132
+ }
2133
+
2134
+ .color-input-blue-70 input {
2135
+ color: var(--bgl-blue-70) !important;
2136
+ }
2137
+
2138
+ .bg-green-70 {
2139
+ background: var(--bgl-green-70) !important;
2140
+ }
2141
+
2142
+ .color-green-70 {
2143
+ color: var(--bgl-green-70) !important;
2144
+ }
2145
+
2146
+ .bg-input-green-70 input,
2147
+ .bg-input-green-70 .selectinput-btn {
2148
+ background: var(--bgl-green-70) !important;
2149
+ }
2150
+
2151
+ .border-green-70 {
2152
+ border-color: var(--bgl-green-70) !important;
2153
+ }
2154
+
2155
+ .color-input-green-70 input {
2156
+ color: var(--bgl-green-70) !important;
2157
+ }
2158
+
2159
+ .bg-red-70 {
2160
+ background: var(--bgl-red-70) !important;
2161
+ }
2162
+
2163
+ .color-red-70 {
2164
+ color: var(--bgl-red-70) !important;
2165
+ }
2166
+
2167
+ .bg-input-red-70 input,
2168
+ .bg-input-red-70 .selectinput-btn {
2169
+ background: var(--bgl-red-70) !important;
2170
+ }
2171
+
2172
+ .border-red-70 {
2173
+ border-color: var(--bgl-red-70) !important;
2174
+ }
2175
+
2176
+ .color-input-red-70 input {
2177
+ color: var(--bgl-red-70) !important;
2178
+ }
2179
+
2180
+ .bg-yellow-70 {
2181
+ background: var(--bgl-yellow-70) !important;
2182
+ }
2183
+
2184
+ .color-yellow-70 {
2185
+ color: var(--bgl-yellow-70) !important;
2186
+ }
2187
+
2188
+ .bg-input-yellow-70 input,
2189
+ .bg-input-yellow-70 .selectinput-btn {
2190
+ background: var(--bgl-yellow-70) !important;
2191
+ }
2192
+
2193
+ .border-yellow-70 {
2194
+ border-color: var(--bgl-yellow-70) !important;
2195
+ }
2196
+
2197
+ .color-input-yellow-70 input {
2198
+ color: var(--bgl-yellow-70) !important;
2199
+ }
2200
+
2201
+ .bg-purple-70 {
2202
+ background: var(--bgl-purple-70) !important;
2203
+ }
2204
+
2205
+ .color-purple-70 {
2206
+ color: var(--bgl-purple-70) !important;
2207
+ }
2208
+
2209
+ .bg-input-purple-70 input,
2210
+ .bg-input-purple-70 .selectinput-btn {
2211
+ background: var(--bgl-purple-70) !important;
2212
+ }
2213
+
2214
+ .border-purple-70 {
2215
+ border-color: var(--bgl-purple-70) !important;
2216
+ }
2217
+
2218
+ .color-input-purple-70 input {
2219
+ color: var(--bgl-purple-70) !important;
2220
+ }
2221
+
2222
+ .bg-brown-70 {
2223
+ background: var(--bgl-brown-70) !important;
2224
+ }
2225
+
2226
+ .color-brown-70 {
2227
+ color: var(--bgl-brown-70) !important;
2228
+ }
2229
+
2230
+ .bg-input-brown-70 input,
2231
+ .bg-input-brown-70 .selectinput-btn {
2232
+ background: var(--bgl-brown-70) !important;
2233
+ }
2234
+
2235
+ .border-brown-70 {
2236
+ border-color: var(--bgl-brown-70) !important;
2237
+ }
2238
+
2239
+ .color-input-brown-70 input {
2240
+ color: var(--bgl-brown-70) !important;
2241
+ }
2242
+
2243
+ .bg-orange-70 {
2244
+ background: var(--bgl-orange-70) !important;
2245
+ }
2246
+
2247
+ .color-orange-70 {
2248
+ color: var(--bgl-orange-70) !important;
2249
+ }
2250
+
2251
+ .bg-input-orange-70 input,
2252
+ .bg-input-orange-70 .selectinput-btn {
2253
+ background: var(--bgl-orange-70) !important;
2254
+ }
2255
+
2256
+ .border-orange-70 {
2257
+ border-color: var(--bgl-orange-70) !important;
2258
+ }
2259
+
2260
+ .color-input-orange-70 input {
2261
+ color: var(--bgl-orange-70) !important;
2262
+ }
2263
+
2264
+ .bg-turquoise-70 {
2265
+ background: var(--bgl-turquoise-70) !important;
2266
+ }
2267
+
2268
+ .color-turquoise-70 {
2269
+ color: var(--bgl-turquoise-70) !important;
2270
+ }
2271
+
2272
+ .bg-input-turquoise-70 input,
2273
+ .bg-input-turquoise-70 .selectinput-btn {
2274
+ background: var(--bgl-turquoise-70) !important;
2275
+ }
2276
+
2277
+ .border-turquoise-70 {
2278
+ border-color: var(--bgl-turquoise-70) !important;
2279
+ }
2280
+
2281
+ .color-input-turquoise-70 input {
2282
+ color: var(--bgl-turquoise-70) !important;
2283
+ }
2284
+
2285
+ .bg-gray-70 {
2286
+ background: var(--bgl-gray-70) !important;
2287
+ }
2288
+
2289
+ .color-gray-70 {
2290
+ color: var(--bgl-gray-70) !important;
2291
+ }
2292
+
2293
+ .bg-input-gray-70 input,
2294
+ .bg-input-gray-70 .selectinput-btn {
2295
+ background: var(--bgl-gray-70) !important;
2296
+ }
2297
+
2298
+ .border-gray-70 {
2299
+ border-color: var(--bgl-gray-70) !important;
2300
+ }
2301
+
2302
+ .color-input-gray-70 input {
2303
+ color: var(--bgl-gray-70) !important;
2304
+ }
2305
+
2306
+ .bg-black-70 {
2307
+ background: var(--bgl-black-70) !important;
2308
+ }
2309
+
2310
+ .color-black-70 {
2311
+ color: var(--bgl-black-70) !important;
2312
+ }
2313
+
2314
+ .bg-input-black-70 input,
2315
+ .bg-input-black-70 .selectinput-btn {
2316
+ background: var(--bgl-black-70) !important;
2317
+ }
2318
+
2319
+ .border-black-70 {
2320
+ border-color: var(--bgl-black-70) !important;
2321
+ }
2322
+
2323
+ .color-input-black-70 input {
2324
+ color: var(--bgl-black-70) !important;
2325
+ }
2326
+
2327
+ .bg-pink-70 {
2328
+ background: var(--bgl-pink-70) !important;
2329
+ }
2330
+
2331
+ .color-pink-70 {
2332
+ color: var(--bgl-pink-70) !important;
2333
+ }
2334
+
2335
+ .bg-input-pink-70 input,
2336
+ .bg-input-pink-70 .selectinput-btn {
2337
+ background: var(--bgl-pink-70) !important;
2338
+ }
2339
+
2340
+ .border-pink-70 {
2341
+ border-color: var(--bgl-pink-70) !important;
2342
+ }
2343
+
2344
+ .color-input-pink-70 input {
2345
+ color: var(--bgl-pink-70) !important;
2346
+ }
2347
+
2348
+ /* 80% */
2349
+ .bg-blue-80 {
2350
+ background: var(--bgl-blue-80) !important;
2351
+ }
2352
+
2353
+ .color-blue-80 {
2354
+ color: var(--bgl-blue-80) !important;
2355
+ }
2356
+
2357
+ .bg-input-blue-80 input,
2358
+ .bg-input-blue-80 .selectinput-btn {
2359
+ background: var(--bgl-blue-80) !important;
2360
+ }
2361
+
2362
+ .border-blue-80 {
2363
+ border-color: var(--bgl-blue-80) !important;
2364
+ }
2365
+
2366
+ .color-input-blue-80 input {
2367
+ color: var(--bgl-blue-80) !important;
2368
+ }
2369
+
2370
+ .bg-green-80 {
2371
+ background: var(--bgl-green-80) !important;
2372
+ }
2373
+
2374
+ .color-green-80 {
2375
+ color: var(--bgl-green-80) !important;
2376
+ }
2377
+
2378
+ .bg-input-green-80 input,
2379
+ .bg-input-green-80 .selectinput-btn {
2380
+ background: var(--bgl-green-80) !important;
2381
+ }
2382
+
2383
+ .border-green-80 {
2384
+ border-color: var(--bgl-green-80) !important;
2385
+ }
2386
+
2387
+ .color-input-green-80 input {
2388
+ color: var(--bgl-green-80) !important;
2389
+ }
2390
+
2391
+ .bg-red-80 {
2392
+ background: var(--bgl-red-80) !important;
2393
+ }
2394
+
2395
+ .color-red-80 {
2396
+ color: var(--bgl-red-80) !important;
2397
+ }
2398
+
2399
+ .bg-input-red-80 input,
2400
+ .bg-input-red-80 .selectinput-btn {
2401
+ background: var(--bgl-red-80) !important;
2402
+ }
2403
+
2404
+ .border-red-80 {
2405
+ border-color: var(--bgl-red-80) !important;
2406
+ }
2407
+
2408
+ .color-input-red-80 input {
2409
+ color: var(--bgl-red-80) !important;
2410
+ }
2411
+
2412
+ .bg-yellow-80 {
2413
+ background: var(--bgl-yellow-80) !important;
2414
+ }
2415
+
2416
+ .color-yellow-80 {
2417
+ color: var(--bgl-yellow-80) !important;
2418
+ }
2419
+
2420
+ .bg-input-yellow-80 input,
2421
+ .bg-input-yellow-80 .selectinput-btn {
2422
+ background: var(--bgl-yellow-80) !important;
2423
+ }
2424
+
2425
+ .border-yellow-80 {
2426
+ border-color: var(--bgl-yellow-80) !important;
2427
+ }
2428
+
2429
+ .color-input-yellow-80 input {
2430
+ color: var(--bgl-yellow-80) !important;
2431
+ }
2432
+
2433
+ .bg-purple-80 {
2434
+ background: var(--bgl-purple-80) !important;
2435
+ }
2436
+
2437
+ .color-purple-80 {
2438
+ color: var(--bgl-purple-80) !important;
2439
+ }
2440
+
2441
+ .bg-input-purple-80 input,
2442
+ .bg-input-purple-80 .selectinput-btn {
2443
+ background: var(--bgl-purple-80) !important;
2444
+ }
2445
+
2446
+ .border-purple-80 {
2447
+ border-color: var(--bgl-purple-80) !important;
2448
+ }
2449
+
2450
+ .color-input-purple-80 input {
2451
+ color: var(--bgl-purple-80) !important;
2452
+ }
2453
+
2454
+ .bg-brown-80 {
2455
+ background: var(--bgl-brown-80) !important;
2456
+ }
2457
+
2458
+ .color-brown-80 {
2459
+ color: var(--bgl-brown-80) !important;
2460
+ }
2461
+
2462
+ .bg-input-brown-80 input,
2463
+ .bg-input-brown-80 .selectinput-btn {
2464
+ background: var(--bgl-brown-80) !important;
2465
+ }
2466
+
2467
+ .border-brown-80 {
2468
+ border-color: var(--bgl-brown-80) !important;
2469
+ }
2470
+
2471
+ .color-input-brown-80 input {
2472
+ color: var(--bgl-brown-80) !important;
2473
+ }
2474
+
2475
+ .bg-orange-80 {
2476
+ background: var(--bgl-orange-80) !important;
2477
+ }
2478
+
2479
+ .color-orange-80 {
2480
+ color: var(--bgl-orange-80) !important;
2481
+ }
2482
+
2483
+ .bg-input-orange-80 input,
2484
+ .bg-input-orange-80 .selectinput-btn {
2485
+ background: var(--bgl-orange-80) !important;
2486
+ }
2487
+
2488
+ .border-orange-80 {
2489
+ border-color: var(--bgl-orange-80) !important;
2490
+ }
2491
+
2492
+ .color-input-orange-80 input {
2493
+ color: var(--bgl-orange-80) !important;
2494
+ }
2495
+
2496
+ .bg-turquoise-80 {
2497
+ background: var(--bgl-turquoise-80) !important;
2498
+ }
2499
+
2500
+ .color-turquoise-80 {
2501
+ color: var(--bgl-turquoise-80) !important;
2502
+ }
2503
+
2504
+ .bg-input-turquoise-80 input,
2505
+ .bg-input-turquoise-80 .selectinput-btn {
2506
+ background: var(--bgl-turquoise-80) !important;
2507
+ }
2508
+
2509
+ .border-turquoise-80 {
2510
+ border-color: var(--bgl-turquoise-80) !important;
2511
+ }
2512
+
2513
+ .color-input-turquoise-80 input {
2514
+ color: var(--bgl-turquoise-80) !important;
2515
+ }
2516
+
2517
+ .bg-gray-80 {
2518
+ background: var(--bgl-gray-80) !important;
2519
+ }
2520
+
2521
+ .color-gray-80 {
2522
+ color: var(--bgl-gray-80) !important;
2523
+ }
2524
+
2525
+ .bg-input-gray-80 input,
2526
+ .bg-input-gray-80 .selectinput-btn {
2527
+ background: var(--bgl-gray-80) !important;
2528
+ }
2529
+
2530
+ .border-gray-80 {
2531
+ border-color: var(--bgl-gray-80) !important;
2532
+ }
2533
+
2534
+ .color-input-gray-80 input {
2535
+ color: var(--bgl-gray-80) !important;
2536
+ }
2537
+
2538
+ .bg-black-80 {
2539
+ background: var(--bgl-black-80) !important;
2540
+ }
2541
+
2542
+ .color-black-80 {
2543
+ color: var(--bgl-black-80) !important;
2544
+ }
2545
+
2546
+ .bg-input-black-80 input,
2547
+ .bg-input-black-80 .selectinput-btn {
2548
+ background: var(--bgl-black-80) !important;
2549
+ }
2550
+
2551
+ .border-black-80 {
2552
+ border-color: var(--bgl-black-80) !important;
2553
+ }
2554
+
2555
+ .color-input-black-80 input {
2556
+ color: var(--bgl-black-80) !important;
2557
+ }
2558
+
2559
+ .bg-pink-80 {
2560
+ background: var(--bgl-pink-80) !important;
2561
+ }
2562
+
2563
+ .color-pink-80 {
2564
+ color: var(--bgl-pink-80) !important;
2565
+ }
2566
+
2567
+ .bg-input-pink-80 input,
2568
+ .bg-input-pink-80 .selectinput-btn {
2569
+ background: var(--bgl-pink-80) !important;
2570
+ }
2571
+
2572
+ .border-pink-80 {
2573
+ border-color: var(--bgl-pink-80) !important;
2574
+ }
2575
+
2576
+ .color-input-pink-80 input {
2577
+ color: var(--bgl-pink-80) !important;
2578
+ }
2579
+
2580
+ /* 90% */
2581
+ .bg-blue-90 {
2582
+ background: var(--bgl-blue-90) !important;
2583
+ }
2584
+
2585
+ .color-blue-90 {
2586
+ color: var(--bgl-blue-90) !important;
2587
+ }
2588
+
2589
+ .bg-input-blue-90 input,
2590
+ .bg-input-blue-90 .selectinput-btn {
2591
+ background: var(--bgl-blue-90) !important;
2592
+ }
2593
+
2594
+ .border-blue-90 {
2595
+ border-color: var(--bgl-blue-90) !important;
2596
+ }
2597
+
2598
+ .color-input-blue-90 input {
2599
+ color: var(--bgl-blue-90) !important;
2600
+ }
2601
+
2602
+ .bg-green-90 {
2603
+ background: var(--bgl-green-90) !important;
2604
+ }
2605
+
2606
+ .color-green-90 {
2607
+ color: var(--bgl-green-90) !important;
2608
+ }
2609
+
2610
+ .bg-input-green-90 input,
2611
+ .bg-input-green-90 .selectinput-btn {
2612
+ background: var(--bgl-green-90) !important;
2613
+ }
2614
+
2615
+ .border-green-90 {
2616
+ border-color: var(--bgl-green-90) !important;
2617
+ }
2618
+
2619
+ .color-input-green-90 input {
2620
+ color: var(--bgl-green-90) !important;
2621
+ }
2622
+
2623
+ .bg-red-90 {
2624
+ background: var(--bgl-red-90) !important;
2625
+ }
2626
+
2627
+ .color-red-90 {
2628
+ color: var(--bgl-red-90) !important;
2629
+ }
2630
+
2631
+ .bg-input-red-90 input,
2632
+ .bg-input-red-90 .selectinput-btn {
2633
+ background: var(--bgl-red-90) !important;
2634
+ }
2635
+
2636
+ .border-red-90 {
2637
+ border-color: var(--bgl-red-90) !important;
2638
+ }
2639
+
2640
+ .color-input-red-90 input {
2641
+ color: var(--bgl-red-90) !important;
2642
+ }
2643
+
2644
+ .bg-yellow-90 {
2645
+ background: var(--bgl-yellow-90) !important;
2646
+ }
2647
+
2648
+ .color-yellow-90 {
2649
+ color: var(--bgl-yellow-90) !important;
2650
+ }
2651
+
2652
+ .bg-input-yellow-90 input,
2653
+ .bg-input-yellow-90 .selectinput-btn {
2654
+ background: var(--bgl-yellow-90) !important;
2655
+ }
2656
+
2657
+ .border-yellow-90 {
2658
+ border-color: var(--bgl-yellow-90) !important;
2659
+ }
2660
+
2661
+ .color-input-yellow-90 input {
2662
+ color: var(--bgl-yellow-90) !important;
2663
+ }
2664
+
2665
+ .bg-purple-90 {
2666
+ background: var(--bgl-purple-90) !important;
2667
+ }
2668
+
2669
+ .color-purple-90 {
2670
+ color: var(--bgl-purple-90) !important;
2671
+ }
2672
+
2673
+ .bg-input-purple-90 input,
2674
+ .bg-input-purple-90 .selectinput-btn {
2675
+ background: var(--bgl-purple-90) !important;
2676
+ }
2677
+
2678
+ .border-purple-90 {
2679
+ border-color: var(--bgl-purple-90) !important;
2680
+ }
2681
+
2682
+ .color-input-purple-90 input {
2683
+ color: var(--bgl-purple-90) !important;
2684
+ }
2685
+
2686
+ .bg-brown-90 {
2687
+ background: var(--bgl-brown-90) !important;
2688
+ }
2689
+
2690
+ .color-brown-90 {
2691
+ color: var(--bgl-brown-90) !important;
2692
+ }
2693
+
2694
+ .bg-input-brown-90 input,
2695
+ .bg-input-brown-90 .selectinput-btn {
2696
+ background: var(--bgl-brown-90) !important;
2697
+ }
2698
+
2699
+ .border-brown-90 {
2700
+ border-color: var(--bgl-brown-90) !important;
2701
+ }
2702
+
2703
+ .color-input-brown-90 input {
2704
+ color: var(--bgl-brown-90) !important;
2705
+ }
2706
+
2707
+ .bg-orange-90 {
2708
+ background: var(--bgl-orange-90) !important;
2709
+ }
2710
+
2711
+ .color-orange-90 {
2712
+ color: var(--bgl-orange-90) !important;
2713
+ }
2714
+
2715
+ .bg-input-orange-90 input,
2716
+ .bg-input-orange-90 .selectinput-btn {
2717
+ background: var(--bgl-orange-90) !important;
2718
+ }
2719
+
2720
+ .border-orange-90 {
2721
+ border-color: var(--bgl-orange-90) !important;
2722
+ }
2723
+
2724
+ .color-input-orange-90 input {
2725
+ color: var(--bgl-orange-90) !important;
2726
+ }
2727
+
2728
+ .bg-turquoise-90 {
2729
+ background: var(--bgl-turquoise-90) !important;
2730
+ }
2731
+
2732
+ .color-turquoise-90 {
2733
+ color: var(--bgl-turquoise-90) !important;
2734
+ }
2735
+
2736
+ .bg-input-turquoise-90 input,
2737
+ .bg-input-turquoise-90 .selectinput-btn {
2738
+ background: var(--bgl-turquoise-90) !important;
2739
+ }
2740
+
2741
+ .border-turquoise-90 {
2742
+ border-color: var(--bgl-turquoise-90) !important;
2743
+ }
2744
+
2745
+ .color-input-turquoise-90 input {
2746
+ color: var(--bgl-turquoise-90) !important;
2747
+ }
2748
+
2749
+ .bg-gray-90 {
2750
+ background: var(--bgl-gray-90) !important;
2751
+ }
2752
+
2753
+ .color-gray-90 {
2754
+ color: var(--bgl-gray-90) !important;
2755
+ }
2756
+
2757
+ .bg-input-gray-90 input,
2758
+ .bg-input-gray-90 .selectinput-btn {
2759
+ background: var(--bgl-gray-90) !important;
2760
+ }
2761
+
2762
+ .border-gray-90 {
2763
+ border-color: var(--bgl-gray-90) !important;
2764
+ }
2765
+
2766
+ .color-input-gray-90 input {
2767
+ color: var(--bgl-gray-90) !important;
2768
+ }
2769
+
2770
+ .bg-black-90 {
2771
+ background: var(--bgl-black-90) !important;
2772
+ }
2773
+
2774
+ .color-black-90 {
2775
+ color: var(--bgl-black-90) !important;
2776
+ }
2777
+
2778
+ .bg-input-black-90 input,
2779
+ .bg-input-black-90 .selectinput-btn {
2780
+ background: var(--bgl-black-90) !important;
2781
+ }
2782
+
2783
+ .border-black-90 {
2784
+ border-color: var(--bgl-black-90) !important;
2785
+ }
2786
+
2787
+ .color-input-black-90 input {
2788
+ color: var(--bgl-black-90) !important;
2789
+ }
2790
+
2791
+ .bg-pink-90 {
2792
+ background: var(--bgl-pink-90) !important;
2793
+ }
2794
+
2795
+ .color-pink-90 {
2796
+ color: var(--bgl-pink-90) !important;
2797
+ }
2798
+
2799
+ .bg-input-pink-90 input,
2800
+ .bg-input-pink-90 .selectinput-btn {
2801
+ background: var(--bgl-pink-90) !important;
2802
+ }
2803
+
2804
+ .border-pink-90 {
2805
+ border-color: var(--bgl-pink-90) !important;
2806
+ }
2807
+
2808
+ .color-input-pink-90 input {
2809
+ color: var(--bgl-pink-90) !important;
2810
+ }
2811
+
2812
+ /* Color Variations - 100%, 110%, 120%, 130% */
2813
+ /* 100% */
2814
+ .bg-blue-100 {
2815
+ background: var(--bgl-blue-100) !important;
2816
+ }
2817
+
2818
+ .color-blue-100 {
2819
+ color: var(--bgl-blue-100) !important;
2820
+ }
2821
+
2822
+ .bg-input-blue-100 input,
2823
+ .bg-input-blue-100 .selectinput-btn {
2824
+ background: var(--bgl-blue-100) !important;
2825
+ }
2826
+
2827
+ .border-blue-100 {
2828
+ border-color: var(--bgl-blue-100) !important;
2829
+ }
2830
+
2831
+ .color-input-blue-100 input {
2832
+ color: var(--bgl-blue-100) !important;
2833
+ }
2834
+
2835
+ .bg-green-100 {
2836
+ background: var(--bgl-green-100) !important;
2837
+ }
2838
+
2839
+ .color-green-100 {
2840
+ color: var(--bgl-green-100) !important;
2841
+ }
2842
+
2843
+ .bg-input-green-100 input,
2844
+ .bg-input-green-100 .selectinput-btn {
2845
+ background: var(--bgl-green-100) !important;
2846
+ }
2847
+
2848
+ .border-green-100 {
2849
+ border-color: var(--bgl-green-100) !important;
2850
+ }
2851
+
2852
+ .color-input-green-100 input {
2853
+ color: var(--bgl-green-100) !important;
2854
+ }
2855
+
2856
+ .bg-red-100 {
2857
+ background: var(--bgl-red-100) !important;
2858
+ }
2859
+
2860
+ .color-red-100 {
2861
+ color: var(--bgl-red-100) !important;
2862
+ }
2863
+
2864
+ .bg-input-red-100 input,
2865
+ .bg-input-red-100 .selectinput-btn {
2866
+ background: var(--bgl-red-100) !important;
2867
+ }
2868
+
2869
+ .border-red-100 {
2870
+ border-color: var(--bgl-red-100) !important;
2871
+ }
2872
+
2873
+ .color-input-red-100 input {
2874
+ color: var(--bgl-red-100) !important;
2875
+ }
2876
+
2877
+ .bg-yellow-100 {
2878
+ background: var(--bgl-yellow-100) !important;
2879
+ }
2880
+
2881
+ .color-yellow-100 {
2882
+ color: var(--bgl-yellow-100) !important;
2883
+ }
2884
+
2885
+ .bg-input-yellow-100 input,
2886
+ .bg-input-yellow-100 .selectinput-btn {
2887
+ background: var(--bgl-yellow-100) !important;
2888
+ }
2889
+
2890
+ .border-yellow-100 {
2891
+ border-color: var(--bgl-yellow-100) !important;
2892
+ }
2893
+
2894
+ .color-input-yellow-100 input {
2895
+ color: var(--bgl-yellow-100) !important;
2896
+ }
2897
+
2898
+ .bg-purple-100 {
2899
+ background: var(--bgl-purple-100) !important;
2900
+ }
2901
+
2902
+ .color-purple-100 {
2903
+ color: var(--bgl-purple-100) !important;
2904
+ }
2905
+
2906
+ .bg-input-purple-100 input,
2907
+ .bg-input-purple-100 .selectinput-btn {
2908
+ background: var(--bgl-purple-100) !important;
2909
+ }
2910
+
2911
+ .border-purple-100 {
2912
+ border-color: var(--bgl-purple-100) !important;
2913
+ }
2914
+
2915
+ .color-input-purple-100 input {
2916
+ color: var(--bgl-purple-100) !important;
2917
+ }
2918
+
2919
+ .bg-brown-100 {
2920
+ background: var(--bgl-brown-100) !important;
2921
+ }
2922
+
2923
+ .color-brown-100 {
2924
+ color: var(--bgl-brown-100) !important;
2925
+ }
2926
+
2927
+ .bg-input-brown-100 input,
2928
+ .bg-input-brown-100 .selectinput-btn {
2929
+ background: var(--bgl-brown-100) !important;
2930
+ }
2931
+
2932
+ .border-brown-100 {
2933
+ border-color: var(--bgl-brown-100) !important;
2934
+ }
2935
+
2936
+ .color-input-brown-100 input {
2937
+ color: var(--bgl-brown-100) !important;
2938
+ }
2939
+
2940
+ .bg-orange-100 {
2941
+ background: var(--bgl-orange-100) !important;
2942
+ }
2943
+
2944
+ .color-orange-100 {
2945
+ color: var(--bgl-orange-100) !important;
2946
+ }
2947
+
2948
+ .bg-input-orange-100 input,
2949
+ .bg-input-orange-100 .selectinput-btn {
2950
+ background: var(--bgl-orange-100) !important;
2951
+ }
2952
+
2953
+ .border-orange-100 {
2954
+ border-color: var(--bgl-orange-100) !important;
2955
+ }
2956
+
2957
+ .color-input-orange-100 input {
2958
+ color: var(--bgl-orange-100) !important;
2959
+ }
2960
+
2961
+ .bg-turquoise-100 {
2962
+ background: var(--bgl-turquoise-100) !important;
2963
+ }
2964
+
2965
+ .color-turquoise-100 {
2966
+ color: var(--bgl-turquoise-100) !important;
2967
+ }
2968
+
2969
+ .bg-input-turquoise-100 input,
2970
+ .bg-input-turquoise-100 .selectinput-btn {
2971
+ background: var(--bgl-turquoise-100) !important;
2972
+ }
2973
+
2974
+ .border-turquoise-100 {
2975
+ border-color: var(--bgl-turquoise-100) !important;
2976
+ }
2977
+
2978
+ .color-input-turquoise-100 input {
2979
+ color: var(--bgl-turquoise-100) !important;
2980
+ }
2981
+
2982
+ .bg-gray-100 {
2983
+ background: var(--bgl-gray-100) !important;
2984
+ }
2985
+
2986
+ .color-gray-100 {
2987
+ color: var(--bgl-gray-100) !important;
2988
+ }
2989
+
2990
+ .bg-input-gray-100 input,
2991
+ .bg-input-gray-100 .selectinput-btn {
2992
+ background: var(--bgl-gray-100) !important;
2993
+ }
2994
+
2995
+ .border-gray-100 {
2996
+ border-color: var(--bgl-gray-100) !important;
2997
+ }
2998
+
2999
+ .color-input-gray-100 input {
3000
+ color: var(--bgl-gray-100) !important;
3001
+ }
3002
+
3003
+ .bg-black-100 {
3004
+ background: var(--bgl-black-100) !important;
3005
+ }
3006
+
3007
+ .color-black-100 {
3008
+ color: var(--bgl-black-100) !important;
3009
+ }
3010
+
3011
+ .bg-input-black-100 input,
3012
+ .bg-input-black-100 .selectinput-btn {
3013
+ background: var(--bgl-black-100) !important;
3014
+ }
3015
+
3016
+ .border-black-100 {
3017
+ border-color: var(--bgl-black-100) !important;
3018
+ }
3019
+
3020
+ .color-input-black-100 input {
3021
+ color: var(--bgl-black-100) !important;
3022
+ }
3023
+
3024
+ .bg-pink-100 {
3025
+ background: var(--bgl-pink-100) !important;
3026
+ }
3027
+
3028
+ .color-pink-100 {
3029
+ color: var(--bgl-pink-100) !important;
3030
+ }
3031
+
3032
+ .bg-input-pink-100 input,
3033
+ .bg-input-pink-100 .selectinput-btn {
3034
+ background: var(--bgl-pink-100) !important;
3035
+ }
3036
+
3037
+ .border-pink-100 {
3038
+ border-color: var(--bgl-pink-100) !important;
3039
+ }
3040
+
3041
+ .color-input-pink-100 input {
3042
+ color: var(--bgl-pink-100) !important;
3043
+ }
3044
+
3045
+ /* 110% */
3046
+ .bg-blue-110 {
3047
+ background: var(--bgl-blue-110) !important;
3048
+ }
3049
+
3050
+ .color-blue-110 {
3051
+ color: var(--bgl-blue-110) !important;
3052
+ }
3053
+
3054
+ .bg-input-blue-110 input,
3055
+ .bg-input-blue-110 .selectinput-btn {
3056
+ background: var(--bgl-blue-110) !important;
3057
+ }
3058
+
3059
+ .border-blue-110 {
3060
+ border-color: var(--bgl-blue-110) !important;
3061
+ }
3062
+
3063
+ .color-input-blue-110 input {
3064
+ color: var(--bgl-blue-110) !important;
3065
+ }
3066
+
3067
+ .bg-green-110 {
3068
+ background: var(--bgl-green-110) !important;
3069
+ }
3070
+
3071
+ .color-green-110 {
3072
+ color: var(--bgl-green-110) !important;
3073
+ }
3074
+
3075
+ .bg-input-green-110 input,
3076
+ .bg-input-green-110 .selectinput-btn {
3077
+ background: var(--bgl-green-110) !important;
3078
+ }
3079
+
3080
+ .border-green-110 {
3081
+ border-color: var(--bgl-green-110) !important;
3082
+ }
3083
+
3084
+ .color-input-green-110 input {
3085
+ color: var(--bgl-green-110) !important;
3086
+ }
3087
+
3088
+ .bg-red-110 {
3089
+ background: var(--bgl-red-110) !important;
3090
+ }
3091
+
3092
+ .color-red-110 {
3093
+ color: var(--bgl-red-110) !important;
3094
+ }
3095
+
3096
+ .bg-input-red-110 input,
3097
+ .bg-input-red-110 .selectinput-btn {
3098
+ background: var(--bgl-red-110) !important;
3099
+ }
3100
+
3101
+ .border-red-110 {
3102
+ border-color: var(--bgl-red-110) !important;
3103
+ }
3104
+
3105
+ .color-input-red-110 input {
3106
+ color: var(--bgl-red-110) !important;
3107
+ }
3108
+
3109
+ .bg-yellow-110 {
3110
+ background: var(--bgl-yellow-110) !important;
3111
+ }
3112
+
3113
+ .color-yellow-110 {
3114
+ color: var(--bgl-yellow-110) !important;
3115
+ }
3116
+
3117
+ .bg-input-yellow-110 input,
3118
+ .bg-input-yellow-110 .selectinput-btn {
3119
+ background: var(--bgl-yellow-110) !important;
3120
+ }
3121
+
3122
+ .border-yellow-110 {
3123
+ border-color: var(--bgl-yellow-110) !important;
3124
+ }
3125
+
3126
+ .color-input-yellow-110 input {
3127
+ color: var(--bgl-yellow-110) !important;
3128
+ }
3129
+
3130
+ .bg-purple-110 {
3131
+ background: var(--bgl-purple-110) !important;
3132
+ }
3133
+
3134
+ .color-purple-110 {
3135
+ color: var(--bgl-purple-110) !important;
3136
+ }
3137
+
3138
+ .bg-input-purple-110 input,
3139
+ .bg-input-purple-110 .selectinput-btn {
3140
+ background: var(--bgl-purple-110) !important;
3141
+ }
3142
+
3143
+ .border-purple-110 {
3144
+ border-color: var(--bgl-purple-110) !important;
3145
+ }
3146
+
3147
+ .color-input-purple-110 input {
3148
+ color: var(--bgl-purple-110) !important;
3149
+ }
3150
+
3151
+ .bg-brown-110 {
3152
+ background: var(--bgl-brown-110) !important;
3153
+ }
3154
+
3155
+ .color-brown-110 {
3156
+ color: var(--bgl-brown-110) !important;
3157
+ }
3158
+
3159
+ .bg-input-brown-110 input,
3160
+ .bg-input-brown-110 .selectinput-btn {
3161
+ background: var(--bgl-brown-110) !important;
3162
+ }
3163
+
3164
+ .border-brown-110 {
3165
+ border-color: var(--bgl-brown-110) !important;
3166
+ }
3167
+
3168
+ .color-input-brown-110 input {
3169
+ color: var(--bgl-brown-110) !important;
3170
+ }
3171
+
3172
+ .bg-orange-110 {
3173
+ background: var(--bgl-orange-110) !important;
3174
+ }
3175
+
3176
+ .color-orange-110 {
3177
+ color: var(--bgl-orange-110) !important;
3178
+ }
3179
+
3180
+ .bg-input-orange-110 input,
3181
+ .bg-input-orange-110 .selectinput-btn {
3182
+ background: var(--bgl-orange-110) !important;
3183
+ }
3184
+
3185
+ .border-orange-110 {
3186
+ border-color: var(--bgl-orange-110) !important;
3187
+ }
3188
+
3189
+ .color-input-orange-110 input {
3190
+ color: var(--bgl-orange-110) !important;
3191
+ }
3192
+
3193
+ .bg-turquoise-110 {
3194
+ background: var(--bgl-turquoise-110) !important;
3195
+ }
3196
+
3197
+ .color-turquoise-110 {
3198
+ color: var(--bgl-turquoise-110) !important;
3199
+ }
3200
+
3201
+ .bg-input-turquoise-110 input,
3202
+ .bg-input-turquoise-110 .selectinput-btn {
3203
+ background: var(--bgl-turquoise-110) !important;
3204
+ }
3205
+
3206
+ .border-turquoise-110 {
3207
+ border-color: var(--bgl-turquoise-110) !important;
3208
+ }
3209
+
3210
+ .color-input-turquoise-110 input {
3211
+ color: var(--bgl-turquoise-110) !important;
3212
+ }
3213
+
3214
+ .bg-gray-110 {
3215
+ background: var(--bgl-gray-110) !important;
3216
+ }
3217
+
3218
+ .color-gray-110 {
3219
+ color: var(--bgl-gray-110) !important;
3220
+ }
3221
+
3222
+ .bg-input-gray-110 input,
3223
+ .bg-input-gray-110 .selectinput-btn {
3224
+ background: var(--bgl-gray-110) !important;
3225
+ }
3226
+
3227
+ .border-gray-110 {
3228
+ border-color: var(--bgl-gray-110) !important;
3229
+ }
3230
+
3231
+ .color-input-gray-110 input {
3232
+ color: var(--bgl-gray-110) !important;
3233
+ }
3234
+
3235
+ .bg-black-110 {
3236
+ background: var(--bgl-black-110) !important;
3237
+ }
3238
+
3239
+ .color-black-110 {
3240
+ color: var(--bgl-black-110) !important;
3241
+ }
3242
+
3243
+ .bg-input-black-110 input,
3244
+ .bg-input-black-110 .selectinput-btn {
3245
+ background: var(--bgl-black-110) !important;
3246
+ }
3247
+
3248
+ .border-black-110 {
3249
+ border-color: var(--bgl-black-110) !important;
3250
+ }
3251
+
3252
+ .color-input-black-110 input {
3253
+ color: var(--bgl-black-110) !important;
3254
+ }
3255
+
3256
+ .bg-pink-110 {
3257
+ background: var(--bgl-pink-110) !important;
3258
+ }
3259
+
3260
+ .color-pink-110 {
3261
+ color: var(--bgl-pink-110) !important;
3262
+ }
3263
+
3264
+ .bg-input-pink-110 input,
3265
+ .bg-input-pink-110 .selectinput-btn {
3266
+ background: var(--bgl-pink-110) !important;
3267
+ }
3268
+
3269
+ .border-pink-110 {
3270
+ border-color: var(--bgl-pink-110) !important;
3271
+ }
3272
+
3273
+ .color-input-pink-110 input {
3274
+ color: var(--bgl-pink-110) !important;
3275
+ }
3276
+
3277
+ /* 120% */
3278
+ .bg-blue-120 {
3279
+ background: var(--bgl-blue-120) !important;
3280
+ }
3281
+
3282
+ .color-blue-120 {
3283
+ color: var(--bgl-blue-120) !important;
3284
+ }
3285
+
3286
+ .bg-input-blue-120 input,
3287
+ .bg-input-blue-120 .selectinput-btn {
3288
+ background: var(--bgl-blue-120) !important;
3289
+ }
3290
+
3291
+ .border-blue-120 {
3292
+ border-color: var(--bgl-blue-120) !important;
3293
+ }
3294
+
3295
+ .color-input-blue-120 input {
3296
+ color: var(--bgl-blue-120) !important;
3297
+ }
3298
+
3299
+ .bg-green-120 {
3300
+ background: var(--bgl-green-120) !important;
3301
+ }
3302
+
3303
+ .color-green-120 {
3304
+ color: var(--bgl-green-120) !important;
3305
+ }
3306
+
3307
+ .bg-input-green-120 input,
3308
+ .bg-input-green-120 .selectinput-btn {
3309
+ background: var(--bgl-green-120) !important;
3310
+ }
3311
+
3312
+ .border-green-120 {
3313
+ border-color: var(--bgl-green-120) !important;
3314
+ }
3315
+
3316
+ .color-input-green-120 input {
3317
+ color: var(--bgl-green-120) !important;
3318
+ }
3319
+
3320
+ .bg-red-120 {
3321
+ background: var(--bgl-red-120) !important;
3322
+ }
3323
+
3324
+ .color-red-120 {
3325
+ color: var(--bgl-red-120) !important;
3326
+ }
3327
+
3328
+ .bg-input-red-120 input,
3329
+ .bg-input-red-120 .selectinput-btn {
3330
+ background: var(--bgl-red-120) !important;
3331
+ }
3332
+
3333
+ .border-red-120 {
3334
+ border-color: var(--bgl-red-120) !important;
3335
+ }
3336
+
3337
+ .color-input-red-120 input {
3338
+ color: var(--bgl-red-120) !important;
3339
+ }
3340
+
3341
+ .bg-yellow-120 {
3342
+ background: var(--bgl-yellow-120) !important;
3343
+ }
3344
+
3345
+ .color-yellow-120 {
3346
+ color: var(--bgl-yellow-120) !important;
3347
+ }
3348
+
3349
+ .bg-input-yellow-120 input,
3350
+ .bg-input-yellow-120 .selectinput-btn {
3351
+ background: var(--bgl-yellow-120) !important;
3352
+ }
3353
+
3354
+ .border-yellow-120 {
3355
+ border-color: var(--bgl-yellow-120) !important;
3356
+ }
3357
+
3358
+ .color-input-yellow-120 input {
3359
+ color: var(--bgl-yellow-120) !important;
3360
+ }
3361
+
3362
+ .bg-purple-120 {
3363
+ background: var(--bgl-purple-120) !important;
3364
+ }
3365
+
3366
+ .color-purple-120 {
3367
+ color: var(--bgl-purple-120) !important;
3368
+ }
3369
+
3370
+ .bg-input-purple-120 input,
3371
+ .bg-input-purple-120 .selectinput-btn {
3372
+ background: var(--bgl-purple-120) !important;
3373
+ }
3374
+
3375
+ .border-purple-120 {
3376
+ border-color: var(--bgl-purple-120) !important;
3377
+ }
3378
+
3379
+ .color-input-purple-120 input {
3380
+ color: var(--bgl-purple-120) !important;
3381
+ }
3382
+
3383
+ .bg-brown-120 {
3384
+ background: var(--bgl-brown-120) !important;
3385
+ }
3386
+
3387
+ .color-brown-120 {
3388
+ color: var(--bgl-brown-120) !important;
3389
+ }
3390
+
3391
+ .bg-input-brown-120 input,
3392
+ .bg-input-brown-120 .selectinput-btn {
3393
+ background: var(--bgl-brown-120) !important;
3394
+ }
3395
+
3396
+ .border-brown-120 {
3397
+ border-color: var(--bgl-brown-120) !important;
3398
+ }
3399
+
3400
+ .color-input-brown-120 input {
3401
+ color: var(--bgl-brown-120) !important;
3402
+ }
3403
+
3404
+ .bg-orange-120 {
3405
+ background: var(--bgl-orange-120) !important;
3406
+ }
3407
+
3408
+ .color-orange-120 {
3409
+ color: var(--bgl-orange-120) !important;
3410
+ }
3411
+
3412
+ .bg-input-orange-120 input,
3413
+ .bg-input-orange-120 .selectinput-btn {
3414
+ background: var(--bgl-orange-120) !important;
3415
+ }
3416
+
3417
+ .border-orange-120 {
3418
+ border-color: var(--bgl-orange-120) !important;
3419
+ }
3420
+
3421
+ .color-input-orange-120 input {
3422
+ color: var(--bgl-orange-120) !important;
3423
+ }
3424
+
3425
+ .bg-turquoise-120 {
3426
+ background: var(--bgl-turquoise-120) !important;
3427
+ }
3428
+
3429
+ .color-turquoise-120 {
3430
+ color: var(--bgl-turquoise-120) !important;
3431
+ }
3432
+
3433
+ .bg-input-turquoise-120 input,
3434
+ .bg-input-turquoise-120 .selectinput-btn {
3435
+ background: var(--bgl-turquoise-120) !important;
3436
+ }
3437
+
3438
+ .border-turquoise-120 {
3439
+ border-color: var(--bgl-turquoise-120) !important;
3440
+ }
3441
+
3442
+ .color-input-turquoise-120 input {
3443
+ color: var(--bgl-turquoise-120) !important;
3444
+ }
3445
+
3446
+ .bg-gray-120 {
3447
+ background: var(--bgl-gray-120) !important;
3448
+ }
3449
+
3450
+ .color-gray-120 {
3451
+ color: var(--bgl-gray-120) !important;
3452
+ }
3453
+
3454
+ .bg-input-gray-120 input,
3455
+ .bg-input-gray-120 .selectinput-btn {
3456
+ background: var(--bgl-gray-120) !important;
3457
+ }
3458
+
3459
+ .border-gray-120 {
3460
+ border-color: var(--bgl-gray-120) !important;
3461
+ }
3462
+
3463
+ .color-input-gray-120 input {
3464
+ color: var(--bgl-gray-120) !important;
3465
+ }
3466
+
3467
+ .bg-black-120 {
3468
+ background: var(--bgl-black-120) !important;
3469
+ }
3470
+
3471
+ .color-black-120 {
3472
+ color: var(--bgl-black-120) !important;
3473
+ }
3474
+
3475
+ .bg-input-black-120 input,
3476
+ .bg-input-black-120 .selectinput-btn {
3477
+ background: var(--bgl-black-120) !important;
3478
+ }
3479
+
3480
+ .border-black-120 {
3481
+ border-color: var(--bgl-black-120) !important;
3482
+ }
3483
+
3484
+ .color-input-black-120 input {
3485
+ color: var(--bgl-black-120) !important;
3486
+ }
3487
+
3488
+ .bg-pink-120 {
3489
+ background: var(--bgl-pink-120) !important;
3490
+ }
3491
+
3492
+ .color-pink-120 {
3493
+ color: var(--bgl-pink-120) !important;
3494
+ }
3495
+
3496
+ .bg-input-pink-120 input,
3497
+ .bg-input-pink-120 .selectinput-btn {
3498
+ background: var(--bgl-pink-120) !important;
3499
+ }
3500
+
3501
+ .border-pink-120 {
3502
+ border-color: var(--bgl-pink-120) !important;
3503
+ }
3504
+
3505
+ .color-input-pink-120 input {
3506
+ color: var(--bgl-pink-120) !important;
3507
+ }
3508
+
3509
+ /* 130% */
3510
+ .bg-blue-130 {
3511
+ background: var(--bgl-blue-130) !important;
3512
+ }
3513
+
3514
+ .color-blue-130 {
3515
+ color: var(--bgl-blue-130) !important;
3516
+ }
3517
+
3518
+ .bg-input-blue-130 input,
3519
+ .bg-input-blue-130 .selectinput-btn {
3520
+ background: var(--bgl-blue-130) !important;
3521
+ }
3522
+
3523
+ .border-blue-130 {
3524
+ border-color: var(--bgl-blue-130) !important;
3525
+ }
3526
+
3527
+ .color-input-blue-130 input {
3528
+ color: var(--bgl-blue-130) !important;
3529
+ }
3530
+
3531
+ .bg-green-130 {
3532
+ background: var(--bgl-green-130) !important;
3533
+ }
3534
+
3535
+ .color-green-130 {
3536
+ color: var(--bgl-green-130) !important;
3537
+ }
3538
+
3539
+ .bg-input-green-130 input,
3540
+ .bg-input-green-130 .selectinput-btn {
3541
+ background: var(--bgl-green-130) !important;
3542
+ }
3543
+
3544
+ .border-green-130 {
3545
+ border-color: var(--bgl-green-130) !important;
3546
+ }
3547
+
3548
+ .color-input-green-130 input {
3549
+ color: var(--bgl-green-130) !important;
3550
+ }
3551
+
3552
+ .bg-red-130 {
3553
+ background: var(--bgl-red-130) !important;
3554
+ }
3555
+
3556
+ .color-red-130 {
3557
+ color: var(--bgl-red-130) !important;
3558
+ }
3559
+
3560
+ .bg-input-red-130 input,
3561
+ .bg-input-red-130 .selectinput-btn {
3562
+ background: var(--bgl-red-130) !important;
3563
+ }
3564
+
3565
+ .border-red-130 {
3566
+ border-color: var(--bgl-red-130) !important;
3567
+ }
3568
+
3569
+ .color-input-red-130 input {
3570
+ color: var(--bgl-red-130) !important;
3571
+ }
3572
+
3573
+ .bg-yellow-130 {
3574
+ background: var(--bgl-yellow-130) !important;
3575
+ }
3576
+
3577
+ .color-yellow-130 {
3578
+ color: var(--bgl-yellow-130) !important;
3579
+ }
3580
+
3581
+ .bg-input-yellow-130 input,
3582
+ .bg-input-yellow-130 .selectinput-btn {
3583
+ background: var(--bgl-yellow-130) !important;
3584
+ }
3585
+
3586
+ .border-yellow-130 {
3587
+ border-color: var(--bgl-yellow-130) !important;
3588
+ }
3589
+
3590
+ .color-input-yellow-130 input {
3591
+ color: var(--bgl-yellow-130) !important;
3592
+ }
3593
+
3594
+ .bg-purple-130 {
3595
+ background: var(--bgl-purple-130) !important;
3596
+ }
3597
+
3598
+ .color-purple-130 {
3599
+ color: var(--bgl-purple-130) !important;
3600
+ }
3601
+
3602
+ .bg-input-purple-130 input,
3603
+ .bg-input-purple-130 .selectinput-btn {
3604
+ background: var(--bgl-purple-130) !important;
3605
+ }
3606
+
3607
+ .border-purple-130 {
3608
+ border-color: var(--bgl-purple-130) !important;
3609
+ }
3610
+
3611
+ .color-input-purple-130 input {
3612
+ color: var(--bgl-purple-130) !important;
3613
+ }
3614
+
3615
+ .bg-brown-130 {
3616
+ background: var(--bgl-brown-130) !important;
3617
+ }
3618
+
3619
+ .color-brown-130 {
3620
+ color: var(--bgl-brown-130) !important;
3621
+ }
3622
+
3623
+ .bg-input-brown-130 input,
3624
+ .bg-input-brown-130 .selectinput-btn {
3625
+ background: var(--bgl-brown-130) !important;
3626
+ }
3627
+
3628
+ .border-brown-130 {
3629
+ border-color: var(--bgl-brown-130) !important;
3630
+ }
3631
+
3632
+ .color-input-brown-130 input {
3633
+ color: var(--bgl-brown-130) !important;
3634
+ }
3635
+
3636
+ .bg-orange-130 {
3637
+ background: var(--bgl-orange-130) !important;
3638
+ }
3639
+
3640
+ .color-orange-130 {
3641
+ color: var(--bgl-orange-130) !important;
3642
+ }
3643
+
3644
+ .bg-input-orange-130 input,
3645
+ .bg-input-orange-130 .selectinput-btn {
3646
+ background: var(--bgl-orange-130) !important;
3647
+ }
3648
+
3649
+ .border-orange-130 {
3650
+ border-color: var(--bgl-orange-130) !important;
3651
+ }
3652
+
3653
+ .color-input-orange-130 input {
3654
+ color: var(--bgl-orange-130) !important;
3655
+ }
3656
+
3657
+ .bg-turquoise-130 {
3658
+ background: var(--bgl-turquoise-130) !important;
3659
+ }
3660
+
3661
+ .color-turquoise-130 {
3662
+ color: var(--bgl-turquoise-130) !important;
3663
+ }
3664
+
3665
+ .bg-input-turquoise-130 input,
3666
+ .bg-input-turquoise-130 .selectinput-btn {
3667
+ background: var(--bgl-turquoise-130) !important;
3668
+ }
3669
+
3670
+ .border-turquoise-130 {
3671
+ border-color: var(--bgl-turquoise-130) !important;
3672
+ }
3673
+
3674
+ .color-input-turquoise-130 input {
3675
+ color: var(--bgl-turquoise-130) !important;
3676
+ }
3677
+
3678
+ .bg-gray-130 {
3679
+ background: var(--bgl-gray-130) !important;
3680
+ }
3681
+
3682
+ .color-gray-130 {
3683
+ color: var(--bgl-gray-130) !important;
3684
+ }
3685
+
3686
+ .bg-input-gray-130 input,
3687
+ .bg-input-gray-130 .selectinput-btn {
3688
+ background: var(--bgl-gray-130) !important;
3689
+ }
3690
+
3691
+ .border-gray-130 {
3692
+ border-color: var(--bgl-gray-130) !important;
3693
+ }
3694
+
3695
+ .color-input-gray-130 input {
3696
+ color: var(--bgl-gray-130) !important;
3697
+ }
3698
+
3699
+ .bg-black-130 {
3700
+ background: var(--bgl-black-130) !important;
3701
+ }
3702
+
3703
+ .color-black-130 {
3704
+ color: var(--bgl-black-130) !important;
3705
+ }
3706
+
3707
+ .bg-input-black-130 input,
3708
+ .bg-input-black-130 .selectinput-btn {
3709
+ background: var(--bgl-black-130) !important;
3710
+ }
3711
+
3712
+ .border-black-130 {
3713
+ border-color: var(--bgl-black-130) !important;
3714
+ }
3715
+
3716
+ .color-input-black-130 input {
3717
+ color: var(--bgl-black-130) !important;
3718
+ }
3719
+
3720
+ .bg-pink-130 {
3721
+ background: var(--bgl-pink-130) !important;
3722
+ }
3723
+
3724
+ .color-pink-130 {
3725
+ color: var(--bgl-pink-130) !important;
3726
+ }
3727
+
3728
+ .bg-input-pink-130 input,
3729
+ .bg-input-pink-130 .selectinput-btn {
3730
+ background: var(--bgl-pink-130) !important;
3731
+ }
3732
+
3733
+ .border-pink-130 {
3734
+ border-color: var(--bgl-pink-130) !important;
3735
+ }
3736
+
3737
+ .color-input-pink-130 input {
3738
+ color: var(--bgl-pink-130) !important;
3739
+ }