@daracl/form 0.0.18 → 0.0.19

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 (32) hide show
  1. package/dist/daracl.form.css +163 -63
  2. package/dist/daracl.form.min.css +2 -2
  3. package/dist/daracl.form.min.umd.js +30 -30
  4. package/dist/daracl.form.min.umd.js.map +1 -1
  5. package/dist/daracl.form.umd.js +26 -6
  6. package/dist/daracl.form.umd.js.map +1 -1
  7. package/dist/index.cjs +26 -6
  8. package/dist/index.cjs.map +1 -1
  9. package/dist/index.js +26 -6
  10. package/dist/index.js.map +1 -1
  11. package/dist/index.min.cjs +24 -24
  12. package/dist/index.min.cjs.map +1 -1
  13. package/dist/index.min.js +397 -392
  14. package/dist/index.min.js.map +1 -1
  15. package/package.json +1 -1
  16. package/style/base/_base.scss +18 -9
  17. package/style/components/_field-container.scss +2 -1
  18. package/style/components/_file-list.scss +30 -4
  19. package/style/components/_form-field.scss +3 -2
  20. package/style/components/_form-group.scss +5 -1
  21. package/style/components/_grid-field.scss +0 -1
  22. package/style/components/_icon.scss +12 -2
  23. package/style/components/_label.scss +16 -10
  24. package/style/components/_tab.scss +1 -2
  25. package/style/daracl.form.css +204 -128
  26. package/style/daracl.form.css.map +1 -1
  27. package/style/daracl.form.min.css +1 -1
  28. package/style/daracl.form.min.css.map +1 -1
  29. package/style/daracl.form.scss +24 -15
  30. package/style/themes/_common.scss +6 -1
  31. package/style/themes/_dark.scss +24 -12
  32. package/style/themes/_light.scss +10 -4
package/dist/daracl.form.css CHANGED
@@ -2,7 +2,11 @@
2
2
  /* ==========================================================================
3
3
  Theme
4
4
  ========================================================================== */
5
+ /* ==========================================================================
6
+ Common
7
+ ========================================================================== */
5
8
  .daracl-form {
9
+ background: var(--body-bg);
6
10
  --color-danger: #d9534f;
7
11
  --background-danger: #d9534f;
8
12
  --invalid-font-color: #ff4136;
@@ -11,50 +15,29 @@
11
15
  --tooltip-background: #3e3e3e;
12
16
  --tooltip-color: #fff;
13
17
  --field-margin-top: 10px;
14
- --field-padding-top: 5px;
18
+ --field-padding-top: 3px;
15
19
  --field-padding-right: 15px;
16
- --border-color: #dfe1e5;
20
+ --line-height: 1.2em;
21
+ --line-height-lg: 1.5em;
22
+ --font-size-sm: 12px;
23
+ --font-size: 14px;
24
+ --font-size-lg: 16px;
25
+ --border-color: #cdcdcd;
17
26
  --font-color: #686868;
18
27
  --font-hover-color: #3a3d41;
19
- --button-bg: #f6f6f6;
20
- --button-bg-hover: #ebebeb;
28
+ --font-disable-color: #ebebeb;
29
+ --button-bg: #ffffff;
30
+ --button-bg-hover: #e3e3e3;
21
31
  --tab-bg: #f6f6f6;
22
32
  --tab-bg-hover: #ebebeb;
23
33
  --input-bg: #fff;
24
34
  --input-color: #212529;
25
35
  --input-disabled-bg: #ebebeb;
26
36
  --bg-grid-header: #f1f1f1;
27
- }
28
-
29
- body.dark .daracl-form,
30
- .daracl-form.dark {
31
- --color-danger: #d9534f;
32
- --background-danger: #d9534f;
33
- --invalid-font-color: #ff4136;
34
- --invalid-border-color: #ffb6b4;
35
- --invalid-background-color: #fdd;
36
- --tooltip-background: #3e3e3e;
37
- --tooltip-color: #fff;
38
- --field-margin-top: 10px;
39
- --field-padding-top: 5px;
40
- --field-padding-right: 15px;
41
- --border-color: #41444c;
42
- --font-color: #b9bdc1;
43
- --font-hover-color: #f5f3f3;
44
- --button-bg: #435ebe;
45
- --button-bg-hover: #3950a2;
46
- --tab-bg: #23418f;
47
- --tab-bg-hover: #516db1;
48
- --input-bg: transparent;
49
- --input-color: #c6cddb;
50
- --input-disabled-bg: #878787;
51
- --bg-grid-header: #878787;
52
- }
53
-
54
- /* ==========================================================================
55
- Common
56
- ========================================================================== */
57
- .daracl-form {
37
+ --icon-color: #5f6368;
38
+ --body-bg: #ffffff;
39
+ --body-bg-thin: #f0f0f0;
40
+ --body-bg-hover: #d2d2d2;
58
41
  padding: 0px;
59
42
  margin-top: 8px;
60
43
  color: var(--font-color);
@@ -63,7 +46,9 @@ body.dark .daracl-form,
63
46
  .daracl-form ::after,
64
47
  .daracl-form ::before {
65
48
  box-sizing: border-box;
66
- line-height: 1.6em;
49
+ line-height: var(--line-height);
50
+ font-size: var(--font-size);
51
+ color: var(--font-color);
67
52
  }
68
53
  .daracl-form .df-txt-left {
69
54
  text-align: left;
@@ -74,13 +59,19 @@ body.dark .daracl-form,
74
59
  .daracl-form .df-txt-right {
75
60
  text-align: right;
76
61
  }
77
- .daracl-form[data-df-mode=view] .df-form-field {
78
- border-width: 0px;
79
- border-color: transparent;
80
- outline: initial;
62
+ .daracl-form[data-df-mode=view] .df-field input[type=text],
63
+ .daracl-form[data-df-mode=view] .df-field input[type=password],
64
+ .daracl-form[data-df-mode=view] .df-field input[type=email],
65
+ .daracl-form[data-df-mode=view] .df-field input[type=number],
66
+ .daracl-form[data-df-mode=view] .df-field input[type=tel],
67
+ .daracl-form[data-df-mode=view] .df-field textarea {
68
+ user-select: text;
81
69
  }
82
- .daracl-form[data-df-mode=view] .df-form-field:focus-visible, .daracl-form[data-df-mode=view] .df-form-field:focus {
83
- border-width: 0px;
70
+ .daracl-form[data-df-mode=view] .df-field input[type=checkbox],
71
+ .daracl-form[data-df-mode=view] .df-field input[type=radio],
72
+ .daracl-form[data-df-mode=view] .df-field label,
73
+ .daracl-form[data-df-mode=view] .df-field select {
74
+ pointer-events: none;
84
75
  }
85
76
  .daracl-form .df-hidden {
86
77
  max-height: 0vh !important;
@@ -104,22 +95,28 @@ body.dark .daracl-form,
104
95
  }
105
96
  .daracl-form .df-label {
106
97
  position: relative;
107
- font-weight: 700;
108
98
  vertical-align: top;
109
- padding-top: var(--field-padding-top);
110
99
  padding-right: var(--field-padding-right);
111
- overflow: initial;
112
- white-space: nowrap;
113
- text-overflow: ellipsis;
114
- word-break: break-all;
100
+ display: flex;
101
+ align-items: center;
115
102
  }
116
103
  .daracl-form .df-label .required {
117
104
  color: var(--color-danger);
105
+ display: inline-block;
106
+ vertical-align: middle;
118
107
  }
119
108
  .daracl-form .df-label .required::after {
109
+ color: var(--color-danger);
120
110
  content: "*";
121
111
  vertical-align: middle;
122
112
  }
113
+ .daracl-form .df-label .df-label-text {
114
+ min-width: 0;
115
+ overflow: hidden;
116
+ white-space: nowrap;
117
+ text-overflow: ellipsis;
118
+ line-height: initial;
119
+ }
123
120
  .daracl-form .df-label .df-tooltip {
124
121
  visibility: visible;
125
122
  color: var(--tooltip-color);
@@ -128,12 +125,13 @@ body.dark .daracl-form,
128
125
  height: 16px;
129
126
  border-radius: 8px;
130
127
  text-align: center;
131
- line-height: 16px;
128
+ line-height: var(--line-height-lg);
132
129
  margin: 0 5px;
133
130
  font-size: 12px;
134
131
  cursor: help;
135
132
  position: relative;
136
133
  display: inline-block;
134
+ flex-shrink: 0;
137
135
  }
138
136
  .daracl-form .df-label .df-tooltip .df-tooltip-text {
139
137
  display: none;
@@ -156,9 +154,10 @@ body.dark .daracl-form,
156
154
  border: 1px solid var(--border-color);
157
155
  display: block;
158
156
  width: 100%;
159
- padding: 0.375rem 0.75rem;
157
+ padding: 0px 0.75rem;
160
158
  font-weight: 400;
161
- line-height: 1.5;
159
+ line-height: var(--line-height);
160
+ height: 30px;
162
161
  border-radius: 4px;
163
162
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
164
163
  background-color: var(--input-bg);
@@ -377,13 +376,17 @@ body.dark .daracl-form,
377
376
  width: 100%;
378
377
  padding: 0.375rem 0.75rem;
379
378
  font-weight: 400;
380
- line-height: 1.5;
379
+ line-height: var(--line-height-lg);
381
380
  background-clip: padding-box;
382
381
  border-radius: 4px;
383
382
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
384
383
  }
385
384
  .daracl-form .df-field-container .df-description {
386
385
  padding: 3px 0px 0px;
386
+ font-size: var(--font-size-sm);
387
+ }
388
+ .daracl-form .df-file-list .df-file-item {
389
+ height: 25px;
387
390
  }
388
391
  .daracl-form .df-file-list .df-file-icon {
389
392
  width: 20px;
@@ -395,11 +398,31 @@ body.dark .daracl-form,
395
398
  .daracl-form .df-file-list .df-file-icon:hover {
396
399
  background-color: var(--button-bg-hover);
397
400
  }
398
- .daracl-form .df-file-list .df-file-icon.df-file-download {
399
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjIwcHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48cGF0aCBkPSJNMTgsMTV2M0g2di0zSDR2M2MwLDEuMSwwLjksMiwyLDJoMTJjMS4xLDAsMi0wLjksMi0ydi0zSDE4eiBNMTcsMTFsLTEuNDEtMS40MUwxMywxMi4xN1Y0aC0ydjguMTdMOC40MSw5LjU5TDcsMTFsNSw1IEwxNywxMXoiLz48L2c+PC9zdmc+");
401
+ .daracl-form .df-file-list .df-file-icon::before {
402
+ content: "";
403
+ display: block;
404
+ width: 100%;
405
+ height: 100%;
406
+ background-color: var(--icon-color);
407
+ -webkit-mask-repeat: no-repeat;
408
+ mask-repeat: no-repeat;
409
+ }
410
+ .daracl-form .df-file-list .df-file-icon.df-file-download::before {
411
+ -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjIwcHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48cGF0aCBkPSJNMTgsMTV2M0g2di0zSDR2M2MwLDEuMSwwLjksMiwyLDJoMTJjMS4xLDAsMi0wLjksMi0ydi0zSDE4eiBNMTcsMTFsLTEuNDEtMS40MUwxMywxMi4xN1Y0aC0ydjguMTdMOC40MSw5LjU5TDcsMTFsNSw1IEwxNywxMXoiLz48L2c+PC9zdmc+");
412
+ mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjIwcHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48cGF0aCBkPSJNMTgsMTV2M0g2di0zSDR2M2MwLDEuMSwwLjksMiwyLDJoMTJjMS4xLDAsMi0wLjksMi0ydi0zSDE4eiBNMTcsMTFsLTEuNDEtMS40MUwxMywxMi4xN1Y0aC0ydjguMTdMOC40MSw5LjU5TDcsMTFsNSw1IEwxNywxMXoiLz48L2c+PC9zdmc+");
413
+ }
414
+ .daracl-form .df-file-list .df-file-icon.df-file-remove::before {
415
+ -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjBweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2IDl2MTBIOFY5aDhtLTEuNS02aC01bC0xIDFINXYyaDE0VjRoLTMuNWwtMS0xek0xOCA3SDZ2MTJjMCAxLjEuOSAyIDIgMmg4YzEuMSAwIDItLjkgMi0yVjd6Ii8+PC9zdmc+");
416
+ mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjBweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2IDl2MTBIOFY5aDhtLTEuNS02aC01bC0xIDFINXYyaDE0VjRoLTMuNWwtMS0xek0xOCA3SDZ2MTJjMCAxLjEuOSAyIDIgMmg4YzEuMSAwIDItLjkgMi0yVjd6Ii8+PC9zdmc+");
417
+ }
418
+ .daracl-form .df-file-list .df-file-icon.df-empty-icon {
419
+ cursor: default;
420
+ }
421
+ .daracl-form .df-file-list .df-file-icon.df-empty-icon:hover {
422
+ background-color: transparent;
400
423
  }
401
- .daracl-form .df-file-list .df-file-icon.df-file-remove {
402
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjBweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2IDl2MTBIOFY5aDhtLTEuNS02aC01bC0xIDFINXYyaDE0VjRoLTMuNWwtMS0xek0xOCA3SDZ2MTJjMCAxLjEuOSAyIDIgMmg4YzEuMSAwIDItLjkgMi0yVjd6Ii8+PC9zdmc+");
424
+ .daracl-form .df-file-list .df-file-icon.df-empty-icon::before {
425
+ background-color: transparent;
403
426
  }
404
427
  .daracl-form .df-file-list .df-file-name {
405
428
  text-overflow: ellipsis;
@@ -426,7 +449,7 @@ body.dark .daracl-form,
426
449
  margin: 0px;
427
450
  padding: 0px;
428
451
  display: flex;
429
- line-height: 1.3;
452
+ line-height: var(--line-height);
430
453
  width: 100%;
431
454
  border-bottom: 1px solid var(--border-color);
432
455
  }
@@ -462,7 +485,6 @@ body.dark .daracl-form,
462
485
  text-decoration: none;
463
486
  color: var(--font-color);
464
487
  height: 30px;
465
- line-height: 15px;
466
488
  }
467
489
  .daracl-form .df-tab-header > .df-tab-item a:hover {
468
490
  background-color: var(--tab-bg-hover);
@@ -493,11 +515,19 @@ body.dark .daracl-form,
493
515
  height: 21px; /* 아이콘의 높이 설정 */
494
516
  vertical-align: middle;
495
517
  }
518
+ .daracl-form .df-add-icon,
519
+ .daracl-form .df-remove-icon {
520
+ background-color: var(--icon-color);
521
+ -webkit-mask-repeat: no-repeat;
522
+ mask-repeat: no-repeat;
523
+ }
496
524
  .daracl-form .df-add-icon {
497
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%235f6368'%3E%3Cpath d='M431-431H220.78v-98H431v-210.22h98V-529h210.22v98H529v210.22h-98V-431Z'/%3E%3C/svg%3E");
525
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px'%3E%3Cpath d='M431-431H220.78v-98H431v-210.22h98V-529h210.22v98H529v210.22h-98V-431Z'/%3E%3C/svg%3E");
526
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px'%3E%3Cpath d='M431-431H220.78v-98H431v-210.22h98V-529h210.22v98H529v210.22h-98V-431Z'/%3E%3C/svg%3E");
498
527
  }
499
528
  .daracl-form .df-remove-icon {
500
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%235f6368'%3E%3Cpath d='M291-221.91 221.91-291l189-189-189-189L291-738.09l189 189 189-189L738.09-669l-189 189 189 189L669-221.91l-189-189-189 189Z'/%3E%3C/svg%3E");
529
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px'%3E%3Cpath d='M291-221.91 221.91-291l189-189-189-189L291-738.09l189 189 189-189L738.09-669l-189 189 189 189L669-221.91l-189-189-189 189Z'/%3E%3C/svg%3E");
530
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px'%3E%3Cpath d='M291-221.91 221.91-291l189-189-189-189L291-738.09l189 189 189-189L738.09-669l-189 189 189 189L669-221.91l-189-189-189 189Z'/%3E%3C/svg%3E");
501
531
  }
502
532
  .daracl-form .df-form-group {
503
533
  display: -ms-flexbox;
@@ -565,7 +595,11 @@ body.dark .daracl-form,
565
595
  }
566
596
  .daracl-form .df-form-group.invalid .df-help-message {
567
597
  display: block;
598
+ }
599
+ .daracl-form .df-form-group.invalid .df-help-message > * {
568
600
  color: var(--invalid-font-color);
601
+ font-size: var(--font-size-sm);
602
+ padding: 3px 0px;
569
603
  }
570
604
  .daracl-form .df-form-group.valid > .df-field-container.required > .df-field .df-help-icon {
571
605
  display: block;
@@ -584,9 +618,6 @@ body.dark .daracl-form,
584
618
  .daracl-form .df-form-group .df-file-label:hover {
585
619
  background-color: var(--button-bg-hover);
586
620
  }
587
- .daracl-form .df-grid-field {
588
- margin-right: 10px;
589
- }
590
621
  .daracl-form .df-grid-field .df-grid-btn-area {
591
622
  border: 1px solid var(--border-color);
592
623
  padding: 3px;
@@ -680,6 +711,75 @@ body.dark .daracl-form,
680
711
  .daracl-form .df-grid-field .df-grid-container .df-grid .valid > .df-grid-column.required .df-field .df-help-icon {
681
712
  display: block;
682
713
  background-image: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjMTlhOTc0OyYjMTA7Ij48cGF0aCBkPSJNMzc4LTI0NiAxNTQtNDcwbDQzLTQzIDE4MSAxODEgMzg0LTM4NCA0MyA0My00MjcgNDI3WiIvPjwvc3ZnPg==");
714
+ }
715
+
716
+ [data-daracl-theme=dark] .daracl-form {
717
+ --color-danger: #ff6b6b;
718
+ --background-danger: #ff6b6b;
719
+ --invalid-font-color: #ff9b9b;
720
+ --invalid-border-color: #ff5e5e;
721
+ --invalid-background-color: #3a1f1f;
722
+ --tooltip-background: #444;
723
+ --tooltip-color: #fff;
724
+ --field-margin-top: 10px;
725
+ --field-padding-top: 3px;
726
+ --field-padding-right: 15px;
727
+ --line-height: 1.2em;
728
+ --line-height-lg: 1.5em;
729
+ --font-size-sm: 12px;
730
+ --font-size: 14px;
731
+ --font-size-lg: 16px;
732
+ --border-color: #585858;
733
+ --font-color: #e0e0e0;
734
+ --font-hover-color: #ffffff;
735
+ --font-disable-color: #ebebeb;
736
+ --button-bg: #5a5a5a;
737
+ --button-bg-hover: #727272;
738
+ --tab-bg: #2c2c2c;
739
+ --tab-bg-hover: #3c3c3c;
740
+ --input-bg: #2a2a2a;
741
+ --input-color: #f0f0f0;
742
+ --input-disabled-bg: #555;
743
+ --bg-grid-header: #1a1717;
744
+ --icon-color: #fffbfb;
745
+ --body-bg: #1a1a1a;
746
+ --body-bg-thin: #444343;
747
+ --body-bg-hover: #565555;
748
+ }
749
+
750
+ body.dark .daracl-form,
751
+ .daracl-form.dark {
752
+ --color-danger: #ff6b6b;
753
+ --background-danger: #ff6b6b;
754
+ --invalid-font-color: #ff9b9b;
755
+ --invalid-border-color: #ff5e5e;
756
+ --invalid-background-color: #3a1f1f;
757
+ --tooltip-background: #444;
758
+ --tooltip-color: #fff;
759
+ --field-margin-top: 10px;
760
+ --field-padding-top: 3px;
761
+ --field-padding-right: 15px;
762
+ --line-height: 1.2em;
763
+ --line-height-lg: 1.5em;
764
+ --font-size-sm: 12px;
765
+ --font-size: 14px;
766
+ --font-size-lg: 16px;
767
+ --border-color: #585858;
768
+ --font-color: #e0e0e0;
769
+ --font-hover-color: #ffffff;
770
+ --font-disable-color: #ebebeb;
771
+ --button-bg: #5a5a5a;
772
+ --button-bg-hover: #727272;
773
+ --tab-bg: #2c2c2c;
774
+ --tab-bg-hover: #3c3c3c;
775
+ --input-bg: #2a2a2a;
776
+ --input-color: #f0f0f0;
777
+ --input-disabled-bg: #555;
778
+ --bg-grid-header: #1a1717;
779
+ --icon-color: #fffbfb;
780
+ --body-bg: #1a1a1a;
781
+ --body-bg-thin: #444343;
782
+ --body-bg-hover: #565555;
683
783
  }/*!
684
784
  * @daracl/datetimepicker v0.0.13
685
785
  * Copyright 2023-2026 darainfo;
package/dist/daracl.form.min.css CHANGED
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * @daracl/form v0.0.18
2
+ * @daracl/form v0.0.19
3
3
  * Copyright 2023-2026 darainfo;
4
4
  * Licensed MIT
5
5
  */
6
- @charset "UTF-8";.daracl-form{--color-danger: #d9534f;--background-danger: #d9534f;--invalid-font-color: #ff4136;--invalid-border-color: #ffb6b4;--invalid-background-color: #fdd;--tooltip-background: #3e3e3e;--tooltip-color: #fff;--field-margin-top: 10px;--field-padding-top: 5px;--field-padding-right: 15px;--border-color: #dfe1e5;--font-color: #686868;--font-hover-color: #3a3d41;--button-bg: #f6f6f6;--button-bg-hover: #ebebeb;--tab-bg: #f6f6f6;--tab-bg-hover: #ebebeb;--input-bg: #fff;--input-color: #212529;--input-disabled-bg: #ebebeb;--bg-grid-header: #f1f1f1}body.dark .daracl-form,.daracl-form.dark{--color-danger: #d9534f;--background-danger: #d9534f;--invalid-font-color: #ff4136;--invalid-border-color: #ffb6b4;--invalid-background-color: #fdd;--tooltip-background: #3e3e3e;--tooltip-color: #fff;--field-margin-top: 10px;--field-padding-top: 5px;--field-padding-right: 15px;--border-color: #41444c;--font-color: #b9bdc1;--font-hover-color: #f5f3f3;--button-bg: #435ebe;--button-bg-hover: #3950a2;--tab-bg: #23418f;--tab-bg-hover: #516db1;--input-bg: transparent;--input-color: #c6cddb;--input-disabled-bg: #878787;--bg-grid-header: #878787}.daracl-form{padding:0;margin-top:8px;color:var(--font-color)}.daracl-form *,.daracl-form :after,.daracl-form :before{box-sizing:border-box;line-height:1.6em}.daracl-form .df-txt-left{text-align:left}.daracl-form .df-txt-center{text-align:center}.daracl-form .df-txt-right{text-align:right}.daracl-form[data-df-mode=view] .df-form-field{border-width:0px;border-color:transparent;outline:initial}.daracl-form[data-df-mode=view] .df-form-field:focus-visible,.daracl-form[data-df-mode=view] .df-form-field:focus{border-width:0px}.daracl-form .df-hidden{max-height:0vh!important;width:0px;visibility:collapse;display:none!important;padding:0!important;margin:0!important}.daracl-form input,.daracl-form select,.daracl-form textarea{background-color:transparent;color:var(--font-color)}.daracl-form input[disabled],.daracl-form select[disabled],.daracl-form textarea[disabled]{background-color:var(--input-disabled-bg);opacity:.8}.daracl-form .df-label{position:relative;font-weight:700;vertical-align:top;padding-top:var(--field-padding-top);padding-right:var(--field-padding-right);overflow:initial;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.daracl-form .df-label .required{color:var(--color-danger)}.daracl-form .df-label .required:after{content:"*";vertical-align:middle}.daracl-form .df-label .df-tooltip{visibility:visible;color:var(--tooltip-color);background:var(--tooltip-background);width:16px;height:16px;border-radius:8px;text-align:center;line-height:16px;margin:0 5px;font-size:12px;cursor:help;position:relative;display:inline-block}.daracl-form .df-label .df-tooltip .df-tooltip-text{display:none;text-align:initial;background:var(--tooltip-background);border-radius:5px;color:var(--tooltip-color);padding:10px 5px;position:absolute;z-index:2;left:-10px;min-width:max-content;text-shadow:none;cursor:default}.daracl-form .df-label .df-tooltip:hover .df-tooltip-text{display:block}.daracl-form .df-form-field{border:1px solid var(--border-color);display:block;width:100%;padding:.375rem .75rem;font-weight:400;line-height:1.5;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:var(--input-bg);background-clip:padding-box;color:var(--input-color)}.daracl-form .df-form-field[type=radio],.daracl-form .df-form-field[type=checkbox]{width:14px;display:inline;min-height:0px;padding:0;margin:0;vertical-align:middle}.daracl-form .df-form-field.df-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none}.daracl-form .df-form-field.df-textarea{padding-right:0}.daracl-form .df-form-field[type=number]{padding-right:3px}.daracl-form .df-form-field.df-file{display:none}.daracl-form .df-form-field.df-range{padding:0}.daracl-form .df-row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.daracl-form .df-row.df-vertical{display:block}.daracl-form .df-row.df-horizontal{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.daracl-form .df-row.df-horizontal>.df-form-group>.df-empty{display:none!important}.daracl-form .df-row.df-horizontal>.df-form-group+.df-form-group{margin-left:10px!important}.daracl-form .df-row.df-top{flex-direction:column}.daracl-form .df-row.df-top>div{max-width:100%!important}.daracl-form .df-row.df-right{-ms-flex-direction:row-reverse!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;flex-direction:row-reverse!important}.daracl-form .df-row.df-bottom{flex-direction:column-reverse!important}.daracl-form .df-row.df-bottom>div{max-width:100%!important}.daracl-form .df-col-xs-1{flex-basis:8.33333333%;-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.daracl-form .df-col-xs-2{flex-basis:16.66666667%;-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.daracl-form .df-col-xs-3{flex-basis:25%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.daracl-form .df-col-xs-4{flex-basis:33.33333333%;-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.daracl-form .df-col-xs-5{flex-basis:41.66666667%;-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.daracl-form .df-col-xs-6{flex-basis:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.daracl-form .df-col-xs-7{flex-basis:58.33333333%;-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.daracl-form .df-col-xs-8{flex-basis:66.66666667%;-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.daracl-form .df-col-xs-9{flex-basis:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.daracl-form .df-col-xs-10{flex-basis:83.33333333%;-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.daracl-form .df-col-xs-11{flex-basis:91.66666667%;-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.daracl-form .df-col-xs-12{flex-basis:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.daracl-form .df-align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.daracl-form .df-col-xs{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.daracl-form .df-col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.daracl-form .df-col-fix{flex:none}.daracl-form .df-col-full{flex:1;overflow:auto}.daracl-form .df-field-container{overflow:initial;position:relative;flex:1}.daracl-form .df-field-container>.df-row{margin-top:-10px}.daracl-form .df-field-container>div+.df-row{margin-top:0}.daracl-form .df-field-container .df-field{position:relative}.daracl-form .df-field-container .df-field .df-range-num{clear:both;display:block;width:100%;text-align:left}.daracl-form .df-field-container .df-field .df-file-wrapper{border:1px solid var(--border-color);text-align:center;display:block;width:100%;padding:.375rem .75rem;font-weight:400;line-height:1.5;background-clip:padding-box;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.daracl-form .df-field-container .df-description{padding:3px 0 0}.daracl-form .df-file-list .df-file-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;cursor:pointer}.daracl-form .df-file-list .df-file-icon:hover{background-color:var(--button-bg-hover)}.daracl-form .df-file-list .df-file-icon.df-file-download{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjIwcHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48cGF0aCBkPSJNMTgsMTV2M0g2di0zSDR2M2MwLDEuMSwwLjksMiwyLDJoMTJjMS4xLDAsMi0wLjksMi0ydi0zSDE4eiBNMTcsMTFsLTEuNDEtMS40MUwxMywxMi4xN1Y0aC0ydjguMTdMOC40MSw5LjU5TDcsMTFsNSw1IEwxNywxMXoiLz48L2c+PC9zdmc+)}.daracl-form .df-file-list .df-file-icon.df-file-remove{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjBweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2IDl2MTBIOFY5aDhtLTEuNS02aC01bC0xIDFINXYyaDE0VjRoLTMuNWwtMS0xek0xOCA3SDZ2MTJjMCAxLjEuOSAyIDIgMmg4YzEuMSAwIDItLjkgMi0yVjd6Ii8+PC9zdmc+)}.daracl-form .df-file-list .df-file-name{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;display:inline-block;vertical-align:middle;width:calc(100% - 55px)}.daracl-form .df-field-group{display:flex;align-items:center}.daracl-form .df-field-group .df-field-item{padding-top:var(--field-padding-top);padding-right:8px}.daracl-form .df-field-group .df-field-item.df-vertical>*{display:block}.daracl-form .df-tab-header{list-style:none;margin:0;padding:0;display:flex;line-height:1.3;width:100%;border-bottom:1px solid var(--border-color)}.daracl-form .df-tab-header.df-tab-al-left{justify-content:left}.daracl-form .df-tab-header.df-tab-al-right{justify-content:right}.daracl-form .df-tab-header.df-tab-al-center{justify-content:center}.daracl-form .df-tab-header>.df-tab-item{list-style:none;float:left;position:relative;top:0;margin:1px .4em 0 0;padding:0;white-space:nowrap}.daracl-form .df-tab-header>.df-tab-item.active a{color:var(--font-hover-color);background-color:var(--tab-bg)}.daracl-form .df-tab-header>.df-tab-item a{border-top-left-radius:calc(.45rem - 1px);border-top-right-radius:calc(.45rem - 1px);border:1px solid transparent;border-bottom-width:0;float:left;padding:.5em 1em;text-decoration:none;color:var(--font-color);height:30px;line-height:15px}.daracl-form .df-tab-header>.df-tab-item a:hover{background-color:var(--tab-bg-hover);border:1px solid var(--border-color);border-bottom-width:0}.daracl-form .df-tab-body .df-tab-panel{display:none}.daracl-form .df-tab-body .df-tab-panel.active{display:block}.daracl-form .df-btn{padding:5px 10px;border-radius:calc(.45rem - 1px);border:1px solid var(--border-color);background-color:var(--button-bg);cursor:pointer;transition:background-color .3s}.daracl-form .df-btn:hover{color:var(--font-hover-color);background-color:var(--button-bg-hover)}.daracl-form .df-icon{display:inline-block;width:21px;height:21px;vertical-align:middle}.daracl-form .df-add-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%235f6368'%3E%3Cpath d='M431-431H220.78v-98H431v-210.22h98V-529h210.22v98H529v210.22h-98V-431Z'/%3E%3C/svg%3E")}.daracl-form .df-remove-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%235f6368'%3E%3Cpath d='M291-221.91 221.91-291l189-189-189-189L291-738.09l189 189 189-189L738.09-669l-189 189 189 189L669-221.91l-189-189-189 189Z'/%3E%3C/svg%3E")}.daracl-form .df-form-group{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--field-margin-top);margin-bottom:0;margin-right:0!important;margin-left:0!important}.daracl-form .df-form-group:last-child{margin-bottom:0}.daracl-form .df-form-group.df-top{flex-direction:column}.daracl-form .df-form-group.df-top>div{max-width:100%!important}.daracl-form .df-form-group.df-right{-ms-flex-direction:row-reverse!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;flex-direction:row-reverse!important}.daracl-form .df-form-group.df-bottom{flex-direction:column-reverse!important}.daracl-form .df-form-group.df-bottom>div{max-width:100%!important}.daracl-form .df-form-group .df-help-message{display:none}.daracl-form .df-form-group .df-help-icon{background-repeat:no-repeat;background-position-y:center}.daracl-form .df-form-group .df-help-icon.df-form-field{background-position-x:calc(100% - 15px)}.daracl-form .df-form-group .df-help-icon.df-form-icon{display:none;position:absolute;z-index:1;top:0;right:0;height:100%;width:20px;margin-right:15px}.daracl-form .df-form-group.invalid .df-form-field{border-color:var(--invalid-border-color);outline-color:var(--invalid-border-color)}.daracl-form .df-form-group.invalid>.df-field-container.required>.df-field .df-help-icon{display:block;background-image:url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im0yNDktMjA3LTQyLTQyIDIzMS0yMzEtMjMxLTIzMSA0Mi00MiAyMzEgMjMxIDIzMS0yMzEgNDIgNDItMjMxIDIzMSAyMzEgMjMxLTQyIDQyLTIzMS0yMzEtMjMxIDIzMVoiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjZmY3MzczOyYjMTA7Ii8+PC9zdmc+")}.daracl-form .df-form-group.invalid .df-help-message{display:block;color:var(--invalid-font-color)}.daracl-form .df-form-group.valid>.df-field-container.required>.df-field .df-help-icon{display:block;background-image:url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjMTlhOTc0OyYjMTA7Ij48cGF0aCBkPSJNMzc4LTI0NiAxNTQtNDcwbDQzLTQzIDE4MSAxODEgMzg0LTM4NCA0MyA0My00MjcgNDI3WiIvPjwvc3ZnPg==")}.daracl-form .df-form-group .df-file-label{border:1px solid var(--border-color);display:inline;width:100%;padding:3px 15px;line-height:1;background-clip:padding-box;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.daracl-form .df-form-group .df-file-label:hover{background-color:var(--button-bg-hover)}.daracl-form .df-grid-field{margin-right:10px}.daracl-form .df-grid-field .df-grid-btn-area{border:1px solid var(--border-color);padding:3px}.daracl-form .df-grid-field .df-grid-container{width:100%;height:auto;overflow-y:auto;border:1px solid var(--border-color)}.daracl-form .df-grid-field .df-grid-container .df-btn{padding:3px 5px}.daracl-form .df-grid-field .df-grid-container .df-grid{width:100%;border-top-width:0px;border-collapse:collapse}.daracl-form .df-grid-field .df-grid-container .df-grid>thead th{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border-color);background-color:var(--bg-grid-header);text-align:center}.daracl-form .df-grid-field .df-grid-container .df-grid .df-help-message{display:none}.daracl-form .df-grid-field .df-grid-container .df-grid td,.daracl-form .df-grid-field .df-grid-container .df-grid th{padding:3px 5px}.daracl-form .df-grid-field .df-grid-container .df-grid .df-help-icon{background-repeat:no-repeat;background-position-y:center}.daracl-form .df-grid-field .df-grid-container .df-grid .df-help-icon.df-form-field{background-position-x:calc(100% - 15px)}.daracl-form .df-grid-field .df-grid-container .df-grid .df-help-icon.df-form-icon{display:none;position:absolute;z-index:1;top:0;right:0;height:100%;width:20px;margin-right:15px}.daracl-form .df-grid-field .df-grid-container .df-grid .df-grid-column{position:relative}.daracl-form .df-grid-field .df-grid-container .df-grid .invalid .df-form-field{border-color:var(--invalid-border-color);outline-color:var(--invalid-border-color)}.daracl-form .df-grid-field .df-grid-container .df-grid .invalid>.df-grid-column.required .df-field .df-help-icon{display:block;background-image:url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im0yNDktMjA3LTQyLTQyIDIzMS0yMzEtMjMxLTIzMSA0Mi00MiAyMzEgMjMxIDIzMS0yMzEgNDIgNDItMjMxIDIzMSAyMzEgMjMxLTQyIDQyLTIzMS0yMzEtMjMxIDIzMVoiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjZmY3MzczOyYjMTA7Ii8+PC9zdmc+")}.daracl-form .df-grid-field .df-grid-container .df-grid .invalid .df-help-message{display:block;position:absolute;border:1px solid var(--invalid-border-color);border-color:var(--invalid-border-color) transparent transparent transparent;top:calc(100% + 6px);left:50%;transform:translate(-50%);min-width:270px;padding:5px;border-radius:.4rem;z-index:2;background-color:var(--invalid-background-color);color:var(--invalid-font-color)}.daracl-form .df-grid-field .df-grid-container .df-grid .invalid .df-help-message:after{content:"";position:absolute;top:0;left:50%;width:0;height:0;border:7px solid transparent;border-bottom-color:var(--invalid-border-color);border-top:0;border-left:0;margin-left:-3.5px;margin-top:-7px}.daracl-form .df-grid-field .df-grid-container .df-grid .valid>.df-grid-column.required .df-field .df-help-icon{display:block;background-image:url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjMTlhOTc0OyYjMTA7Ij48cGF0aCBkPSJNMzc4LTI0NiAxNTQtNDcwbDQzLTQzIDE4MSAxODEgMzg0LTM4NCA0MyA0My00MjcgNDI3WiIvPjwvc3ZnPg==")}/*!
6
+ @charset "UTF-8";.daracl-form{background:var(--body-bg);--color-danger: #d9534f;--background-danger: #d9534f;--invalid-font-color: #ff4136;--invalid-border-color: #ffb6b4;--invalid-background-color: #fdd;--tooltip-background: #3e3e3e;--tooltip-color: #fff;--field-margin-top: 10px;--field-padding-top: 3px;--field-padding-right: 15px;--line-height: 1.2em;--line-height-lg: 1.5em;--font-size-sm: 12px;--font-size: 14px;--font-size-lg: 16px;--border-color: #cdcdcd;--font-color: #686868;--font-hover-color: #3a3d41;--font-disable-color: #ebebeb;--button-bg: #ffffff;--button-bg-hover: #e3e3e3;--tab-bg: #f6f6f6;--tab-bg-hover: #ebebeb;--input-bg: #fff;--input-color: #212529;--input-disabled-bg: #ebebeb;--bg-grid-header: #f1f1f1;--icon-color: #5f6368;--body-bg: #ffffff;--body-bg-thin: #f0f0f0;--body-bg-hover: #d2d2d2;padding:0;margin-top:8px;color:var(--font-color)}.daracl-form *,.daracl-form :after,.daracl-form :before{box-sizing:border-box;line-height:var(--line-height);font-size:var(--font-size);color:var(--font-color)}.daracl-form .df-txt-left{text-align:left}.daracl-form .df-txt-center{text-align:center}.daracl-form .df-txt-right{text-align:right}.daracl-form[data-df-mode=view] .df-field input[type=text],.daracl-form[data-df-mode=view] .df-field input[type=password],.daracl-form[data-df-mode=view] .df-field input[type=email],.daracl-form[data-df-mode=view] .df-field input[type=number],.daracl-form[data-df-mode=view] .df-field input[type=tel],.daracl-form[data-df-mode=view] .df-field textarea{-webkit-user-select:text;user-select:text}.daracl-form[data-df-mode=view] .df-field input[type=checkbox],.daracl-form[data-df-mode=view] .df-field input[type=radio],.daracl-form[data-df-mode=view] .df-field label,.daracl-form[data-df-mode=view] .df-field select{pointer-events:none}.daracl-form .df-hidden{max-height:0vh!important;width:0px;visibility:collapse;display:none!important;padding:0!important;margin:0!important}.daracl-form input,.daracl-form select,.daracl-form textarea{background-color:transparent;color:var(--font-color)}.daracl-form input[disabled],.daracl-form select[disabled],.daracl-form textarea[disabled]{background-color:var(--input-disabled-bg);opacity:.8}.daracl-form .df-label{position:relative;vertical-align:top;padding-right:var(--field-padding-right);display:flex;align-items:center}.daracl-form .df-label .required{color:var(--color-danger);display:inline-block;vertical-align:middle}.daracl-form .df-label .required:after{color:var(--color-danger);content:"*";vertical-align:middle}.daracl-form .df-label .df-label-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:initial}.daracl-form .df-label .df-tooltip{visibility:visible;color:var(--tooltip-color);background:var(--tooltip-background);width:16px;height:16px;border-radius:8px;text-align:center;line-height:var(--line-height-lg);margin:0 5px;font-size:12px;cursor:help;position:relative;display:inline-block;flex-shrink:0}.daracl-form .df-label .df-tooltip .df-tooltip-text{display:none;text-align:initial;background:var(--tooltip-background);border-radius:5px;color:var(--tooltip-color);padding:10px 5px;position:absolute;z-index:2;left:-10px;min-width:max-content;text-shadow:none;cursor:default}.daracl-form .df-label .df-tooltip:hover .df-tooltip-text{display:block}.daracl-form .df-form-field{border:1px solid var(--border-color);display:block;width:100%;padding:0px .75rem;font-weight:400;line-height:var(--line-height);height:30px;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:var(--input-bg);background-clip:padding-box;color:var(--input-color)}.daracl-form .df-form-field[type=radio],.daracl-form .df-form-field[type=checkbox]{width:14px;display:inline;min-height:0px;padding:0;margin:0;vertical-align:middle}.daracl-form .df-form-field.df-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none}.daracl-form .df-form-field.df-textarea{padding-right:0}.daracl-form .df-form-field[type=number]{padding-right:3px}.daracl-form .df-form-field.df-file{display:none}.daracl-form .df-form-field.df-range{padding:0}.daracl-form .df-row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.daracl-form .df-row.df-vertical{display:block}.daracl-form .df-row.df-horizontal{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.daracl-form .df-row.df-horizontal>.df-form-group>.df-empty{display:none!important}.daracl-form .df-row.df-horizontal>.df-form-group+.df-form-group{margin-left:10px!important}.daracl-form .df-row.df-top{flex-direction:column}.daracl-form .df-row.df-top>div{max-width:100%!important}.daracl-form .df-row.df-right{-ms-flex-direction:row-reverse!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;flex-direction:row-reverse!important}.daracl-form .df-row.df-bottom{flex-direction:column-reverse!important}.daracl-form .df-row.df-bottom>div{max-width:100%!important}.daracl-form .df-col-xs-1{flex-basis:8.33333333%;-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.daracl-form .df-col-xs-2{flex-basis:16.66666667%;-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.daracl-form .df-col-xs-3{flex-basis:25%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.daracl-form .df-col-xs-4{flex-basis:33.33333333%;-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.daracl-form .df-col-xs-5{flex-basis:41.66666667%;-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.daracl-form .df-col-xs-6{flex-basis:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.daracl-form .df-col-xs-7{flex-basis:58.33333333%;-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.daracl-form .df-col-xs-8{flex-basis:66.66666667%;-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.daracl-form .df-col-xs-9{flex-basis:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.daracl-form .df-col-xs-10{flex-basis:83.33333333%;-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.daracl-form .df-col-xs-11{flex-basis:91.66666667%;-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.daracl-form .df-col-xs-12{flex-basis:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.daracl-form .df-align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.daracl-form .df-col-xs{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.daracl-form .df-col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.daracl-form .df-col-fix{flex:none}.daracl-form .df-col-full{flex:1;overflow:auto}.daracl-form .df-field-container{overflow:initial;position:relative;flex:1}.daracl-form .df-field-container>.df-row{margin-top:-10px}.daracl-form .df-field-container>div+.df-row{margin-top:0}.daracl-form .df-field-container .df-field{position:relative}.daracl-form .df-field-container .df-field .df-range-num{clear:both;display:block;width:100%;text-align:left}.daracl-form .df-field-container .df-field .df-file-wrapper{border:1px solid var(--border-color);text-align:center;display:block;width:100%;padding:.375rem .75rem;font-weight:400;line-height:var(--line-height-lg);background-clip:padding-box;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.daracl-form .df-field-container .df-description{padding:3px 0 0;font-size:var(--font-size-sm)}.daracl-form .df-file-list .df-file-item{height:25px}.daracl-form .df-file-list .df-file-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;cursor:pointer}.daracl-form .df-file-list .df-file-icon:hover{background-color:var(--button-bg-hover)}.daracl-form .df-file-list .df-file-icon:before{content:"";display:block;width:100%;height:100%;background-color:var(--icon-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.daracl-form .df-file-list .df-file-icon.df-file-download:before{-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjIwcHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48cGF0aCBkPSJNMTgsMTV2M0g2di0zSDR2M2MwLDEuMSwwLjksMiwyLDJoMTJjMS4xLDAsMi0wLjksMi0ydi0zSDE4eiBNMTcsMTFsLTEuNDEtMS40MUwxMywxMi4xN1Y0aC0ydjguMTdMOC40MSw5LjU5TDcsMTFsNSw1IEwxNywxMXoiLz48L2c+PC9zdmc+);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjIwcHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48cGF0aCBkPSJNMTgsMTV2M0g2di0zSDR2M2MwLDEuMSwwLjksMiwyLDJoMTJjMS4xLDAsMi0wLjksMi0ydi0zSDE4eiBNMTcsMTFsLTEuNDEtMS40MUwxMywxMi4xN1Y0aC0ydjguMTdMOC40MSw5LjU5TDcsMTFsNSw1IEwxNywxMXoiLz48L2c+PC9zdmc+)}.daracl-form .df-file-list .df-file-icon.df-file-remove:before{-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjBweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2IDl2MTBIOFY5aDhtLTEuNS02aC01bC0xIDFINXYyaDE0VjRoLTMuNWwtMS0xek0xOCA3SDZ2MTJjMCAxLjEuOSAyIDIgMmg4YzEuMSAwIDItLjkgMi0yVjd6Ii8+PC9zdmc+);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjBweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2IDl2MTBIOFY5aDhtLTEuNS02aC01bC0xIDFINXYyaDE0VjRoLTMuNWwtMS0xek0xOCA3SDZ2MTJjMCAxLjEuOSAyIDIgMmg4YzEuMSAwIDItLjkgMi0yVjd6Ii8+PC9zdmc+)}.daracl-form .df-file-list .df-file-icon.df-empty-icon{cursor:default}.daracl-form .df-file-list .df-file-icon.df-empty-icon:hover{background-color:transparent}.daracl-form .df-file-list .df-file-icon.df-empty-icon:before{background-color:transparent}.daracl-form .df-file-list .df-file-name{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;display:inline-block;vertical-align:middle;width:calc(100% - 55px)}.daracl-form .df-field-group{display:flex;align-items:center}.daracl-form .df-field-group .df-field-item{padding-top:var(--field-padding-top);padding-right:8px}.daracl-form .df-field-group .df-field-item.df-vertical>*{display:block}.daracl-form .df-tab-header{list-style:none;margin:0;padding:0;display:flex;line-height:var(--line-height);width:100%;border-bottom:1px solid var(--border-color)}.daracl-form .df-tab-header.df-tab-al-left{justify-content:left}.daracl-form .df-tab-header.df-tab-al-right{justify-content:right}.daracl-form .df-tab-header.df-tab-al-center{justify-content:center}.daracl-form .df-tab-header>.df-tab-item{list-style:none;float:left;position:relative;top:0;margin:1px .4em 0 0;padding:0;white-space:nowrap}.daracl-form .df-tab-header>.df-tab-item.active a{color:var(--font-hover-color);background-color:var(--tab-bg)}.daracl-form .df-tab-header>.df-tab-item a{border-top-left-radius:calc(.45rem - 1px);border-top-right-radius:calc(.45rem - 1px);border:1px solid transparent;border-bottom-width:0;float:left;padding:.5em 1em;text-decoration:none;color:var(--font-color);height:30px}.daracl-form .df-tab-header>.df-tab-item a:hover{background-color:var(--tab-bg-hover);border:1px solid var(--border-color);border-bottom-width:0}.daracl-form .df-tab-body .df-tab-panel{display:none}.daracl-form .df-tab-body .df-tab-panel.active{display:block}.daracl-form .df-btn{padding:5px 10px;border-radius:calc(.45rem - 1px);border:1px solid var(--border-color);background-color:var(--button-bg);cursor:pointer;transition:background-color .3s}.daracl-form .df-btn:hover{color:var(--font-hover-color);background-color:var(--button-bg-hover)}.daracl-form .df-icon{display:inline-block;width:21px;height:21px;vertical-align:middle}.daracl-form .df-add-icon,.daracl-form .df-remove-icon{background-color:var(--icon-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.daracl-form .df-add-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px'%3E%3Cpath d='M431-431H220.78v-98H431v-210.22h98V-529h210.22v98H529v210.22h-98V-431Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px'%3E%3Cpath d='M431-431H220.78v-98H431v-210.22h98V-529h210.22v98H529v210.22h-98V-431Z'/%3E%3C/svg%3E")}.daracl-form .df-remove-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px'%3E%3Cpath d='M291-221.91 221.91-291l189-189-189-189L291-738.09l189 189 189-189L738.09-669l-189 189 189 189L669-221.91l-189-189-189 189Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px'%3E%3Cpath d='M291-221.91 221.91-291l189-189-189-189L291-738.09l189 189 189-189L738.09-669l-189 189 189 189L669-221.91l-189-189-189 189Z'/%3E%3C/svg%3E")}.daracl-form .df-form-group{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--field-margin-top);margin-bottom:0;margin-right:0!important;margin-left:0!important}.daracl-form .df-form-group:last-child{margin-bottom:0}.daracl-form .df-form-group.df-top{flex-direction:column}.daracl-form .df-form-group.df-top>div{max-width:100%!important}.daracl-form .df-form-group.df-right{-ms-flex-direction:row-reverse!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;flex-direction:row-reverse!important}.daracl-form .df-form-group.df-bottom{flex-direction:column-reverse!important}.daracl-form .df-form-group.df-bottom>div{max-width:100%!important}.daracl-form .df-form-group .df-help-message{display:none}.daracl-form .df-form-group .df-help-icon{background-repeat:no-repeat;background-position-y:center}.daracl-form .df-form-group .df-help-icon.df-form-field{background-position-x:calc(100% - 15px)}.daracl-form .df-form-group .df-help-icon.df-form-icon{display:none;position:absolute;z-index:1;top:0;right:0;height:100%;width:20px;margin-right:15px}.daracl-form .df-form-group.invalid .df-form-field{border-color:var(--invalid-border-color);outline-color:var(--invalid-border-color)}.daracl-form .df-form-group.invalid>.df-field-container.required>.df-field .df-help-icon{display:block;background-image:url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im0yNDktMjA3LTQyLTQyIDIzMS0yMzEtMjMxLTIzMSA0Mi00MiAyMzEgMjMxIDIzMS0yMzEgNDIgNDItMjMxIDIzMSAyMzEgMjMxLTQyIDQyLTIzMS0yMzEtMjMxIDIzMVoiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjZmY3MzczOyYjMTA7Ii8+PC9zdmc+")}.daracl-form .df-form-group.invalid .df-help-message{display:block}.daracl-form .df-form-group.invalid .df-help-message>*{color:var(--invalid-font-color);font-size:var(--font-size-sm);padding:3px 0}.daracl-form .df-form-group.valid>.df-field-container.required>.df-field .df-help-icon{display:block;background-image:url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjMTlhOTc0OyYjMTA7Ij48cGF0aCBkPSJNMzc4LTI0NiAxNTQtNDcwbDQzLTQzIDE4MSAxODEgMzg0LTM4NCA0MyA0My00MjcgNDI3WiIvPjwvc3ZnPg==")}.daracl-form .df-form-group .df-file-label{border:1px solid var(--border-color);display:inline;width:100%;padding:3px 15px;line-height:1;background-clip:padding-box;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.daracl-form .df-form-group .df-file-label:hover{background-color:var(--button-bg-hover)}.daracl-form .df-grid-field .df-grid-btn-area{border:1px solid var(--border-color);padding:3px}.daracl-form .df-grid-field .df-grid-container{width:100%;height:auto;overflow-y:auto;border:1px solid var(--border-color)}.daracl-form .df-grid-field .df-grid-container .df-btn{padding:3px 5px}.daracl-form .df-grid-field .df-grid-container .df-grid{width:100%;border-top-width:0px;border-collapse:collapse}.daracl-form .df-grid-field .df-grid-container .df-grid>thead th{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border-color);background-color:var(--bg-grid-header);text-align:center}.daracl-form .df-grid-field .df-grid-container .df-grid .df-help-message{display:none}.daracl-form .df-grid-field .df-grid-container .df-grid td,.daracl-form .df-grid-field .df-grid-container .df-grid th{padding:3px 5px}.daracl-form .df-grid-field .df-grid-container .df-grid .df-help-icon{background-repeat:no-repeat;background-position-y:center}.daracl-form .df-grid-field .df-grid-container .df-grid .df-help-icon.df-form-field{background-position-x:calc(100% - 15px)}.daracl-form .df-grid-field .df-grid-container .df-grid .df-help-icon.df-form-icon{display:none;position:absolute;z-index:1;top:0;right:0;height:100%;width:20px;margin-right:15px}.daracl-form .df-grid-field .df-grid-container .df-grid .df-grid-column{position:relative}.daracl-form .df-grid-field .df-grid-container .df-grid .invalid .df-form-field{border-color:var(--invalid-border-color);outline-color:var(--invalid-border-color)}.daracl-form .df-grid-field .df-grid-container .df-grid .invalid>.df-grid-column.required .df-field .df-help-icon{display:block;background-image:url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiPjxwYXRoIGQ9Im0yNDktMjA3LTQyLTQyIDIzMS0yMzEtMjMxLTIzMSA0Mi00MiAyMzEgMjMxIDIzMS0yMzEgNDIgNDItMjMxIDIzMSAyMzEgMjMxLTQyIDQyLTIzMS0yMzEtMjMxIDIzMVoiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjZmY3MzczOyYjMTA7Ii8+PC9zdmc+")}.daracl-form .df-grid-field .df-grid-container .df-grid .invalid .df-help-message{display:block;position:absolute;border:1px solid var(--invalid-border-color);border-color:var(--invalid-border-color) transparent transparent transparent;top:calc(100% + 6px);left:50%;transform:translate(-50%);min-width:270px;padding:5px;border-radius:.4rem;z-index:2;background-color:var(--invalid-background-color);color:var(--invalid-font-color)}.daracl-form .df-grid-field .df-grid-container .df-grid .invalid .df-help-message:after{content:"";position:absolute;top:0;left:50%;width:0;height:0;border:7px solid transparent;border-bottom-color:var(--invalid-border-color);border-top:0;border-left:0;margin-left:-3.5px;margin-top:-7px}.daracl-form .df-grid-field .df-grid-container .df-grid .valid>.df-grid-column.required .df-field .df-help-icon{display:block;background-image:url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSImIzEwOyAgICBmaWxsOiAjMTlhOTc0OyYjMTA7Ij48cGF0aCBkPSJNMzc4LTI0NiAxNTQtNDcwbDQzLTQzIDE4MSAxODEgMzg0LTM4NCA0MyA0My00MjcgNDI3WiIvPjwvc3ZnPg==")}[data-daracl-theme=dark] .daracl-form,body.dark .daracl-form,.daracl-form.dark{--color-danger: #ff6b6b;--background-danger: #ff6b6b;--invalid-font-color: #ff9b9b;--invalid-border-color: #ff5e5e;--invalid-background-color: #3a1f1f;--tooltip-background: #444;--tooltip-color: #fff;--field-margin-top: 10px;--field-padding-top: 3px;--field-padding-right: 15px;--line-height: 1.2em;--line-height-lg: 1.5em;--font-size-sm: 12px;--font-size: 14px;--font-size-lg: 16px;--border-color: #585858;--font-color: #e0e0e0;--font-hover-color: #ffffff;--font-disable-color: #ebebeb;--button-bg: #5a5a5a;--button-bg-hover: #727272;--tab-bg: #2c2c2c;--tab-bg-hover: #3c3c3c;--input-bg: #2a2a2a;--input-color: #f0f0f0;--input-disabled-bg: #555;--bg-grid-header: #1a1717;--icon-color: #fffbfb;--body-bg: #1a1a1a;--body-bg-thin: #444343;--body-bg-hover: #565555}/*!
7
7
  * @daracl/datetimepicker v0.0.13
8
8
  * Copyright 2023-2026 darainfo;
9
9
  * Licensed MIT