@syncfusion/ej2-angular-calendars 26.1.41 → 26.2.4-ngcc

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 (162) hide show
  1. package/@syncfusion/ej2-angular-calendars.es5.js +1048 -0
  2. package/@syncfusion/ej2-angular-calendars.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-calendars.js +981 -0
  4. package/@syncfusion/ej2-angular-calendars.js.map +1 -0
  5. package/dist/ej2-angular-calendars.umd.js +1093 -0
  6. package/dist/ej2-angular-calendars.umd.js.map +1 -0
  7. package/dist/ej2-angular-calendars.umd.min.js +11 -0
  8. package/dist/ej2-angular-calendars.umd.min.js.map +1 -0
  9. package/ej2-angular-calendars.d.ts +9 -0
  10. package/ej2-angular-calendars.metadata.json +1 -0
  11. package/license +10 -0
  12. package/package.json +15 -29
  13. package/schematics/utils/lib-details.ts +2 -2
  14. package/src/calendar/calendar-all.module.d.ts +0 -6
  15. package/src/calendar/calendar.component.d.ts +0 -3
  16. package/src/calendar/calendar.module.d.ts +0 -6
  17. package/src/datepicker/datepicker-all.module.d.ts +0 -6
  18. package/src/datepicker/datepicker.component.d.ts +0 -3
  19. package/src/datepicker/datepicker.module.d.ts +0 -6
  20. package/src/daterangepicker/daterangepicker-all.module.d.ts +0 -6
  21. package/src/daterangepicker/daterangepicker.component.d.ts +0 -3
  22. package/src/daterangepicker/daterangepicker.module.d.ts +0 -7
  23. package/src/daterangepicker/presets.directive.d.ts +0 -5
  24. package/src/datetimepicker/datetimepicker-all.module.d.ts +0 -6
  25. package/src/datetimepicker/datetimepicker.component.d.ts +0 -3
  26. package/src/datetimepicker/datetimepicker.module.d.ts +0 -6
  27. package/src/timepicker/timepicker-all.module.d.ts +0 -6
  28. package/src/timepicker/timepicker.component.d.ts +0 -3
  29. package/src/timepicker/timepicker.module.d.ts +0 -6
  30. package/styles/bootstrap-dark.css +1 -3032
  31. package/styles/bootstrap.css +1 -3040
  32. package/styles/bootstrap4.css +1 -3068
  33. package/styles/bootstrap5-dark.css +1 -3200
  34. package/styles/bootstrap5.css +1 -3200
  35. package/styles/calendar/bootstrap-dark.css +1 -872
  36. package/styles/calendar/bootstrap.css +1 -873
  37. package/styles/calendar/bootstrap4.css +1 -873
  38. package/styles/calendar/bootstrap5-dark.css +1 -943
  39. package/styles/calendar/bootstrap5.css +1 -943
  40. package/styles/calendar/fabric-dark.css +1 -880
  41. package/styles/calendar/fabric.css +1 -885
  42. package/styles/calendar/fluent-dark.css +1 -1063
  43. package/styles/calendar/fluent.css +1 -1063
  44. package/styles/calendar/fluent2.css +1 -2026
  45. package/styles/calendar/highcontrast-light.css +1 -874
  46. package/styles/calendar/highcontrast.css +1 -885
  47. package/styles/calendar/material-dark.css +1 -884
  48. package/styles/calendar/material.css +1 -885
  49. package/styles/calendar/material3-dark.css +1 -1002
  50. package/styles/calendar/material3.css +1 -1114
  51. package/styles/calendar/tailwind-dark.css +1 -975
  52. package/styles/calendar/tailwind.css +1 -975
  53. package/styles/datepicker/bootstrap-dark.css +1 -447
  54. package/styles/datepicker/bootstrap.css +1 -448
  55. package/styles/datepicker/bootstrap4.css +1 -460
  56. package/styles/datepicker/bootstrap5-dark.css +1 -459
  57. package/styles/datepicker/bootstrap5.css +1 -459
  58. package/styles/datepicker/fabric-dark.css +1 -440
  59. package/styles/datepicker/fabric.css +1 -441
  60. package/styles/datepicker/fluent-dark.css +1 -459
  61. package/styles/datepicker/fluent.css +1 -459
  62. package/styles/datepicker/fluent2.css +1 -1680
  63. package/styles/datepicker/highcontrast-light.css +1 -453
  64. package/styles/datepicker/highcontrast.css +1 -454
  65. package/styles/datepicker/material-dark.css +1 -498
  66. package/styles/datepicker/material.css +1 -519
  67. package/styles/datepicker/material3-dark.css +1 -616
  68. package/styles/datepicker/material3.css +1 -728
  69. package/styles/datepicker/tailwind-dark.css +1 -464
  70. package/styles/datepicker/tailwind.css +1 -464
  71. package/styles/daterangepicker/bootstrap-dark.css +1 -1198
  72. package/styles/daterangepicker/bootstrap.css +1 -1204
  73. package/styles/daterangepicker/bootstrap4.css +1 -1216
  74. package/styles/daterangepicker/bootstrap5-dark.css +1 -1279
  75. package/styles/daterangepicker/bootstrap5.css +1 -1279
  76. package/styles/daterangepicker/fabric-dark.css +1 -1198
  77. package/styles/daterangepicker/fabric.css +1 -1199
  78. package/styles/daterangepicker/fluent-dark.css +1 -1322
  79. package/styles/daterangepicker/fluent.css +1 -1322
  80. package/styles/daterangepicker/fluent2.css +1 -2465
  81. package/styles/daterangepicker/highcontrast-light.css +1 -1198
  82. package/styles/daterangepicker/highcontrast.css +1 -1199
  83. package/styles/daterangepicker/material-dark.css +1 -1244
  84. package/styles/daterangepicker/material.css +1 -1270
  85. package/styles/daterangepicker/material3-dark.css +1 -1427
  86. package/styles/daterangepicker/material3.css +1 -1539
  87. package/styles/daterangepicker/tailwind-dark.css +1 -1219
  88. package/styles/daterangepicker/tailwind.css +1 -1219
  89. package/styles/datetimepicker/bootstrap-dark.css +1 -194
  90. package/styles/datetimepicker/bootstrap.css +1 -194
  91. package/styles/datetimepicker/bootstrap4.css +1 -196
  92. package/styles/datetimepicker/bootstrap5-dark.css +1 -195
  93. package/styles/datetimepicker/bootstrap5.css +1 -195
  94. package/styles/datetimepicker/fabric-dark.css +1 -194
  95. package/styles/datetimepicker/fabric.css +1 -194
  96. package/styles/datetimepicker/fluent-dark.css +1 -195
  97. package/styles/datetimepicker/fluent.css +1 -195
  98. package/styles/datetimepicker/fluent2.css +1 -1408
  99. package/styles/datetimepicker/highcontrast-light.css +1 -194
  100. package/styles/datetimepicker/highcontrast.css +1 -194
  101. package/styles/datetimepicker/material-dark.css +1 -252
  102. package/styles/datetimepicker/material.css +1 -281
  103. package/styles/datetimepicker/material3-dark.css +1 -363
  104. package/styles/datetimepicker/material3.css +1 -475
  105. package/styles/datetimepicker/tailwind-dark.css +1 -195
  106. package/styles/datetimepicker/tailwind.css +1 -195
  107. package/styles/fabric-dark.css +1 -3033
  108. package/styles/fabric.css +1 -3040
  109. package/styles/fluent-dark.css +1 -3361
  110. package/styles/fluent.css +1 -3361
  111. package/styles/fluent2.css +1 -9063
  112. package/styles/highcontrast-light.css +1 -3040
  113. package/styles/highcontrast.css +1 -3053
  114. package/styles/material-dark.css +1 -3224
  115. package/styles/material.css +1 -3291
  116. package/styles/material3-dark.css +1 -3845
  117. package/styles/material3.css +1 -4405
  118. package/styles/tailwind-dark.css +1 -3175
  119. package/styles/tailwind.css +1 -3175
  120. package/styles/timepicker/bootstrap-dark.css +1 -317
  121. package/styles/timepicker/bootstrap.css +1 -317
  122. package/styles/timepicker/bootstrap4.css +1 -319
  123. package/styles/timepicker/bootstrap5-dark.css +1 -320
  124. package/styles/timepicker/bootstrap5.css +1 -320
  125. package/styles/timepicker/fabric-dark.css +1 -317
  126. package/styles/timepicker/fabric.css +1 -317
  127. package/styles/timepicker/fluent-dark.css +1 -318
  128. package/styles/timepicker/fluent.css +1 -318
  129. package/styles/timepicker/fluent2.css +1 -1531
  130. package/styles/timepicker/highcontrast-light.css +1 -317
  131. package/styles/timepicker/highcontrast.css +1 -317
  132. package/styles/timepicker/material-dark.css +1 -363
  133. package/styles/timepicker/material.css +1 -383
  134. package/styles/timepicker/material3-dark.css +1 -484
  135. package/styles/timepicker/material3.css +1 -596
  136. package/styles/timepicker/tailwind-dark.css +1 -318
  137. package/styles/timepicker/tailwind.css +1 -318
  138. package/CHANGELOG.md +0 -1375
  139. package/esm2020/public_api.mjs +0 -2
  140. package/esm2020/src/calendar/calendar-all.module.mjs +0 -29
  141. package/esm2020/src/calendar/calendar.component.mjs +0 -91
  142. package/esm2020/src/calendar/calendar.module.mjs +0 -25
  143. package/esm2020/src/datepicker/datepicker-all.module.mjs +0 -29
  144. package/esm2020/src/datepicker/datepicker.component.mjs +0 -99
  145. package/esm2020/src/datepicker/datepicker.module.mjs +0 -25
  146. package/esm2020/src/daterangepicker/daterangepicker-all.module.mjs +0 -23
  147. package/esm2020/src/daterangepicker/daterangepicker.component.mjs +0 -103
  148. package/esm2020/src/daterangepicker/daterangepicker.module.mjs +0 -34
  149. package/esm2020/src/daterangepicker/presets.directive.mjs +0 -58
  150. package/esm2020/src/datetimepicker/datetimepicker-all.module.mjs +0 -23
  151. package/esm2020/src/datetimepicker/datetimepicker.component.mjs +0 -99
  152. package/esm2020/src/datetimepicker/datetimepicker.module.mjs +0 -25
  153. package/esm2020/src/index.mjs +0 -18
  154. package/esm2020/src/timepicker/timepicker-all.module.mjs +0 -23
  155. package/esm2020/src/timepicker/timepicker.component.mjs +0 -92
  156. package/esm2020/src/timepicker/timepicker.module.mjs +0 -25
  157. package/esm2020/syncfusion-ej2-angular-calendars.mjs +0 -5
  158. package/fesm2015/syncfusion-ej2-angular-calendars.mjs +0 -735
  159. package/fesm2015/syncfusion-ej2-angular-calendars.mjs.map +0 -1
  160. package/fesm2020/syncfusion-ej2-angular-calendars.mjs +0 -735
  161. package/fesm2020/syncfusion-ej2-angular-calendars.mjs.map +0 -1
  162. package/syncfusion-ej2-angular-calendars.d.ts +0 -5
@@ -1,4405 +1 @@
1
- :root {
2
- --color-sf-black: 0, 0, 0;
3
- --color-sf-white: 255, 255, 255;
4
- --color-sf-primary: 103, 80, 164;
5
- --color-sf-primary-container: 234, 221, 255;
6
- --color-sf-secondary: 98, 91, 113;
7
- --color-sf-secondary-container: 232, 222, 248;
8
- --color-sf-tertiary: 125, 82, 96;
9
- --color-sf-tertiary-container: 255, 216, 228;
10
- --color-sf-surface: 255, 255, 255;
11
- --color-sf-surface-variant: 231, 224, 236;
12
- --color-sf-background: var(--color-sf-surface);
13
- --color-sf-on-primary: 255, 255, 255;
14
- --color-sf-on-primary-container: 33, 0, 94;
15
- --color-sf-on-secondary: 255, 255, 255;
16
- --color-sf-on-secondary-container: 30, 25, 43;
17
- --color-sf-on-tertiary: 255, 255, 255;
18
- --color-sf-on-tertiary-containe: 55, 11, 30;
19
- --color-sf-on-surface: 28, 27, 31;
20
- --color-sf-on-surface-variant: 73, 69, 78;
21
- --color-sf-on-background: 28, 27, 31;
22
- --color-sf-outline: 121, 116, 126;
23
- --color-sf-outline-variant: 196, 199, 197;
24
- --color-sf-shadow: 0, 0, 0;
25
- --color-sf-surface-tint-color: 103, 80, 164;
26
- --color-sf-inverse-surface: 49, 48, 51;
27
- --color-sf-inverse-on-surface: 244, 239, 244;
28
- --color-sf-inverse-primary: 208, 188, 255;
29
- --color-sf-scrim: 0, 0, 0;
30
- --color-sf-error: 179, 38, 30;
31
- --color-sf-error-container: 249, 222, 220;
32
- --color-sf-on-error: 255, 250, 250;
33
- --color-sf-on-error-container: 65, 14, 11;
34
- --color-sf-success: 32, 81, 7;
35
- --color-sf-success-container: 209, 255, 186;
36
- --color-sf-on-success: 244, 255, 239;
37
- --color-sf-on-success-container: 13, 39, 0;
38
- --color-sf-info: 1, 87, 155;
39
- --color-sf-info-container: 233, 245, 255;
40
- --color-sf-on-info: 250, 253, 255;
41
- --color-sf-on-info-container: 0, 51, 91;
42
- --color-sf-warning: 145, 76, 0;
43
- --color-sf-warning-container: 254, 236, 222;
44
- --color-sf-on-warning: 255, 255, 255;
45
- --color-sf-on-warning-container: 47, 21, 0;
46
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
48
- --color-sf-diagram-palette-background: --color-sf-white;
49
- --color-sf-success-text: 255, 255, 255;
50
- --color-sf-warning-text: 255, 255, 255;
51
- --color-sf-danger-text: 255, 255, 255;
52
- --color-sf-info-text: 255, 255, 255;
53
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
54
- --color-sf-secondary-bg-color: var(--color-sf-surface);
55
- }
56
-
57
- .e-dark-mode {
58
- --color-sf-black: 0, 0, 0;
59
- --color-sf-white: 255, 255, 255;
60
- --color-sf-primary: 208, 188, 255;
61
- --color-sf-primary-container: 79, 55, 139;
62
- --color-sf-secondary: 204, 194, 220;
63
- --color-sf-secondary-container: 74, 68, 88;
64
- --color-sf-tertiary: 239, 184, 200;
65
- --color-sf-tertiary-container: 99, 59, 72;
66
- --color-sf-surface: 28, 27, 31;
67
- --color-sf-surface-variant: 28, 27, 31;
68
- --color-sf-background: var(--color-sf-surface);
69
- --color-sf-on-primary: 55, 30, 115;
70
- --color-sf-on-primary-container: 234, 221, 255;
71
- --color-sf-on-secondary: 51, 45, 65;
72
- --color-sf-on-secondary-container: 232, 222, 248;
73
- --color-sf-on-tertiary: 73, 37, 50;
74
- --color-sf-on-tertiary-containe: 255, 216, 228;
75
- --color-sf-on-surface: 230, 225, 229;
76
- --color-sf-on-surface-variant: 202, 196, 208;
77
- --color-sf-on-background: 230, 225, 229;
78
- --color-sf-outline: 147, 143, 153;
79
- --color-sf-outline-variant: 68, 71, 70;
80
- --color-sf-shadow: 0, 0, 0;
81
- --color-sf-surface-tint-color: 208, 188, 255;
82
- --color-sf-inverse-surface: 230, 225, 229;
83
- --color-sf-inverse-on-surface: 49, 48, 51;
84
- --color-sf-inverse-primary: 103, 80, 164;
85
- --color-sf-scrim: 0, 0, 0;
86
- --color-sf-error: 242, 184, 181;
87
- --color-sf-error-container: 140, 29, 24;
88
- --color-sf-on-error: 96, 20, 16;
89
- --color-sf-on-error-container: 249, 222, 220;
90
- --color-sf-success: 83, 202, 23;
91
- --color-sf-success-container: 22, 62, 2;
92
- --color-sf-on-success: 13, 39, 0;
93
- --color-sf-on-success-container: 183, 250, 150;
94
- --color-sf-info: 71, 172, 251;
95
- --color-sf-info-container: 0, 67, 120;
96
- --color-sf-on-info: 0, 51, 91;
97
- --color-sf-on-info-container: 173, 219, 255;
98
- --color-sf-warning: 245, 180, 130;
99
- --color-sf-warning-container: 123, 65, 0;
100
- --color-sf-on-warning: 99, 52, 0;
101
- --color-sf-on-warning-container: 255, 220, 193;
102
- --color-sf-spreadsheet-gridline: 231, 224, 236;
103
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
104
- --color-sf-success-text: 0, 0, 0;
105
- --color-sf-warning-text: 0, 0, 0;
106
- --color-sf-info-text: 0, 0, 0;
107
- --color-sf-danger-text: 0, 0, 0;
108
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
109
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
110
- }
111
-
112
- :root {
113
- --color-sf-black: 0, 0, 0;
114
- --color-sf-white: 255, 255, 255;
115
- --color-sf-primary: 103, 80, 164;
116
- --color-sf-primary-container: 234, 221, 255;
117
- --color-sf-secondary: 98, 91, 113;
118
- --color-sf-secondary-container: 232, 222, 248;
119
- --color-sf-tertiary: 125, 82, 96;
120
- --color-sf-tertiary-container: 255, 216, 228;
121
- --color-sf-surface: 255, 255, 255;
122
- --color-sf-surface-variant: 231, 224, 236;
123
- --color-sf-background: var(--color-sf-surface);
124
- --color-sf-on-primary: 255, 255, 255;
125
- --color-sf-on-primary-container: 33, 0, 94;
126
- --color-sf-on-secondary: 255, 255, 255;
127
- --color-sf-on-secondary-container: 30, 25, 43;
128
- --color-sf-on-tertiary: 255, 255, 255;
129
- --color-sf-on-tertiary-containe: 55, 11, 30;
130
- --color-sf-on-surface: 28, 27, 31;
131
- --color-sf-on-surface-variant: 73, 69, 78;
132
- --color-sf-on-background: 28, 27, 31;
133
- --color-sf-outline: 121, 116, 126;
134
- --color-sf-outline-variant: 196, 199, 197;
135
- --color-sf-shadow: 0, 0, 0;
136
- --color-sf-surface-tint-color: 103, 80, 164;
137
- --color-sf-inverse-surface: 49, 48, 51;
138
- --color-sf-inverse-on-surface: 244, 239, 244;
139
- --color-sf-inverse-primary: 208, 188, 255;
140
- --color-sf-scrim: 0, 0, 0;
141
- --color-sf-error: 179, 38, 30;
142
- --color-sf-error-container: 249, 222, 220;
143
- --color-sf-on-error: 255, 250, 250;
144
- --color-sf-on-error-container: 65, 14, 11;
145
- --color-sf-success: 32, 81, 7;
146
- --color-sf-success-container: 209, 255, 186;
147
- --color-sf-on-success: 244, 255, 239;
148
- --color-sf-on-success-container: 13, 39, 0;
149
- --color-sf-info: 1, 87, 155;
150
- --color-sf-info-container: 233, 245, 255;
151
- --color-sf-on-info: 250, 253, 255;
152
- --color-sf-on-info-container: 0, 51, 91;
153
- --color-sf-warning: 145, 76, 0;
154
- --color-sf-warning-container: 254, 236, 222;
155
- --color-sf-on-warning: 255, 255, 255;
156
- --color-sf-on-warning-container: 47, 21, 0;
157
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
158
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
159
- --color-sf-diagram-palette-background: --color-sf-white;
160
- --color-sf-success-text: 255, 255, 255;
161
- --color-sf-warning-text: 255, 255, 255;
162
- --color-sf-danger-text: 255, 255, 255;
163
- --color-sf-info-text: 255, 255, 255;
164
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
165
- --color-sf-secondary-bg-color: var(--color-sf-surface);
166
- }
167
-
168
- .e-dark-mode {
169
- --color-sf-black: 0, 0, 0;
170
- --color-sf-white: 255, 255, 255;
171
- --color-sf-primary: 208, 188, 255;
172
- --color-sf-primary-container: 79, 55, 139;
173
- --color-sf-secondary: 204, 194, 220;
174
- --color-sf-secondary-container: 74, 68, 88;
175
- --color-sf-tertiary: 239, 184, 200;
176
- --color-sf-tertiary-container: 99, 59, 72;
177
- --color-sf-surface: 28, 27, 31;
178
- --color-sf-surface-variant: 28, 27, 31;
179
- --color-sf-background: var(--color-sf-surface);
180
- --color-sf-on-primary: 55, 30, 115;
181
- --color-sf-on-primary-container: 234, 221, 255;
182
- --color-sf-on-secondary: 51, 45, 65;
183
- --color-sf-on-secondary-container: 232, 222, 248;
184
- --color-sf-on-tertiary: 73, 37, 50;
185
- --color-sf-on-tertiary-containe: 255, 216, 228;
186
- --color-sf-on-surface: 230, 225, 229;
187
- --color-sf-on-surface-variant: 202, 196, 208;
188
- --color-sf-on-background: 230, 225, 229;
189
- --color-sf-outline: 147, 143, 153;
190
- --color-sf-outline-variant: 68, 71, 70;
191
- --color-sf-shadow: 0, 0, 0;
192
- --color-sf-surface-tint-color: 208, 188, 255;
193
- --color-sf-inverse-surface: 230, 225, 229;
194
- --color-sf-inverse-on-surface: 49, 48, 51;
195
- --color-sf-inverse-primary: 103, 80, 164;
196
- --color-sf-scrim: 0, 0, 0;
197
- --color-sf-error: 242, 184, 181;
198
- --color-sf-error-container: 140, 29, 24;
199
- --color-sf-on-error: 96, 20, 16;
200
- --color-sf-on-error-container: 249, 222, 220;
201
- --color-sf-success: 83, 202, 23;
202
- --color-sf-success-container: 22, 62, 2;
203
- --color-sf-on-success: 13, 39, 0;
204
- --color-sf-on-success-container: 183, 250, 150;
205
- --color-sf-info: 71, 172, 251;
206
- --color-sf-info-container: 0, 67, 120;
207
- --color-sf-on-info: 0, 51, 91;
208
- --color-sf-on-info-container: 173, 219, 255;
209
- --color-sf-warning: 245, 180, 130;
210
- --color-sf-warning-container: 123, 65, 0;
211
- --color-sf-on-warning: 99, 52, 0;
212
- --color-sf-on-warning-container: 255, 220, 193;
213
- --color-sf-spreadsheet-gridline: 231, 224, 236;
214
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
215
- --color-sf-success-text: 0, 0, 0;
216
- --color-sf-warning-text: 0, 0, 0;
217
- --color-sf-info-text: 0, 0, 0;
218
- --color-sf-danger-text: 0, 0, 0;
219
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
220
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
221
- }
222
-
223
- /*! component icons */
224
- .e-calendar .e-header .e-date-icon-prev::before {
225
- content: "\e765";
226
- }
227
- .e-calendar .e-header .e-date-icon-next::before {
228
- content: "\e748";
229
- }
230
-
231
- /*! calendar layout */
232
- ejs-calendar {
233
- display: block;
234
- }
235
-
236
- .e-calendar.e-disabled .e-header .e-prev, .e-calendar.e-disabled .e-header .e-next {
237
- cursor: default;
238
- pointer-events: none;
239
- -ms-touch-action: none;
240
- touch-action: none;
241
- }
242
- .e-calendar.e-disabled .e-header .e-title {
243
- cursor: default;
244
- pointer-events: none;
245
- -ms-touch-action: none;
246
- touch-action: none;
247
- }
248
- .e-calendar.e-disabled .e-content td {
249
- pointer-events: none;
250
- -ms-touch-action: none;
251
- touch-action: none;
252
- }
253
- .e-calendar.e-disabled .e-btn.e-today {
254
- pointer-events: none;
255
- -ms-touch-action: none;
256
- touch-action: none;
257
- }
258
-
259
- .e-calendar,
260
- .e-bigger.e-small .e-calendar {
261
- /* stylelint-disable property-no-vendor-prefix */
262
- -webkit-tap-highlight-color: transparent;
263
- border-radius: 2px;
264
- display: block;
265
- overflow: auto;
266
- -webkit-user-select: none;
267
- -moz-user-select: none;
268
- -ms-user-select: none;
269
- user-select: none;
270
- }
271
- .e-calendar.e-rtl .e-header .e-title,
272
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
273
- float: right;
274
- text-align: right;
275
- }
276
- .e-calendar.e-rtl .e-header .e-icon-container,
277
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-icon-container {
278
- float: left;
279
- }
280
- .e-calendar .e-header,
281
- .e-bigger.e-small .e-calendar .e-header {
282
- background: none;
283
- display: table;
284
- font-weight: 500;
285
- position: relative;
286
- text-align: center;
287
- width: 100%;
288
- }
289
- .e-calendar .e-header button,
290
- .e-bigger.e-small .e-calendar .e-header button {
291
- background: transparent;
292
- border: 0;
293
- margin-right: 0;
294
- padding: 0;
295
- text-decoration: none;
296
- }
297
- .e-calendar .e-header span,
298
- .e-bigger.e-small .e-calendar .e-header span {
299
- cursor: pointer;
300
- display: inline-block;
301
- font-size: 15px;
302
- font-weight: 500;
303
- line-height: 16px;
304
- padding: 10px;
305
- vertical-align: middle;
306
- }
307
- .e-calendar .e-header span.e-disabled,
308
- .e-bigger.e-small .e-calendar .e-header span.e-disabled {
309
- cursor: default;
310
- }
311
- .e-calendar .e-week-header,
312
- .e-bigger.e-small .e-calendar .e-week-header {
313
- padding: 0;
314
- }
315
- .e-calendar th,
316
- .e-bigger.e-small .e-calendar th {
317
- cursor: default;
318
- font-size: 13px;
319
- font-weight: normal;
320
- text-align: center;
321
- }
322
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover,
323
- .e-bigger.e-small .e-calendar .e-content .e-selected,
324
- .e-bigger.e-small .e-calendar .e-content .e-state-hover {
325
- border-radius: 0;
326
- }
327
- .e-calendar .e-content span.e-day,
328
- .e-bigger.e-small .e-calendar .e-content span.e-day {
329
- border-radius: 0;
330
- cursor: pointer;
331
- display: inline-block;
332
- font-size: 13px;
333
- overflow: hidden;
334
- padding: 0;
335
- text-align: center;
336
- text-decoration: none;
337
- vertical-align: middle;
338
- }
339
- .e-calendar .e-content th, .e-calendar .e-content td,
340
- .e-bigger.e-small .e-calendar .e-content th,
341
- .e-bigger.e-small .e-calendar .e-content td {
342
- -webkit-box-sizing: border-box;
343
- box-sizing: border-box;
344
- }
345
- .e-calendar .e-content td.e-disabled,
346
- .e-bigger.e-small .e-calendar .e-content td.e-disabled {
347
- opacity: 0.35;
348
- pointer-events: none;
349
- -ms-touch-action: none;
350
- touch-action: none;
351
- }
352
- .e-calendar .e-content td.e-disabled.e-today,
353
- .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today {
354
- opacity: 1;
355
- }
356
- .e-calendar .e-content td.e-disabled.e-today span.e-day,
357
- .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today span.e-day {
358
- -webkit-box-shadow: none;
359
- box-shadow: none;
360
- color: rgba(var(--color-sf-on-surface), 0.38);
361
- }
362
- .e-calendar .e-content td,
363
- .e-bigger.e-small .e-calendar .e-content td {
364
- cursor: pointer;
365
- padding: 2px;
366
- text-align: center;
367
- }
368
- .e-calendar .e-content td.e-week-number,
369
- .e-bigger.e-small .e-calendar .e-content td.e-week-number {
370
- color: rgba(var(--color-sf-on-surface-variant));
371
- font-size: 12px;
372
- font-style: italic;
373
- font-weight: 500;
374
- }
375
- .e-calendar .e-content td.e-overlay,
376
- .e-bigger.e-small .e-calendar .e-content td.e-overlay {
377
- background: none;
378
- width: initial;
379
- }
380
- .e-calendar .e-content table,
381
- .e-bigger.e-small .e-calendar .e-content table {
382
- border-collapse: separate;
383
- border-spacing: 0;
384
- border-width: 0;
385
- float: left;
386
- margin: 0;
387
- outline: 0;
388
- padding: 0 10px 10px;
389
- table-layout: fixed;
390
- width: 100%;
391
- }
392
- .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day,
393
- .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day,
394
- .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day {
395
- display: inline-block;
396
- font-weight: normal;
397
- }
398
- .e-calendar .e-content tr.e-month-hide,
399
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide {
400
- display: none;
401
- font-weight: normal;
402
- }
403
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year,
404
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
405
- .e-bigger.e-small .e-calendar .e-content td.e-other-month,
406
- .e-bigger.e-small .e-calendar .e-content td.e-other-year {
407
- pointer-events: initial;
408
- -ms-touch-action: initial;
409
- touch-action: initial;
410
- }
411
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month.e-disabled, .e-calendar .e-content td.e-other-year.e-disabled,
412
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
413
- .e-bigger.e-small .e-calendar .e-content td.e-other-month.e-disabled,
414
- .e-bigger.e-small .e-calendar .e-content td.e-other-year.e-disabled {
415
- pointer-events: none;
416
- -ms-touch-action: none;
417
- touch-action: none;
418
- }
419
- .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover,
420
- .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
421
- .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
422
- background: transparent;
423
- cursor: default;
424
- }
425
- .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
426
- .e-bigger.e-small .e-calendar .e-header .e-prev,
427
- .e-bigger.e-small .e-calendar .e-header .e-next {
428
- border-radius: 32px;
429
- display: inline-block;
430
- font-size: 16px;
431
- vertical-align: middle;
432
- }
433
- .e-calendar .e-header .e-title,
434
- .e-bigger.e-small .e-calendar .e-header .e-title {
435
- cursor: pointer;
436
- display: inline-block;
437
- float: left;
438
- font-size: 14px;
439
- font-weight: 600;
440
- text-align: left;
441
- padding: 0 5px;
442
- border: none;
443
- border-radius: 4px;
444
- }
445
- .e-calendar .e-header .e-title,
446
- .e-bigger.e-small .e-calendar .e-header .e-title {
447
- margin-left: 5px;
448
- }
449
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover,
450
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
451
- .e-bigger.e-small .e-calendar .e-header .e-next:hover {
452
- cursor: pointer;
453
- }
454
- .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay,
455
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-overlay,
456
- .e-bigger.e-small .e-calendar .e-header .e-next.e-overlay {
457
- background: none;
458
- }
459
- .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title,
460
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title,
461
- .e-bigger.e-small .e-calendar .e-header.e-year .e-title {
462
- margin-left: 5px;
463
- }
464
- .e-calendar .e-header.e-decade .e-title,
465
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
466
- cursor: default;
467
- }
468
- .e-calendar .e-header .e-icon-container,
469
- .e-bigger.e-small .e-calendar .e-header .e-icon-container {
470
- display: inline-block;
471
- float: right;
472
- padding-top: 0;
473
- }
474
- .e-calendar .e-footer-container,
475
- .e-bigger.e-small .e-calendar .e-footer-container {
476
- text-transform: uppercase;
477
- }
478
-
479
- .e-calendar,
480
- .e-bigger.e-small .e-calendar {
481
- border-spacing: 0;
482
- max-width: 252px;
483
- min-width: 240px;
484
- padding: 0;
485
- min-height: 336px;
486
- }
487
- .e-calendar.e-calendar-day-header-lg,
488
- .e-bigger.e-small .e-calendar.e-calendar-day-header-lg {
489
- max-width: 100%;
490
- min-width: 540px;
491
- }
492
- .e-calendar.e-week-number,
493
- .e-bigger.e-small .e-calendar.e-week-number {
494
- min-width: 262px;
495
- }
496
- .e-calendar.e-week,
497
- .e-bigger.e-small .e-calendar.e-week {
498
- max-width: 252px;
499
- min-width: 240px;
500
- }
501
- .e-calendar .e-header .e-title,
502
- .e-bigger.e-small .e-calendar .e-header .e-title {
503
- line-height: 40px;
504
- }
505
- .e-calendar.e-rtl .e-header .e-title,
506
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
507
- text-align: right;
508
- text-indent: 4px;
509
- }
510
- .e-calendar .e-header,
511
- .e-bigger.e-small .e-calendar .e-header {
512
- height: 40px;
513
- }
514
- .e-calendar .e-header.e-month,
515
- .e-bigger.e-small .e-calendar .e-header.e-month {
516
- padding: 10px 10px 0 10px;
517
- }
518
- .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade,
519
- .e-bigger.e-small .e-calendar .e-header.e-year,
520
- .e-bigger.e-small .e-calendar .e-header.e-decade {
521
- padding: 10px 10px 0 10px;
522
- }
523
- .e-calendar th,
524
- .e-bigger.e-small .e-calendar th {
525
- font-weight: normal;
526
- height: 32px;
527
- text-transform: none;
528
- }
529
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover,
530
- .e-bigger.e-small .e-calendar .e-content .e-selected,
531
- .e-bigger.e-small .e-calendar .e-content .e-state-hover {
532
- border-radius: 0;
533
- }
534
- .e-calendar .e-content span.e-day,
535
- .e-bigger.e-small .e-calendar .e-content span.e-day {
536
- border: none;
537
- font-size: 13px;
538
- font-weight: normal;
539
- height: 32px;
540
- line-height: 32px;
541
- width: 32px;
542
- }
543
- .e-calendar .e-content.e-month td.e-today span.e-day,
544
- .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
545
- line-height: 30px;
546
- }
547
- .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table,
548
- .e-bigger.e-small .e-calendar .e-content.e-year table,
549
- .e-bigger.e-small .e-calendar .e-content.e-decade table {
550
- border-spacing: 0;
551
- padding: 10px;
552
- }
553
- .e-calendar .e-content.e-month td,
554
- .e-bigger.e-small .e-calendar .e-content.e-month td {
555
- height: 32px;
556
- padding: 2px;
557
- }
558
- .e-calendar .e-content .tfooter > tr > td,
559
- .e-bigger.e-small .e-calendar .e-content .tfooter > tr > td {
560
- height: 36px;
561
- line-height: 36px;
562
- }
563
- .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td,
564
- .e-bigger.e-small .e-calendar .e-content.e-year td,
565
- .e-bigger.e-small .e-calendar .e-content.e-decade td {
566
- height: 56px;
567
- padding: 1px;
568
- width: 56px;
569
- }
570
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
571
- .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
572
- .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
573
- font-weight: normal;
574
- height: 32px;
575
- line-height: 32px;
576
- width: 56px;
577
- }
578
- .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next,
579
- .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev,
580
- .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-next {
581
- height: 36px;
582
- width: 36px;
583
- }
584
- .e-calendar .e-footer-container,
585
- .e-bigger.e-small .e-calendar .e-footer-container {
586
- background: transparent;
587
- border-top: none;
588
- cursor: default;
589
- display: -webkit-box;
590
- display: -ms-flexbox;
591
- display: flex;
592
- -webkit-box-orient: horizontal;
593
- -webkit-box-direction: normal;
594
- -ms-flex-direction: row;
595
- flex-direction: row;
596
- -webkit-box-pack: end;
597
- -ms-flex-pack: end;
598
- justify-content: flex-end;
599
- padding: 8px 12px 8px 12px;
600
- text-align: center;
601
- width: 100%;
602
- }
603
- .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
604
- .e-small.e-bigger .e-calendar .e-content.e-year span.e-day {
605
- font-size: 14px;
606
- }
607
- .e-small.e-bigger.e-calendar .e-content.e-month table,
608
- .e-small.e-bigger .e-calendar .e-content.e-month table {
609
- padding: 0 10px 10px;
610
- }
611
- .e-bigger.e-calendar,
612
- *.e-bigger .e-calendar {
613
- max-width: 296px;
614
- min-width: 296px;
615
- padding: 0;
616
- }
617
- .e-bigger.e-calendar.e-calendar-day-header-lg,
618
- *.e-bigger .e-calendar.e-calendar-day-header-lg {
619
- max-width: 100%;
620
- min-width: 540px;
621
- }
622
- .e-bigger.e-calendar.e-week,
623
- *.e-bigger .e-calendar.e-week {
624
- max-width: 296px;
625
- min-width: 296px;
626
- }
627
- .e-bigger.e-calendar.e-week-number,
628
- *.e-bigger .e-calendar.e-week-number {
629
- min-width: 320px;
630
- }
631
- .e-bigger.e-calendar .e-header .e-title,
632
- *.e-bigger .e-calendar .e-header .e-title {
633
- font-size: 16px;
634
- line-height: 48px;
635
- width: 60%;
636
- }
637
- .e-bigger.e-calendar.e-rtl .e-header .e-title,
638
- *.e-bigger .e-calendar.e-rtl .e-header .e-title {
639
- line-height: 48px;
640
- text-indent: 6px;
641
- }
642
- .e-bigger.e-calendar .e-header,
643
- *.e-bigger .e-calendar .e-header {
644
- height: 48px;
645
- padding: 10px 10px 0 16px;
646
- }
647
- .e-bigger.e-calendar .e-header button,
648
- *.e-bigger .e-calendar .e-header button {
649
- margin-right: 0;
650
- }
651
- .e-bigger.e-calendar .e-header button span,
652
- *.e-bigger .e-calendar .e-header button span {
653
- font-size: 16px;
654
- padding: 15px;
655
- }
656
- .e-bigger.e-calendar .e-header.e-year, .e-bigger.e-calendar .e-header.e-decade,
657
- *.e-bigger .e-calendar .e-header.e-year,
658
- *.e-bigger .e-calendar .e-header.e-decade {
659
- padding: 10px 10px 0 16px;
660
- }
661
- .e-bigger.e-calendar th,
662
- *.e-bigger .e-calendar th {
663
- font-size: 14px;
664
- height: 36px;
665
- text-transform: none;
666
- }
667
- .e-bigger.e-calendar .e-content.e-year span.e-day,
668
- *.e-bigger .e-calendar .e-content.e-year span.e-day {
669
- font-size: 13px;
670
- font-weight: normal;
671
- }
672
- .e-bigger.e-calendar .e-content.e-month table,
673
- *.e-bigger .e-calendar .e-content.e-month table {
674
- padding: 0 10px 10px;
675
- }
676
- .e-bigger.e-calendar .e-content.e-year table, .e-bigger.e-calendar .e-content.e-decade table,
677
- *.e-bigger .e-calendar .e-content.e-year table,
678
- *.e-bigger .e-calendar .e-content.e-decade table {
679
- padding: 0 10px 10px;
680
- }
681
- .e-bigger.e-calendar .e-content .e-selected, .e-bigger.e-calendar .e-content .e-state-hover,
682
- *.e-bigger .e-calendar .e-content .e-selected,
683
- *.e-bigger .e-calendar .e-content .e-state-hover {
684
- border-radius: 0;
685
- }
686
- .e-bigger.e-calendar .e-content span.e-day,
687
- *.e-bigger .e-calendar .e-content span.e-day {
688
- font-size: 13px;
689
- height: 36px;
690
- line-height: 36px;
691
- width: 36px;
692
- }
693
- .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day,
694
- *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day {
695
- line-height: 34px;
696
- }
697
- .e-bigger.e-calendar .e-content.e-month td,
698
- *.e-bigger .e-calendar .e-content.e-month td {
699
- height: 2px;
700
- padding: 2px;
701
- }
702
- .e-bigger.e-calendar .e-content.e-year td, .e-bigger.e-calendar .e-content.e-decade td,
703
- *.e-bigger .e-calendar .e-content.e-year td,
704
- *.e-bigger .e-calendar .e-content.e-decade td {
705
- height: 72px;
706
- padding: 2px;
707
- width: 68px;
708
- }
709
- .e-bigger.e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-calendar .e-content.e-decade td > span.e-day,
710
- *.e-bigger .e-calendar .e-content.e-year td > span.e-day,
711
- *.e-bigger .e-calendar .e-content.e-decade td > span.e-day {
712
- height: 40px;
713
- line-height: 40px;
714
- width: 68px;
715
- }
716
- .e-bigger.e-calendar .e-header .e-icon-container .e-prev, .e-bigger.e-calendar .e-header .e-icon-container .e-next,
717
- *.e-bigger .e-calendar .e-header .e-icon-container .e-prev,
718
- *.e-bigger .e-calendar .e-header .e-icon-container .e-next {
719
- height: 48px;
720
- width: 48px;
721
- }
722
- .e-bigger.e-calendar .e-footer-container,
723
- *.e-bigger .e-calendar .e-footer-container {
724
- border-top: none;
725
- padding: 0 10px 10px 10px;
726
- }
727
- .e-small.e-calendar,
728
- .e-small .e-calendar {
729
- max-width: 252px;
730
- min-width: 240px;
731
- padding: 0;
732
- }
733
- .e-small.e-calendar.e-calendar-day-header-lg,
734
- .e-small .e-calendar.e-calendar-day-header-lg {
735
- max-width: 100%;
736
- min-width: 540px;
737
- }
738
- .e-small.e-calendar .e-content span.e-day,
739
- .e-small .e-calendar .e-content span.e-day {
740
- font-size: 11px;
741
- height: 24px;
742
- line-height: 24px;
743
- width: 24px;
744
- }
745
- .e-small.e-calendar .e-content.e-month td.e-today span.e-day,
746
- .e-small .e-calendar .e-content.e-month td.e-today span.e-day {
747
- line-height: 23px;
748
- }
749
- .e-small.e-calendar .e-content.e-month td,
750
- .e-small .e-calendar .e-content.e-month td {
751
- height: 24px;
752
- }
753
- .e-small.e-calendar .e-header,
754
- .e-small .e-calendar .e-header {
755
- height: 32px;
756
- }
757
- .e-small.e-calendar .e-header button span,
758
- .e-small .e-calendar .e-header button span {
759
- font-size: 14px;
760
- padding: 6px;
761
- line-height: 14px;
762
- }
763
- .e-small.e-calendar .e-header .e-title,
764
- .e-small .e-calendar .e-header .e-title {
765
- font-size: 12px;
766
- line-height: 32px;
767
- }
768
- .e-small.e-calendar .e-header .e-icon-container .e-prev, .e-small.e-calendar .e-header .e-icon-container .e-next,
769
- .e-small .e-calendar .e-header .e-icon-container .e-prev,
770
- .e-small .e-calendar .e-header .e-icon-container .e-next {
771
- height: 28px;
772
- width: 28px;
773
- }
774
- .e-small.e-calendar th,
775
- .e-small .e-calendar th {
776
- font-size: 12px;
777
- height: 24px;
778
- }
779
- .e-calendar .e-btn.e-today.e-flat.e-disabled, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover, .e-calendar .e-btn.e-today.e-flat.e-disabled:active, .e-calendar .e-btn.e-today.e-flat.e-disabled:focus, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active {
780
- background: transparent;
781
- border-color: transparent;
782
- -webkit-box-shadow: none;
783
- box-shadow: none;
784
- color: rgba(var(--color-sf-on-surface), 0.38);
785
- cursor: default;
786
- opacity: 0.35;
787
- outline: none;
788
- pointer-events: none;
789
- -ms-touch-action: none;
790
- touch-action: none;
791
- }
792
-
793
- .e-content-placeholder.e-calendar.e-placeholder-calendar {
794
- background-size: 250px 336px;
795
- min-height: 336px;
796
- }
797
-
798
- .e-bigger .e-content-placeholder.e-calendar.e-placeholder-calendar,
799
- .e-bigger.e-content-placeholder.e-calendar.e-placeholder-calendar {
800
- background-size: 300px 392px;
801
- min-height: 392px;
802
- }
803
-
804
- .e-calendar,
805
- .e-bigger.e-small .e-calendar {
806
- background: transparent;
807
- border-radius: 8px;
808
- border: 1px solid rgba(var(--color-sf-outline-variant));
809
- -webkit-box-shadow: none;
810
- box-shadow: none;
811
- }
812
- .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
813
- .e-bigger.e-small .e-calendar .e-date-icon-prev,
814
- .e-bigger.e-small .e-calendar .e-date-icon-next {
815
- color: rgba(var(--color-sf-on-surface-variant));
816
- }
817
- .e-calendar th,
818
- .e-bigger.e-small .e-calendar th {
819
- border-bottom: 0;
820
- color: rgba(var(--color-sf-on-surface-variant));
821
- }
822
- .e-calendar .e-header,
823
- .e-bigger.e-small .e-calendar .e-header {
824
- border-bottom: 0;
825
- }
826
- .e-calendar .e-header a span,
827
- .e-bigger.e-small .e-calendar .e-header a span {
828
- border: none;
829
- color: rgba(var(--color-sf-on-surface-variant));
830
- }
831
- .e-calendar .e-header .e-title,
832
- .e-bigger.e-small .e-calendar .e-header .e-title {
833
- color: rgba(var(--color-sf-on-surface));
834
- }
835
- .e-calendar .e-header .e-title:hover,
836
- .e-bigger.e-small .e-calendar .e-header .e-title:hover {
837
- background: rgba(var(--color-sf-on-surface), 0.08);
838
- cursor: pointer;
839
- text-decoration: none;
840
- }
841
- .e-calendar .e-header .e-title:focus,
842
- .e-bigger.e-small .e-calendar .e-header .e-title:focus {
843
- -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
844
- box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
845
- background: none;
846
- text-decoration: none;
847
- }
848
- .e-calendar .e-header .e-title:active,
849
- .e-bigger.e-small .e-calendar .e-header .e-title:active {
850
- -webkit-box-shadow: none;
851
- box-shadow: none;
852
- background: rgba(var(--color-sf-on-surface), 0.12);
853
- text-decoration: none;
854
- }
855
- .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span,
856
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span,
857
- .e-bigger.e-small .e-calendar .e-header .e-next:hover > span {
858
- border: none;
859
- color: rgba(var(--color-sf-on-surface-variant));
860
- cursor: pointer;
861
- }
862
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover,
863
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
864
- .e-bigger.e-small .e-calendar .e-header .e-next:hover {
865
- background: rgba(var(--color-sf-on-surface), 0.08);
866
- }
867
- .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
868
- .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
869
- .e-bigger.e-small .e-calendar .e-header .e-next:focus {
870
- -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
871
- box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
872
- }
873
- .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
874
- .e-bigger.e-small .e-calendar .e-header .e-prev:active,
875
- .e-bigger.e-small .e-calendar .e-header .e-next:active {
876
- background: rgba(var(--color-sf-on-surface), 0.12);
877
- color: rgba(var(--color-sf-on-primary));
878
- }
879
- .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span,
880
- .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
881
- .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
882
- border: none;
883
- color: rgba(var(--color-sf-on-surface-variant));
884
- }
885
- .e-calendar .e-header.e-decade .e-title,
886
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
887
- color: rgba(var(--color-sf-on-surface));
888
- cursor: default;
889
- }
890
- .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span,
891
- .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span,
892
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span {
893
- color: rgba(var(--color-sf-on-surface));
894
- font-weight: normal;
895
- }
896
- .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled,
897
- .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled,
898
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled {
899
- opacity: 0.35;
900
- }
901
-
902
- .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day,
903
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day,
904
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
905
- color: rgba(var(--color-sf-on-surface-variant), 0.84);
906
- }
907
- .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day,
908
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
909
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day {
910
- color: rgba(var(--color-sf-on-primary));
911
- }
912
- .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day,
913
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
914
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
915
- color: rgba(var(--color-sf-on-surface));
916
- }
917
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
918
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
919
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
920
- background: rgba(var(--color-sf-on-surface), 0.05);
921
- }
922
- .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
923
- .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
924
- .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
925
- background: rgba(var(--color-sf-primary));
926
- }
927
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
928
- .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
929
- .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
930
- background: transparent;
931
- }
932
- .e-calendar .e-content .e-week-number span,
933
- .e-bigger.e-small .e-calendar .e-content .e-week-number span {
934
- color: rgba(var(--color-sf-on-surface-variant));
935
- }
936
- .e-calendar .e-content td.e-focused-date span.e-day, .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-calendar .e-content td.e-focused-date:focus span.e-day,
937
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day,
938
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day,
939
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
940
- background: rgba(var(--color-sf-on-surface), 0.05);
941
- border: none;
942
- border-radius: 32px;
943
- -webkit-box-shadow: none;
944
- box-shadow: none;
945
- }
946
- .e-calendar .e-content td.e-focused-date:hover span.e-day,
947
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
948
- background: rgba(var(--color-sf-on-surface), 0.05);
949
- border: none;
950
- border-radius: 32px;
951
- color: rgba(var(--color-sf-on-surface));
952
- }
953
- .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
954
- .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
955
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
956
- background: none;
957
- border: 1px solid rgba(var(--color-sf-primary));
958
- border-radius: 32px;
959
- -webkit-box-shadow: none;
960
- box-shadow: none;
961
- color: rgba(var(--color-sf-primary));
962
- }
963
- .e-calendar .e-content td.e-focused-date.e-today span.e-day,
964
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
965
- background: rgba(var(--color-sf-primary), 0.08);
966
- border: 1px solid rgba(var(--color-sf-primary));
967
- -webkit-box-shadow: none;
968
- box-shadow: none;
969
- color: rgba(var(--color-sf-primary));
970
- }
971
- .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
972
- .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day,
973
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
974
- background: rgba(var(--color-sf-primary));
975
- border: none;
976
- border-radius: 32px;
977
- color: rgba(var(--color-sf-primary));
978
- }
979
- .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
980
- .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day,
981
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
982
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
983
- background: rgba(var(--color-sf-on-surface), 0.05);
984
- border: 1px solid rgba(var(--color-sf-primary));
985
- color: rgba(var(--color-sf-primary));
986
- }
987
- .e-calendar .e-content td.e-today.e-selected span.e-day,
988
- .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
989
- background: rgba(var(--color-sf-primary));
990
- border: 1px solid rgba(var(--color-sf-primary));
991
- -webkit-box-shadow: inset 0 0 0 2px linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
992
- box-shadow: inset 0 0 0 2px linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
993
- color: rgba(var(--color-sf-on-primary));
994
- }
995
- .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day,
996
- .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
997
- .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
998
- .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
999
- background: rgba(var(--color-sf-primary));
1000
- color: rgba(var(--color-sf-on-primary));
1001
- }
1002
- .e-calendar .e-content span,
1003
- .e-bigger.e-small .e-calendar .e-content span {
1004
- color: rgba(var(--color-sf-on-surface));
1005
- }
1006
- .e-calendar .e-content .e-disabled span.e-day:hover,
1007
- .e-bigger.e-small .e-calendar .e-content .e-disabled span.e-day:hover {
1008
- background: none;
1009
- border: 0;
1010
- color: rgba(var(--color-sf-on-surface));
1011
- }
1012
- .e-calendar .e-content .e-other-month:hover span.e-day,
1013
- .e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day {
1014
- color: rgba(var(--color-sf-on-surface));
1015
- }
1016
- .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day,
1017
- .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day,
1018
- .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day {
1019
- color: rgba(var(--color-sf-on-surface-variant), 0.84);
1020
- }
1021
- .e-calendar .e-content .e-other-month.e-today:hover span.e-day,
1022
- .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
1023
- background: rgba(var(--color-sf-on-surface), 0.05);
1024
- color: rgba(var(--color-sf-on-surface-variant), 0.84);
1025
- }
1026
- .e-calendar .e-content thead,
1027
- .e-bigger.e-small .e-calendar .e-content thead {
1028
- background: none;
1029
- border-bottom: 0;
1030
- }
1031
- .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day,
1032
- .e-bigger.e-small .e-calendar .e-content td:hover span.e-day,
1033
- .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
1034
- background: rgba(var(--color-sf-on-surface), 0.05);
1035
- border: none;
1036
- border-radius: 32px;
1037
- color: rgba(var(--color-sf-on-surface));
1038
- }
1039
- .e-calendar .e-content td:focus span.e-day,
1040
- .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
1041
- background: rgba(var(--color-sf-primary));
1042
- color: rgba(var(--color-sf-on-primary));
1043
- border: none;
1044
- border-radius: 32px;
1045
- }
1046
- .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
1047
- .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
1048
- .e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day,
1049
- .e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day {
1050
- background: none;
1051
- border: none;
1052
- color: rgba(var(--color-sf-on-surface));
1053
- }
1054
- .e-calendar .e-content td.e-selected span.e-day,
1055
- .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
1056
- background: rgba(var(--color-sf-primary));
1057
- color: rgba(var(--color-sf-on-primary));
1058
- border: none;
1059
- border-radius: 32px;
1060
- }
1061
- .e-calendar .e-content .e-footer,
1062
- .e-bigger.e-small .e-calendar .e-content .e-footer {
1063
- color: rgba(var(--color-sf-primary));
1064
- }
1065
- .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus,
1066
- .e-bigger.e-small .e-calendar.e-device .e-prev:hover,
1067
- .e-bigger.e-small .e-calendar.e-device .e-next:hover,
1068
- .e-bigger.e-small .e-calendar.e-device .e-prev:active,
1069
- .e-bigger.e-small .e-calendar.e-device .e-next:active,
1070
- .e-bigger.e-small .e-calendar.e-device .e-prev:focus,
1071
- .e-bigger.e-small .e-calendar.e-device .e-next:focus {
1072
- background: none;
1073
- }
1074
- .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span,
1075
- .e-bigger.e-small .e-calendar.e-device button.e-prev:active span,
1076
- .e-bigger.e-small .e-calendar.e-device button.e-next:active span {
1077
- color: rgba(var(--color-sf-on-surface-variant));
1078
- }
1079
- .e-small.e-calendar .e-header .e-title,
1080
- .e-small .e-calendar .e-header .e-title {
1081
- color: rgba(var(--color-sf-on-surface));
1082
- }
1083
-
1084
- .e-calendar .e-zoomin {
1085
- -webkit-animation: animatezoom 0.3s;
1086
- animation: animatezoom 0.3s;
1087
- }
1088
-
1089
- @-webkit-keyframes animatezoom {
1090
- from {
1091
- -webkit-transform: scale(0);
1092
- transform: scale(0);
1093
- }
1094
- to {
1095
- -webkit-transform: scale(1);
1096
- transform: scale(1);
1097
- }
1098
- }
1099
-
1100
- @keyframes animatezoom {
1101
- from {
1102
- -webkit-transform: scale(0);
1103
- transform: scale(0);
1104
- }
1105
- to {
1106
- -webkit-transform: scale(1);
1107
- transform: scale(1);
1108
- }
1109
- }
1110
- .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
1111
- -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
1112
- box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
1113
- border-radius: 32px;
1114
- }
1115
-
1116
- :root {
1117
- --color-sf-black: 0, 0, 0;
1118
- --color-sf-white: 255, 255, 255;
1119
- --color-sf-primary: 103, 80, 164;
1120
- --color-sf-primary-container: 234, 221, 255;
1121
- --color-sf-secondary: 98, 91, 113;
1122
- --color-sf-secondary-container: 232, 222, 248;
1123
- --color-sf-tertiary: 125, 82, 96;
1124
- --color-sf-tertiary-container: 255, 216, 228;
1125
- --color-sf-surface: 255, 255, 255;
1126
- --color-sf-surface-variant: 231, 224, 236;
1127
- --color-sf-background: var(--color-sf-surface);
1128
- --color-sf-on-primary: 255, 255, 255;
1129
- --color-sf-on-primary-container: 33, 0, 94;
1130
- --color-sf-on-secondary: 255, 255, 255;
1131
- --color-sf-on-secondary-container: 30, 25, 43;
1132
- --color-sf-on-tertiary: 255, 255, 255;
1133
- --color-sf-on-tertiary-containe: 55, 11, 30;
1134
- --color-sf-on-surface: 28, 27, 31;
1135
- --color-sf-on-surface-variant: 73, 69, 78;
1136
- --color-sf-on-background: 28, 27, 31;
1137
- --color-sf-outline: 121, 116, 126;
1138
- --color-sf-outline-variant: 196, 199, 197;
1139
- --color-sf-shadow: 0, 0, 0;
1140
- --color-sf-surface-tint-color: 103, 80, 164;
1141
- --color-sf-inverse-surface: 49, 48, 51;
1142
- --color-sf-inverse-on-surface: 244, 239, 244;
1143
- --color-sf-inverse-primary: 208, 188, 255;
1144
- --color-sf-scrim: 0, 0, 0;
1145
- --color-sf-error: 179, 38, 30;
1146
- --color-sf-error-container: 249, 222, 220;
1147
- --color-sf-on-error: 255, 250, 250;
1148
- --color-sf-on-error-container: 65, 14, 11;
1149
- --color-sf-success: 32, 81, 7;
1150
- --color-sf-success-container: 209, 255, 186;
1151
- --color-sf-on-success: 244, 255, 239;
1152
- --color-sf-on-success-container: 13, 39, 0;
1153
- --color-sf-info: 1, 87, 155;
1154
- --color-sf-info-container: 233, 245, 255;
1155
- --color-sf-on-info: 250, 253, 255;
1156
- --color-sf-on-info-container: 0, 51, 91;
1157
- --color-sf-warning: 145, 76, 0;
1158
- --color-sf-warning-container: 254, 236, 222;
1159
- --color-sf-on-warning: 255, 255, 255;
1160
- --color-sf-on-warning-container: 47, 21, 0;
1161
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
1162
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
1163
- --color-sf-diagram-palette-background: --color-sf-white;
1164
- --color-sf-success-text: 255, 255, 255;
1165
- --color-sf-warning-text: 255, 255, 255;
1166
- --color-sf-danger-text: 255, 255, 255;
1167
- --color-sf-info-text: 255, 255, 255;
1168
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
1169
- --color-sf-secondary-bg-color: var(--color-sf-surface);
1170
- }
1171
-
1172
- .e-dark-mode {
1173
- --color-sf-black: 0, 0, 0;
1174
- --color-sf-white: 255, 255, 255;
1175
- --color-sf-primary: 208, 188, 255;
1176
- --color-sf-primary-container: 79, 55, 139;
1177
- --color-sf-secondary: 204, 194, 220;
1178
- --color-sf-secondary-container: 74, 68, 88;
1179
- --color-sf-tertiary: 239, 184, 200;
1180
- --color-sf-tertiary-container: 99, 59, 72;
1181
- --color-sf-surface: 28, 27, 31;
1182
- --color-sf-surface-variant: 28, 27, 31;
1183
- --color-sf-background: var(--color-sf-surface);
1184
- --color-sf-on-primary: 55, 30, 115;
1185
- --color-sf-on-primary-container: 234, 221, 255;
1186
- --color-sf-on-secondary: 51, 45, 65;
1187
- --color-sf-on-secondary-container: 232, 222, 248;
1188
- --color-sf-on-tertiary: 73, 37, 50;
1189
- --color-sf-on-tertiary-containe: 255, 216, 228;
1190
- --color-sf-on-surface: 230, 225, 229;
1191
- --color-sf-on-surface-variant: 202, 196, 208;
1192
- --color-sf-on-background: 230, 225, 229;
1193
- --color-sf-outline: 147, 143, 153;
1194
- --color-sf-outline-variant: 68, 71, 70;
1195
- --color-sf-shadow: 0, 0, 0;
1196
- --color-sf-surface-tint-color: 208, 188, 255;
1197
- --color-sf-inverse-surface: 230, 225, 229;
1198
- --color-sf-inverse-on-surface: 49, 48, 51;
1199
- --color-sf-inverse-primary: 103, 80, 164;
1200
- --color-sf-scrim: 0, 0, 0;
1201
- --color-sf-error: 242, 184, 181;
1202
- --color-sf-error-container: 140, 29, 24;
1203
- --color-sf-on-error: 96, 20, 16;
1204
- --color-sf-on-error-container: 249, 222, 220;
1205
- --color-sf-success: 83, 202, 23;
1206
- --color-sf-success-container: 22, 62, 2;
1207
- --color-sf-on-success: 13, 39, 0;
1208
- --color-sf-on-success-container: 183, 250, 150;
1209
- --color-sf-info: 71, 172, 251;
1210
- --color-sf-info-container: 0, 67, 120;
1211
- --color-sf-on-info: 0, 51, 91;
1212
- --color-sf-on-info-container: 173, 219, 255;
1213
- --color-sf-warning: 245, 180, 130;
1214
- --color-sf-warning-container: 123, 65, 0;
1215
- --color-sf-on-warning: 99, 52, 0;
1216
- --color-sf-on-warning-container: 255, 220, 193;
1217
- --color-sf-spreadsheet-gridline: 231, 224, 236;
1218
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
1219
- --color-sf-success-text: 0, 0, 0;
1220
- --color-sf-warning-text: 0, 0, 0;
1221
- --color-sf-info-text: 0, 0, 0;
1222
- --color-sf-danger-text: 0, 0, 0;
1223
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1224
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1225
- }
1226
-
1227
- :root {
1228
- --color-sf-black: 0, 0, 0;
1229
- --color-sf-white: 255, 255, 255;
1230
- --color-sf-primary: 103, 80, 164;
1231
- --color-sf-primary-container: 234, 221, 255;
1232
- --color-sf-secondary: 98, 91, 113;
1233
- --color-sf-secondary-container: 232, 222, 248;
1234
- --color-sf-tertiary: 125, 82, 96;
1235
- --color-sf-tertiary-container: 255, 216, 228;
1236
- --color-sf-surface: 255, 255, 255;
1237
- --color-sf-surface-variant: 231, 224, 236;
1238
- --color-sf-background: var(--color-sf-surface);
1239
- --color-sf-on-primary: 255, 255, 255;
1240
- --color-sf-on-primary-container: 33, 0, 94;
1241
- --color-sf-on-secondary: 255, 255, 255;
1242
- --color-sf-on-secondary-container: 30, 25, 43;
1243
- --color-sf-on-tertiary: 255, 255, 255;
1244
- --color-sf-on-tertiary-containe: 55, 11, 30;
1245
- --color-sf-on-surface: 28, 27, 31;
1246
- --color-sf-on-surface-variant: 73, 69, 78;
1247
- --color-sf-on-background: 28, 27, 31;
1248
- --color-sf-outline: 121, 116, 126;
1249
- --color-sf-outline-variant: 196, 199, 197;
1250
- --color-sf-shadow: 0, 0, 0;
1251
- --color-sf-surface-tint-color: 103, 80, 164;
1252
- --color-sf-inverse-surface: 49, 48, 51;
1253
- --color-sf-inverse-on-surface: 244, 239, 244;
1254
- --color-sf-inverse-primary: 208, 188, 255;
1255
- --color-sf-scrim: 0, 0, 0;
1256
- --color-sf-error: 179, 38, 30;
1257
- --color-sf-error-container: 249, 222, 220;
1258
- --color-sf-on-error: 255, 250, 250;
1259
- --color-sf-on-error-container: 65, 14, 11;
1260
- --color-sf-success: 32, 81, 7;
1261
- --color-sf-success-container: 209, 255, 186;
1262
- --color-sf-on-success: 244, 255, 239;
1263
- --color-sf-on-success-container: 13, 39, 0;
1264
- --color-sf-info: 1, 87, 155;
1265
- --color-sf-info-container: 233, 245, 255;
1266
- --color-sf-on-info: 250, 253, 255;
1267
- --color-sf-on-info-container: 0, 51, 91;
1268
- --color-sf-warning: 145, 76, 0;
1269
- --color-sf-warning-container: 254, 236, 222;
1270
- --color-sf-on-warning: 255, 255, 255;
1271
- --color-sf-on-warning-container: 47, 21, 0;
1272
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
1273
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
1274
- --color-sf-diagram-palette-background: --color-sf-white;
1275
- --color-sf-success-text: 255, 255, 255;
1276
- --color-sf-warning-text: 255, 255, 255;
1277
- --color-sf-danger-text: 255, 255, 255;
1278
- --color-sf-info-text: 255, 255, 255;
1279
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
1280
- --color-sf-secondary-bg-color: var(--color-sf-surface);
1281
- }
1282
-
1283
- .e-dark-mode {
1284
- --color-sf-black: 0, 0, 0;
1285
- --color-sf-white: 255, 255, 255;
1286
- --color-sf-primary: 208, 188, 255;
1287
- --color-sf-primary-container: 79, 55, 139;
1288
- --color-sf-secondary: 204, 194, 220;
1289
- --color-sf-secondary-container: 74, 68, 88;
1290
- --color-sf-tertiary: 239, 184, 200;
1291
- --color-sf-tertiary-container: 99, 59, 72;
1292
- --color-sf-surface: 28, 27, 31;
1293
- --color-sf-surface-variant: 28, 27, 31;
1294
- --color-sf-background: var(--color-sf-surface);
1295
- --color-sf-on-primary: 55, 30, 115;
1296
- --color-sf-on-primary-container: 234, 221, 255;
1297
- --color-sf-on-secondary: 51, 45, 65;
1298
- --color-sf-on-secondary-container: 232, 222, 248;
1299
- --color-sf-on-tertiary: 73, 37, 50;
1300
- --color-sf-on-tertiary-containe: 255, 216, 228;
1301
- --color-sf-on-surface: 230, 225, 229;
1302
- --color-sf-on-surface-variant: 202, 196, 208;
1303
- --color-sf-on-background: 230, 225, 229;
1304
- --color-sf-outline: 147, 143, 153;
1305
- --color-sf-outline-variant: 68, 71, 70;
1306
- --color-sf-shadow: 0, 0, 0;
1307
- --color-sf-surface-tint-color: 208, 188, 255;
1308
- --color-sf-inverse-surface: 230, 225, 229;
1309
- --color-sf-inverse-on-surface: 49, 48, 51;
1310
- --color-sf-inverse-primary: 103, 80, 164;
1311
- --color-sf-scrim: 0, 0, 0;
1312
- --color-sf-error: 242, 184, 181;
1313
- --color-sf-error-container: 140, 29, 24;
1314
- --color-sf-on-error: 96, 20, 16;
1315
- --color-sf-on-error-container: 249, 222, 220;
1316
- --color-sf-success: 83, 202, 23;
1317
- --color-sf-success-container: 22, 62, 2;
1318
- --color-sf-on-success: 13, 39, 0;
1319
- --color-sf-on-success-container: 183, 250, 150;
1320
- --color-sf-info: 71, 172, 251;
1321
- --color-sf-info-container: 0, 67, 120;
1322
- --color-sf-on-info: 0, 51, 91;
1323
- --color-sf-on-info-container: 173, 219, 255;
1324
- --color-sf-warning: 245, 180, 130;
1325
- --color-sf-warning-container: 123, 65, 0;
1326
- --color-sf-on-warning: 99, 52, 0;
1327
- --color-sf-on-warning-container: 255, 220, 193;
1328
- --color-sf-spreadsheet-gridline: 231, 224, 236;
1329
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
1330
- --color-sf-success-text: 0, 0, 0;
1331
- --color-sf-warning-text: 0, 0, 0;
1332
- --color-sf-info-text: 0, 0, 0;
1333
- --color-sf-danger-text: 0, 0, 0;
1334
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1335
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1336
- }
1337
-
1338
- /* stylelint-disable property-no-vendor-prefix */
1339
- @-webkit-keyframes e-input-ripple {
1340
- 100% {
1341
- opacity: 0;
1342
- -webkit-transform: scale(4);
1343
- transform: scale(4);
1344
- }
1345
- }
1346
- @keyframes e-input-ripple {
1347
- 100% {
1348
- opacity: 0;
1349
- -webkit-transform: scale(4);
1350
- transform: scale(4);
1351
- }
1352
- }
1353
- @-webkit-keyframes slideTopUp {
1354
- from {
1355
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1356
- transform: translate3d(0, 0, 0) scale(1);
1357
- }
1358
- to {
1359
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1360
- transform: translate3d(0, 0, 0) scale(1);
1361
- }
1362
- }
1363
- @keyframes slideTopUp {
1364
- from {
1365
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1366
- transform: translate3d(0, 0, 0) scale(1);
1367
- }
1368
- to {
1369
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1370
- transform: translate3d(0, 0, 0) scale(1);
1371
- }
1372
- }
1373
- /* stylelint-disable-line no-empty-source */
1374
- /*! component icons */
1375
- .e-time-wrapper .e-time-icon.e-icons::before,
1376
- *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
1377
- content: "\e705";
1378
- }
1379
-
1380
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close::before,
1381
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close::before {
1382
- content: "\e7e7";
1383
- font-family: "e-icons";
1384
- }
1385
-
1386
- .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
1387
- .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
1388
- display: -webkit-box;
1389
- display: -ms-flexbox;
1390
- display: flex;
1391
- }
1392
-
1393
- .e-time-wrapper,
1394
- *.e-control-wrapper.e-time-wrapper {
1395
- /* stylelint-disable property-no-vendor-prefix */
1396
- -webkit-tap-highlight-color: transparent;
1397
- }
1398
- .e-time-wrapper .e-time-icon.e-icons,
1399
- *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
1400
- font-size: 16px;
1401
- min-height: 30px;
1402
- min-width: 30px;
1403
- border-radius: 16px;
1404
- margin: 0;
1405
- }
1406
- .e-time-wrapper .e-time-icon.e-icons.e-disabled,
1407
- *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
1408
- pointer-events: none;
1409
- }
1410
- .e-time-wrapper span,
1411
- *.e-control-wrapper.e-time-wrapper span {
1412
- cursor: pointer;
1413
- }
1414
-
1415
- .e-timepicker.e-time-modal {
1416
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1417
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1418
- height: 100%;
1419
- left: 0;
1420
- opacity: 0.5;
1421
- pointer-events: auto;
1422
- position: fixed;
1423
- top: 0;
1424
- width: 100%;
1425
- z-index: 999;
1426
- }
1427
-
1428
- .e-timepicker.e-popup {
1429
- border-style: solid;
1430
- border-width: 1px;
1431
- overflow: auto;
1432
- }
1433
- .e-timepicker.e-popup .e-content {
1434
- position: relative;
1435
- }
1436
- .e-timepicker.e-popup .e-list-parent.e-ul {
1437
- margin: 0;
1438
- padding: 0 0;
1439
- }
1440
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1441
- cursor: default;
1442
- font-size: 13px;
1443
- overflow: hidden;
1444
- position: relative;
1445
- text-overflow: ellipsis;
1446
- vertical-align: middle;
1447
- white-space: nowrap;
1448
- width: 100%;
1449
- }
1450
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
1451
- cursor: pointer;
1452
- }
1453
-
1454
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1455
- line-height: 32px;
1456
- text-indent: 16px;
1457
- }
1458
-
1459
- .e-bigger .e-time-wrapper .e-time-icon.e-icons,
1460
- *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
1461
- *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
1462
- *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
1463
- font-size: 20px;
1464
- min-height: 38px;
1465
- min-width: 38px;
1466
- border-radius: 20px;
1467
- margin: 0;
1468
- }
1469
-
1470
- .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
1471
- *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
1472
- padding: 0 0;
1473
- }
1474
- .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1475
- *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1476
- font-size: 14px;
1477
- line-height: 40px;
1478
- text-indent: 16px;
1479
- }
1480
-
1481
- .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1482
- *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1483
- font-size: 12px;
1484
- line-height: 26px;
1485
- text-indent: 12px;
1486
- }
1487
-
1488
- .e-small .e-time-wrapper .e-time-icon.e-icons,
1489
- *.e-small.e-time-wrapper .e-time-icon.e-icons,
1490
- *.e-small .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
1491
- *.e-control-wrapper.e-small.e-time-wrapper .e-time-icon.e-icons {
1492
- font-size: 16px;
1493
- min-height: 22px;
1494
- min-width: 22px;
1495
- border-radius: 14px;
1496
- margin: 0;
1497
- }
1498
-
1499
- .e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1500
- *.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1501
- font-size: 13px;
1502
- line-height: 36px;
1503
- text-indent: 16px;
1504
- }
1505
-
1506
- .e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
1507
- *.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
1508
- *.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
1509
- *.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
1510
- font-size: 20px;
1511
- min-height: 34px;
1512
- min-width: 34px;
1513
- border-radius: 20px;
1514
- margin: 0;
1515
- }
1516
-
1517
- .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
1518
- background-size: 250px 33px;
1519
- min-height: 33px;
1520
- }
1521
-
1522
- .e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
1523
- .e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
1524
- background-size: 250px 40px;
1525
- min-height: 40px;
1526
- }
1527
-
1528
- /* stylelint-disable */
1529
- .e-time-overflow {
1530
- overflow: hidden;
1531
- }
1532
-
1533
- .e-timepicker-mob-popup-wrap {
1534
- -webkit-box-align: center;
1535
- -ms-flex-align: center;
1536
- align-items: center;
1537
- display: -webkit-box;
1538
- display: -ms-flexbox;
1539
- display: flex;
1540
- -webkit-box-orient: vertical;
1541
- -webkit-box-direction: normal;
1542
- -ms-flex-direction: column;
1543
- flex-direction: column;
1544
- height: 100%;
1545
- -webkit-box-pack: center;
1546
- -ms-flex-pack: center;
1547
- justify-content: center;
1548
- left: 0;
1549
- max-height: 100%;
1550
- position: fixed;
1551
- top: 0;
1552
- width: 100%;
1553
- z-index: 1002;
1554
- }
1555
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
1556
- left: 0 !important;
1557
- position: relative;
1558
- top: 0 !important;
1559
- }
1560
-
1561
- .e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
1562
- .e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
1563
- .e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
1564
- .e-datetimepicker.e-popup-expand.e-popup {
1565
- border-radius: 0;
1566
- }
1567
-
1568
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header,
1569
- .e-datetimepicker.e-popup-expand .e-model-header {
1570
- height: 10%;
1571
- padding: 2.5vh 2.5vw 2.5vh 1.5vw;
1572
- display: -webkit-box;
1573
- display: -ms-flexbox;
1574
- display: flex;
1575
- -webkit-box-align: center;
1576
- -ms-flex-align: center;
1577
- align-items: center;
1578
- font-size: 2vh;
1579
- border-bottom: none;
1580
- }
1581
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
1582
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
1583
- float: left;
1584
- padding: 1vh 2vw;
1585
- }
1586
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-model-title,
1587
- .e-datetimepicker.e-popup-expand .e-model-header .e-model-title {
1588
- padding: 1vh 2vw;
1589
- text-transform: uppercase;
1590
- font-weight: 500;
1591
- }
1592
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-btn.e-popup-close,
1593
- .e-datetimepicker.e-popup-expand .e-model-header .e-btn.e-popup-close {
1594
- font-size: 2vh;
1595
- }
1596
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content,
1597
- .e-datetimepicker.e-popup-expand .e-content {
1598
- height: 90%;
1599
- overflow: auto;
1600
- }
1601
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
1602
- .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
1603
- padding: 1vh 0;
1604
- line-height: 5vh;
1605
- }
1606
- @media (max-device-width: 768px) {
1607
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
1608
- .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
1609
- font-size: 14px;
1610
- }
1611
- }
1612
- @media (min-device-width: 768px) {
1613
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
1614
- .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
1615
- font-size: 24px;
1616
- }
1617
- }
1618
-
1619
- @media screen and (orientation: landscape) {
1620
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header,
1621
- .e-datetimepicker.e-popup-expand .e-model-header {
1622
- height: 15%;
1623
- font-size: 2vw;
1624
- }
1625
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
1626
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
1627
- padding: 1vh 1vw;
1628
- }
1629
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-model-title,
1630
- .e-datetimepicker.e-popup-expand .e-model-header .e-model-title {
1631
- padding: 1vh 1vw;
1632
- }
1633
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-btn.e-popup-close,
1634
- .e-datetimepicker.e-popup-expand .e-model-header .e-btn.e-popup-close {
1635
- font-size: 2vw;
1636
- }
1637
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content,
1638
- .e-datetimepicker.e-popup-expand .e-content {
1639
- height: 85%;
1640
- }
1641
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
1642
- .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
1643
- padding: 1vh 0;
1644
- line-height: 10vh;
1645
- }
1646
- }
1647
- /* stylelint-enable */
1648
- .e-time-wrapper .e-input-group-icon.e-icons.e-active {
1649
- color: rgba(var(--color-sf-on-surface-variant));
1650
- }
1651
- .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
1652
- color: rgba(var(--color-sf-on-surface-variant));
1653
- border: 1px;
1654
- border-radius: 20px;
1655
- background: rgba(var(--color-sf-on-surface), 0.12);
1656
- }
1657
-
1658
- .e-timepicker.e-popup {
1659
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
1660
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1661
- border: none;
1662
- border-radius: 4px;
1663
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1664
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1665
- }
1666
- .e-timepicker.e-popup .e-list-parent.e-ul {
1667
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
1668
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1669
- }
1670
- .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
1671
- border: none;
1672
- color: rgba(var(--color-sf-on-surface));
1673
- }
1674
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
1675
- color: rgba(var(--color-sf-on-surface), 0.38);
1676
- opacity: 1;
1677
- pointer-events: none;
1678
- -ms-touch-action: none;
1679
- touch-action: none;
1680
- }
1681
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
1682
- background: rgba(var(--color-sf-on-surface), 0.05);
1683
- border: none;
1684
- color: rgba(var(--color-sf-on-surface));
1685
- }
1686
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
1687
- background: rgba(var(--color-sf-primary));
1688
- color: rgba(var(--color-sf-on-primary));
1689
- }
1690
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
1691
- background: rgba(var(--color-sf-primary));
1692
- color: rgba(var(--color-sf-on-primary));
1693
- }
1694
-
1695
- .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1696
- *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1697
- .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1698
- *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1699
- color: rgba(var(--color-sf-on-surface));
1700
- }
1701
-
1702
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header,
1703
- .e-datetimepicker.e-popup-expand .e-model-header {
1704
- background-color: rgba(var(--color-sf-primary));
1705
- color: rgba(var(--color-sf-on-primary));
1706
- }
1707
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close,
1708
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
1709
- color: rgba(var(--color-sf-on-primary));
1710
- font-weight: 500;
1711
- }
1712
-
1713
- :root {
1714
- --color-sf-black: 0, 0, 0;
1715
- --color-sf-white: 255, 255, 255;
1716
- --color-sf-primary: 103, 80, 164;
1717
- --color-sf-primary-container: 234, 221, 255;
1718
- --color-sf-secondary: 98, 91, 113;
1719
- --color-sf-secondary-container: 232, 222, 248;
1720
- --color-sf-tertiary: 125, 82, 96;
1721
- --color-sf-tertiary-container: 255, 216, 228;
1722
- --color-sf-surface: 255, 255, 255;
1723
- --color-sf-surface-variant: 231, 224, 236;
1724
- --color-sf-background: var(--color-sf-surface);
1725
- --color-sf-on-primary: 255, 255, 255;
1726
- --color-sf-on-primary-container: 33, 0, 94;
1727
- --color-sf-on-secondary: 255, 255, 255;
1728
- --color-sf-on-secondary-container: 30, 25, 43;
1729
- --color-sf-on-tertiary: 255, 255, 255;
1730
- --color-sf-on-tertiary-containe: 55, 11, 30;
1731
- --color-sf-on-surface: 28, 27, 31;
1732
- --color-sf-on-surface-variant: 73, 69, 78;
1733
- --color-sf-on-background: 28, 27, 31;
1734
- --color-sf-outline: 121, 116, 126;
1735
- --color-sf-outline-variant: 196, 199, 197;
1736
- --color-sf-shadow: 0, 0, 0;
1737
- --color-sf-surface-tint-color: 103, 80, 164;
1738
- --color-sf-inverse-surface: 49, 48, 51;
1739
- --color-sf-inverse-on-surface: 244, 239, 244;
1740
- --color-sf-inverse-primary: 208, 188, 255;
1741
- --color-sf-scrim: 0, 0, 0;
1742
- --color-sf-error: 179, 38, 30;
1743
- --color-sf-error-container: 249, 222, 220;
1744
- --color-sf-on-error: 255, 250, 250;
1745
- --color-sf-on-error-container: 65, 14, 11;
1746
- --color-sf-success: 32, 81, 7;
1747
- --color-sf-success-container: 209, 255, 186;
1748
- --color-sf-on-success: 244, 255, 239;
1749
- --color-sf-on-success-container: 13, 39, 0;
1750
- --color-sf-info: 1, 87, 155;
1751
- --color-sf-info-container: 233, 245, 255;
1752
- --color-sf-on-info: 250, 253, 255;
1753
- --color-sf-on-info-container: 0, 51, 91;
1754
- --color-sf-warning: 145, 76, 0;
1755
- --color-sf-warning-container: 254, 236, 222;
1756
- --color-sf-on-warning: 255, 255, 255;
1757
- --color-sf-on-warning-container: 47, 21, 0;
1758
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
1759
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
1760
- --color-sf-diagram-palette-background: --color-sf-white;
1761
- --color-sf-success-text: 255, 255, 255;
1762
- --color-sf-warning-text: 255, 255, 255;
1763
- --color-sf-danger-text: 255, 255, 255;
1764
- --color-sf-info-text: 255, 255, 255;
1765
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
1766
- --color-sf-secondary-bg-color: var(--color-sf-surface);
1767
- }
1768
-
1769
- .e-dark-mode {
1770
- --color-sf-black: 0, 0, 0;
1771
- --color-sf-white: 255, 255, 255;
1772
- --color-sf-primary: 208, 188, 255;
1773
- --color-sf-primary-container: 79, 55, 139;
1774
- --color-sf-secondary: 204, 194, 220;
1775
- --color-sf-secondary-container: 74, 68, 88;
1776
- --color-sf-tertiary: 239, 184, 200;
1777
- --color-sf-tertiary-container: 99, 59, 72;
1778
- --color-sf-surface: 28, 27, 31;
1779
- --color-sf-surface-variant: 28, 27, 31;
1780
- --color-sf-background: var(--color-sf-surface);
1781
- --color-sf-on-primary: 55, 30, 115;
1782
- --color-sf-on-primary-container: 234, 221, 255;
1783
- --color-sf-on-secondary: 51, 45, 65;
1784
- --color-sf-on-secondary-container: 232, 222, 248;
1785
- --color-sf-on-tertiary: 73, 37, 50;
1786
- --color-sf-on-tertiary-containe: 255, 216, 228;
1787
- --color-sf-on-surface: 230, 225, 229;
1788
- --color-sf-on-surface-variant: 202, 196, 208;
1789
- --color-sf-on-background: 230, 225, 229;
1790
- --color-sf-outline: 147, 143, 153;
1791
- --color-sf-outline-variant: 68, 71, 70;
1792
- --color-sf-shadow: 0, 0, 0;
1793
- --color-sf-surface-tint-color: 208, 188, 255;
1794
- --color-sf-inverse-surface: 230, 225, 229;
1795
- --color-sf-inverse-on-surface: 49, 48, 51;
1796
- --color-sf-inverse-primary: 103, 80, 164;
1797
- --color-sf-scrim: 0, 0, 0;
1798
- --color-sf-error: 242, 184, 181;
1799
- --color-sf-error-container: 140, 29, 24;
1800
- --color-sf-on-error: 96, 20, 16;
1801
- --color-sf-on-error-container: 249, 222, 220;
1802
- --color-sf-success: 83, 202, 23;
1803
- --color-sf-success-container: 22, 62, 2;
1804
- --color-sf-on-success: 13, 39, 0;
1805
- --color-sf-on-success-container: 183, 250, 150;
1806
- --color-sf-info: 71, 172, 251;
1807
- --color-sf-info-container: 0, 67, 120;
1808
- --color-sf-on-info: 0, 51, 91;
1809
- --color-sf-on-info-container: 173, 219, 255;
1810
- --color-sf-warning: 245, 180, 130;
1811
- --color-sf-warning-container: 123, 65, 0;
1812
- --color-sf-on-warning: 99, 52, 0;
1813
- --color-sf-on-warning-container: 255, 220, 193;
1814
- --color-sf-spreadsheet-gridline: 231, 224, 236;
1815
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
1816
- --color-sf-success-text: 0, 0, 0;
1817
- --color-sf-warning-text: 0, 0, 0;
1818
- --color-sf-info-text: 0, 0, 0;
1819
- --color-sf-danger-text: 0, 0, 0;
1820
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1821
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1822
- }
1823
-
1824
- :root {
1825
- --color-sf-black: 0, 0, 0;
1826
- --color-sf-white: 255, 255, 255;
1827
- --color-sf-primary: 103, 80, 164;
1828
- --color-sf-primary-container: 234, 221, 255;
1829
- --color-sf-secondary: 98, 91, 113;
1830
- --color-sf-secondary-container: 232, 222, 248;
1831
- --color-sf-tertiary: 125, 82, 96;
1832
- --color-sf-tertiary-container: 255, 216, 228;
1833
- --color-sf-surface: 255, 255, 255;
1834
- --color-sf-surface-variant: 231, 224, 236;
1835
- --color-sf-background: var(--color-sf-surface);
1836
- --color-sf-on-primary: 255, 255, 255;
1837
- --color-sf-on-primary-container: 33, 0, 94;
1838
- --color-sf-on-secondary: 255, 255, 255;
1839
- --color-sf-on-secondary-container: 30, 25, 43;
1840
- --color-sf-on-tertiary: 255, 255, 255;
1841
- --color-sf-on-tertiary-containe: 55, 11, 30;
1842
- --color-sf-on-surface: 28, 27, 31;
1843
- --color-sf-on-surface-variant: 73, 69, 78;
1844
- --color-sf-on-background: 28, 27, 31;
1845
- --color-sf-outline: 121, 116, 126;
1846
- --color-sf-outline-variant: 196, 199, 197;
1847
- --color-sf-shadow: 0, 0, 0;
1848
- --color-sf-surface-tint-color: 103, 80, 164;
1849
- --color-sf-inverse-surface: 49, 48, 51;
1850
- --color-sf-inverse-on-surface: 244, 239, 244;
1851
- --color-sf-inverse-primary: 208, 188, 255;
1852
- --color-sf-scrim: 0, 0, 0;
1853
- --color-sf-error: 179, 38, 30;
1854
- --color-sf-error-container: 249, 222, 220;
1855
- --color-sf-on-error: 255, 250, 250;
1856
- --color-sf-on-error-container: 65, 14, 11;
1857
- --color-sf-success: 32, 81, 7;
1858
- --color-sf-success-container: 209, 255, 186;
1859
- --color-sf-on-success: 244, 255, 239;
1860
- --color-sf-on-success-container: 13, 39, 0;
1861
- --color-sf-info: 1, 87, 155;
1862
- --color-sf-info-container: 233, 245, 255;
1863
- --color-sf-on-info: 250, 253, 255;
1864
- --color-sf-on-info-container: 0, 51, 91;
1865
- --color-sf-warning: 145, 76, 0;
1866
- --color-sf-warning-container: 254, 236, 222;
1867
- --color-sf-on-warning: 255, 255, 255;
1868
- --color-sf-on-warning-container: 47, 21, 0;
1869
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
1870
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
1871
- --color-sf-diagram-palette-background: --color-sf-white;
1872
- --color-sf-success-text: 255, 255, 255;
1873
- --color-sf-warning-text: 255, 255, 255;
1874
- --color-sf-danger-text: 255, 255, 255;
1875
- --color-sf-info-text: 255, 255, 255;
1876
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
1877
- --color-sf-secondary-bg-color: var(--color-sf-surface);
1878
- }
1879
-
1880
- .e-dark-mode {
1881
- --color-sf-black: 0, 0, 0;
1882
- --color-sf-white: 255, 255, 255;
1883
- --color-sf-primary: 208, 188, 255;
1884
- --color-sf-primary-container: 79, 55, 139;
1885
- --color-sf-secondary: 204, 194, 220;
1886
- --color-sf-secondary-container: 74, 68, 88;
1887
- --color-sf-tertiary: 239, 184, 200;
1888
- --color-sf-tertiary-container: 99, 59, 72;
1889
- --color-sf-surface: 28, 27, 31;
1890
- --color-sf-surface-variant: 28, 27, 31;
1891
- --color-sf-background: var(--color-sf-surface);
1892
- --color-sf-on-primary: 55, 30, 115;
1893
- --color-sf-on-primary-container: 234, 221, 255;
1894
- --color-sf-on-secondary: 51, 45, 65;
1895
- --color-sf-on-secondary-container: 232, 222, 248;
1896
- --color-sf-on-tertiary: 73, 37, 50;
1897
- --color-sf-on-tertiary-containe: 255, 216, 228;
1898
- --color-sf-on-surface: 230, 225, 229;
1899
- --color-sf-on-surface-variant: 202, 196, 208;
1900
- --color-sf-on-background: 230, 225, 229;
1901
- --color-sf-outline: 147, 143, 153;
1902
- --color-sf-outline-variant: 68, 71, 70;
1903
- --color-sf-shadow: 0, 0, 0;
1904
- --color-sf-surface-tint-color: 208, 188, 255;
1905
- --color-sf-inverse-surface: 230, 225, 229;
1906
- --color-sf-inverse-on-surface: 49, 48, 51;
1907
- --color-sf-inverse-primary: 103, 80, 164;
1908
- --color-sf-scrim: 0, 0, 0;
1909
- --color-sf-error: 242, 184, 181;
1910
- --color-sf-error-container: 140, 29, 24;
1911
- --color-sf-on-error: 96, 20, 16;
1912
- --color-sf-on-error-container: 249, 222, 220;
1913
- --color-sf-success: 83, 202, 23;
1914
- --color-sf-success-container: 22, 62, 2;
1915
- --color-sf-on-success: 13, 39, 0;
1916
- --color-sf-on-success-container: 183, 250, 150;
1917
- --color-sf-info: 71, 172, 251;
1918
- --color-sf-info-container: 0, 67, 120;
1919
- --color-sf-on-info: 0, 51, 91;
1920
- --color-sf-on-info-container: 173, 219, 255;
1921
- --color-sf-warning: 245, 180, 130;
1922
- --color-sf-warning-container: 123, 65, 0;
1923
- --color-sf-on-warning: 99, 52, 0;
1924
- --color-sf-on-warning-container: 255, 220, 193;
1925
- --color-sf-spreadsheet-gridline: 231, 224, 236;
1926
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
1927
- --color-sf-success-text: 0, 0, 0;
1928
- --color-sf-warning-text: 0, 0, 0;
1929
- --color-sf-info-text: 0, 0, 0;
1930
- --color-sf-danger-text: 0, 0, 0;
1931
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1932
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1933
- }
1934
-
1935
- /* stylelint-disable property-no-vendor-prefix */
1936
- @keyframes e-input-ripple {
1937
- 100% {
1938
- opacity: 0;
1939
- -webkit-transform: scale(4);
1940
- transform: scale(4);
1941
- }
1942
- }
1943
- @keyframes slideTopUp {
1944
- from {
1945
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1946
- transform: translate3d(0, 0, 0) scale(1);
1947
- }
1948
- to {
1949
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1950
- transform: translate3d(0, 0, 0) scale(1);
1951
- }
1952
- }
1953
- /* stylelint-disable-line no-empty-source */
1954
- /*! component icons */
1955
- .e-input-group-icon.e-date-icon,
1956
- *.e-control-wrapper .e-input-group-icon.e-date-icon {
1957
- font-size: 16px;
1958
- margin: 0;
1959
- min-height: 30px;
1960
- min-width: 30px;
1961
- border-radius: 16px;
1962
- outline: none;
1963
- }
1964
- .e-input-group-icon.e-date-icon::before,
1965
- *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
1966
- content: "\e778";
1967
- font-family: "e-icons";
1968
- }
1969
- .e-input-group-icon.e-date-icon:focus,
1970
- *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
1971
- background: rgba(var(--color-sf-on-surface), 0.08);
1972
- border-radius: 50%;
1973
- }
1974
-
1975
- .e-bigger .e-input-group-icon.e-date-icon,
1976
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
1977
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
1978
- font-size: 20px;
1979
- margin: 0;
1980
- min-height: 38px;
1981
- min-width: 38px;
1982
- border-radius: 20px;
1983
- }
1984
- .e-bigger .e-input-group-icon.e-date-icon::before,
1985
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
1986
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
1987
- content: "\e778";
1988
- font-family: "e-icons";
1989
- }
1990
- .e-bigger .e-input-group-icon.e-date-icon:focus,
1991
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
1992
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
1993
- background: rgba(var(--color-sf-on-surface), 0.08);
1994
- border-radius: 50%;
1995
- }
1996
-
1997
- .e-small .e-input-group-icon.e-date-icon,
1998
- *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
1999
- *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
2000
- font-size: 16px;
2001
- min-width: 22px;
2002
- min-height: 22px;
2003
- border-radius: 14px;
2004
- margin: 0;
2005
- }
2006
-
2007
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
2008
- *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
2009
- *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
2010
- font-size: 20px;
2011
- min-width: 34px;
2012
- min-height: 34px;
2013
- border-radius: 20px;
2014
- margin: 0;
2015
- }
2016
-
2017
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
2018
- content: "\e7e7";
2019
- font-family: "e-icons";
2020
- }
2021
-
2022
- .e-input-group.e-control-wrapper.e-date-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
2023
- .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
2024
- display: -webkit-box;
2025
- display: -ms-flexbox;
2026
- display: flex;
2027
- }
2028
-
2029
- .e-date-wrapper:not(.e-filled) .e-date-icon.e-icons {
2030
- -webkit-box-sizing: border-box;
2031
- box-sizing: border-box;
2032
- }
2033
-
2034
- .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
2035
- display: none;
2036
- }
2037
- .e-datepicker.e-popup-wrapper {
2038
- border-radius: 8px;
2039
- overflow-y: hidden;
2040
- pointer-events: auto;
2041
- }
2042
- .e-datepicker.e-date-modal {
2043
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
2044
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2045
- height: 100%;
2046
- left: 0;
2047
- opacity: 0.5;
2048
- pointer-events: auto;
2049
- position: fixed;
2050
- top: 0;
2051
- width: 100%;
2052
- z-index: 999;
2053
- }
2054
- .e-datepicker .e-model-header {
2055
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
2056
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2057
- color: rgba(var(--color-sf-on-surface));
2058
- cursor: default;
2059
- display: block;
2060
- padding: 10px 10px 10px 15px;
2061
- }
2062
- .e-datepicker .e-model-header .e-model-year {
2063
- font-size: 14px;
2064
- font-weight: 500;
2065
- line-height: 32px;
2066
- margin: 0;
2067
- }
2068
- .e-datepicker .e-model-month, .e-datepicker .e-model-day {
2069
- font-size: 20px;
2070
- font-weight: 500;
2071
- line-height: 32px;
2072
- margin: 0;
2073
- }
2074
-
2075
- /* stylelint-disable */
2076
- .e-date-overflow {
2077
- overflow: hidden !important;
2078
- }
2079
-
2080
- .e-datepick-mob-popup-wrap {
2081
- -webkit-box-align: center;
2082
- -ms-flex-align: center;
2083
- align-items: center;
2084
- display: -webkit-box;
2085
- display: -ms-flexbox;
2086
- display: flex;
2087
- -webkit-box-orient: vertical;
2088
- -webkit-box-direction: normal;
2089
- -ms-flex-direction: column;
2090
- flex-direction: column;
2091
- height: 100%;
2092
- -webkit-box-pack: center;
2093
- -ms-flex-pack: center;
2094
- justify-content: center;
2095
- left: 0;
2096
- max-height: 100%;
2097
- position: fixed;
2098
- top: 0;
2099
- width: 100%;
2100
- z-index: 1002;
2101
- }
2102
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
2103
- position: relative;
2104
- top: 0 !important;
2105
- left: 0 !important;
2106
- }
2107
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
2108
- min-width: 100%;
2109
- min-height: 100%;
2110
- }
2111
-
2112
- .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
2113
- background-size: 250px 33px;
2114
- min-height: 33px;
2115
- }
2116
-
2117
- .e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
2118
- .e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
2119
- background-size: 250px 40px;
2120
- min-height: 40px;
2121
- }
2122
-
2123
- @media screen and (orientation: landscape) {
2124
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
2125
- line-height: 64px;
2126
- }
2127
- }
2128
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand {
2129
- border-radius: 0;
2130
- }
2131
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
2132
- height: 15vh;
2133
- }
2134
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
2135
- float: right;
2136
- }
2137
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
2138
- height: 15vh;
2139
- }
2140
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
2141
- float: right;
2142
- }
2143
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
2144
- height: 20vh;
2145
- padding: 2vh 6vw;
2146
- }
2147
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
2148
- margin: 12vh 0 0 0;
2149
- }
2150
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
2151
- color: inherit;
2152
- float: left;
2153
- font-size: 20px;
2154
- }
2155
- @media (min-device-width: 768px) {
2156
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
2157
- font-size: 24px;
2158
- }
2159
- }
2160
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-btn.e-flat.e-popup-close {
2161
- background: transparent;
2162
- border-color: transparent;
2163
- -webkit-box-shadow: none;
2164
- box-shadow: none;
2165
- font-weight: 400;
2166
- padding: 0;
2167
- }
2168
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary {
2169
- color: inherit;
2170
- float: right;
2171
- }
2172
- @media (min-device-width: 768px) {
2173
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary {
2174
- font-size: 24px;
2175
- }
2176
- }
2177
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-day {
2178
- font-size: 5vw;
2179
- line-height: 6vw;
2180
- }
2181
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
2182
- min-width: 100%;
2183
- min-height: 100%;
2184
- height: 100%;
2185
- }
2186
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade {
2187
- height: 10vh;
2188
- border-style: none;
2189
- border-width: 0;
2190
- border-color: rgba(var(--color-sf-outline-variant));
2191
- padding: 2vh 2vw;
2192
- line-height: 5vh;
2193
- }
2194
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
2195
- margin-left: 5vw;
2196
- position: inherit;
2197
- text-align: left;
2198
- vertical-align: middle;
2199
- width: 60vw;
2200
- line-height: inherit;
2201
- }
2202
- @media (min-device-width: 768px) {
2203
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
2204
- font-size: 24px;
2205
- }
2206
- }
2207
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
2208
- margin-right: 18px;
2209
- vertical-align: inherit;
2210
- height: 35px;
2211
- width: 35px;
2212
- }
2213
- @media (min-device-width: 768px) {
2214
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
2215
- height: 55px;
2216
- width: 55px;
2217
- }
2218
- }
2219
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev .e-icons {
2220
- vertical-align: inherit;
2221
- }
2222
- @media (min-device-width: 768px) {
2223
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev .e-icons {
2224
- font-size: 24px;
2225
- }
2226
- }
2227
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next {
2228
- margin-right: 0;
2229
- vertical-align: inherit;
2230
- height: 35px;
2231
- width: 35px;
2232
- }
2233
- @media (min-device-width: 768px) {
2234
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next {
2235
- height: 55px;
2236
- width: 55px;
2237
- }
2238
- }
2239
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next .e-icons {
2240
- vertical-align: inherit;
2241
- }
2242
- @media (min-device-width: 768px) {
2243
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next .e-icons {
2244
- font-size: 24px;
2245
- }
2246
- }
2247
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-icon-container, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-icon-container, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-icon-container {
2248
- float: right;
2249
- }
2250
- @media (min-device-width: 768px) {
2251
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar th {
2252
- font-size: 24px;
2253
- height: 48px;
2254
- }
2255
- }
2256
- @media (min-device-width: 768px) {
2257
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content span.e-day {
2258
- font-size: 24px;
2259
- height: 64px;
2260
- width: 64px;
2261
- line-height: 64px;
2262
- }
2263
- }
2264
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
2265
- height: 79vh;
2266
- }
2267
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
2268
- display: none;
2269
- }
2270
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
2271
- height: 69vh;
2272
- }
2273
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
2274
- height: 69vh;
2275
- }
2276
-
2277
- @media screen and (orientation: landscape) {
2278
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
2279
- height: 25vh;
2280
- }
2281
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
2282
- float: right;
2283
- }
2284
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade {
2285
- overflow-y: auto;
2286
- }
2287
- }
2288
- @media screen and (orientation: landscape) and (max-height: 600px) {
2289
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade {
2290
- height: 50vh;
2291
- }
2292
- }
2293
- @media screen and (orientation: landscape) and (min-height: 600px) {
2294
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade {
2295
- height: 60vh;
2296
- }
2297
- }
2298
- @media screen and (orientation: landscape) and (min-height: 600px) {
2299
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade table {
2300
- height: 60vh;
2301
- }
2302
- }
2303
- @media screen and (orientation: landscape) and (min-height: 600px) {
2304
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-footer-container {
2305
- padding: 10px 0;
2306
- height: 10%;
2307
- font-size: 24px;
2308
- }
2309
- }
2310
- @media screen and (orientation: landscape) {
2311
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
2312
- width: 100%;
2313
- }
2314
- }
2315
- @media screen and (orientation: landscape) and (max-height: 600px) {
2316
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
2317
- height: 30vh;
2318
- }
2319
- }
2320
- @media screen and (orientation: landscape) and (min-height: 600px) {
2321
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
2322
- height: 25vh;
2323
- }
2324
- }
2325
- @media screen and (orientation: landscape) {
2326
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
2327
- float: left;
2328
- }
2329
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
2330
- margin: 12vh 0 0 0;
2331
- }
2332
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-day {
2333
- font-size: 4vw;
2334
- }
2335
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
2336
- margin-right: 18px;
2337
- }
2338
- }
2339
- @media screen and (orientation: landscape) and (max-height: 600px) {
2340
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
2341
- line-height: 12vh;
2342
- }
2343
- }
2344
- @media screen and (orientation: landscape) and (min-height: 600px) {
2345
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
2346
- line-height: inherit;
2347
- }
2348
- }
2349
- @media screen and (orientation: landscape) {
2350
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade {
2351
- overflow-y: auto;
2352
- }
2353
- }
2354
- @media screen and (orientation: landscape) and (max-height: 600px) {
2355
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade {
2356
- height: 60vh;
2357
- }
2358
- }
2359
- @media screen and (orientation: landscape) and (min-height: 600px) {
2360
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade {
2361
- height: 65vh;
2362
- }
2363
- }
2364
- @media screen and (orientation: landscape) {
2365
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
2366
- display: block;
2367
- max-width: 100%;
2368
- overflow: visible;
2369
- }
2370
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
2371
- height: 70%;
2372
- width: 100%;
2373
- }
2374
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
2375
- display: table-row-group;
2376
- }
2377
- }
2378
- @media screen and (orientation: landscape) and (max-height: 600px) {
2379
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
2380
- height: 69vh;
2381
- }
2382
- }
2383
- @media screen and (orientation: landscape) and (min-height: 600px) {
2384
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
2385
- height: 65vh;
2386
- }
2387
- }
2388
- /* stylelint-enable */
2389
- .e-datepicker.e-popup-wrapper,
2390
- .e-bigger.e-small .e-datepicker.e-popup-wrapper,
2391
- .e-bigger .e-datepicker.e-popup-wrapper,
2392
- .e-small .e-datepicker.e-popup-wrapper,
2393
- .e-bigger.e-small.e-datepicker.e-popup-wrapper,
2394
- .e-bigger.e-datepicker.e-popup-wrapper,
2395
- .e-small.e-datepicker.e-popup-wrapper {
2396
- border: none;
2397
- -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
2398
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
2399
- }
2400
- .e-datepicker .e-calendar,
2401
- .e-bigger.e-small .e-datepicker .e-calendar,
2402
- .e-bigger .e-datepicker .e-calendar,
2403
- .e-small .e-datepicker .e-calendar,
2404
- .e-bigger.e-small.e-datepicker .e-calendar,
2405
- .e-bigger.e-datepicker .e-calendar,
2406
- .e-small.e-datepicker .e-calendar {
2407
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
2408
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2409
- border: none;
2410
- }
2411
-
2412
- *.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) {
2413
- border: none;
2414
- }
2415
-
2416
- .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
2417
- color: rgba(var(--color-sf-on-surface-variant));
2418
- }
2419
- .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
2420
- color: rgba(var(--color-sf-on-surface-variant));
2421
- border: 1px;
2422
- background: rgba(var(--color-sf-on-surface), 0.08);
2423
- }
2424
-
2425
- :root {
2426
- --color-sf-black: 0, 0, 0;
2427
- --color-sf-white: 255, 255, 255;
2428
- --color-sf-primary: 103, 80, 164;
2429
- --color-sf-primary-container: 234, 221, 255;
2430
- --color-sf-secondary: 98, 91, 113;
2431
- --color-sf-secondary-container: 232, 222, 248;
2432
- --color-sf-tertiary: 125, 82, 96;
2433
- --color-sf-tertiary-container: 255, 216, 228;
2434
- --color-sf-surface: 255, 255, 255;
2435
- --color-sf-surface-variant: 231, 224, 236;
2436
- --color-sf-background: var(--color-sf-surface);
2437
- --color-sf-on-primary: 255, 255, 255;
2438
- --color-sf-on-primary-container: 33, 0, 94;
2439
- --color-sf-on-secondary: 255, 255, 255;
2440
- --color-sf-on-secondary-container: 30, 25, 43;
2441
- --color-sf-on-tertiary: 255, 255, 255;
2442
- --color-sf-on-tertiary-containe: 55, 11, 30;
2443
- --color-sf-on-surface: 28, 27, 31;
2444
- --color-sf-on-surface-variant: 73, 69, 78;
2445
- --color-sf-on-background: 28, 27, 31;
2446
- --color-sf-outline: 121, 116, 126;
2447
- --color-sf-outline-variant: 196, 199, 197;
2448
- --color-sf-shadow: 0, 0, 0;
2449
- --color-sf-surface-tint-color: 103, 80, 164;
2450
- --color-sf-inverse-surface: 49, 48, 51;
2451
- --color-sf-inverse-on-surface: 244, 239, 244;
2452
- --color-sf-inverse-primary: 208, 188, 255;
2453
- --color-sf-scrim: 0, 0, 0;
2454
- --color-sf-error: 179, 38, 30;
2455
- --color-sf-error-container: 249, 222, 220;
2456
- --color-sf-on-error: 255, 250, 250;
2457
- --color-sf-on-error-container: 65, 14, 11;
2458
- --color-sf-success: 32, 81, 7;
2459
- --color-sf-success-container: 209, 255, 186;
2460
- --color-sf-on-success: 244, 255, 239;
2461
- --color-sf-on-success-container: 13, 39, 0;
2462
- --color-sf-info: 1, 87, 155;
2463
- --color-sf-info-container: 233, 245, 255;
2464
- --color-sf-on-info: 250, 253, 255;
2465
- --color-sf-on-info-container: 0, 51, 91;
2466
- --color-sf-warning: 145, 76, 0;
2467
- --color-sf-warning-container: 254, 236, 222;
2468
- --color-sf-on-warning: 255, 255, 255;
2469
- --color-sf-on-warning-container: 47, 21, 0;
2470
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
2471
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
2472
- --color-sf-diagram-palette-background: --color-sf-white;
2473
- --color-sf-success-text: 255, 255, 255;
2474
- --color-sf-warning-text: 255, 255, 255;
2475
- --color-sf-danger-text: 255, 255, 255;
2476
- --color-sf-info-text: 255, 255, 255;
2477
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
2478
- --color-sf-secondary-bg-color: var(--color-sf-surface);
2479
- }
2480
-
2481
- .e-dark-mode {
2482
- --color-sf-black: 0, 0, 0;
2483
- --color-sf-white: 255, 255, 255;
2484
- --color-sf-primary: 208, 188, 255;
2485
- --color-sf-primary-container: 79, 55, 139;
2486
- --color-sf-secondary: 204, 194, 220;
2487
- --color-sf-secondary-container: 74, 68, 88;
2488
- --color-sf-tertiary: 239, 184, 200;
2489
- --color-sf-tertiary-container: 99, 59, 72;
2490
- --color-sf-surface: 28, 27, 31;
2491
- --color-sf-surface-variant: 28, 27, 31;
2492
- --color-sf-background: var(--color-sf-surface);
2493
- --color-sf-on-primary: 55, 30, 115;
2494
- --color-sf-on-primary-container: 234, 221, 255;
2495
- --color-sf-on-secondary: 51, 45, 65;
2496
- --color-sf-on-secondary-container: 232, 222, 248;
2497
- --color-sf-on-tertiary: 73, 37, 50;
2498
- --color-sf-on-tertiary-containe: 255, 216, 228;
2499
- --color-sf-on-surface: 230, 225, 229;
2500
- --color-sf-on-surface-variant: 202, 196, 208;
2501
- --color-sf-on-background: 230, 225, 229;
2502
- --color-sf-outline: 147, 143, 153;
2503
- --color-sf-outline-variant: 68, 71, 70;
2504
- --color-sf-shadow: 0, 0, 0;
2505
- --color-sf-surface-tint-color: 208, 188, 255;
2506
- --color-sf-inverse-surface: 230, 225, 229;
2507
- --color-sf-inverse-on-surface: 49, 48, 51;
2508
- --color-sf-inverse-primary: 103, 80, 164;
2509
- --color-sf-scrim: 0, 0, 0;
2510
- --color-sf-error: 242, 184, 181;
2511
- --color-sf-error-container: 140, 29, 24;
2512
- --color-sf-on-error: 96, 20, 16;
2513
- --color-sf-on-error-container: 249, 222, 220;
2514
- --color-sf-success: 83, 202, 23;
2515
- --color-sf-success-container: 22, 62, 2;
2516
- --color-sf-on-success: 13, 39, 0;
2517
- --color-sf-on-success-container: 183, 250, 150;
2518
- --color-sf-info: 71, 172, 251;
2519
- --color-sf-info-container: 0, 67, 120;
2520
- --color-sf-on-info: 0, 51, 91;
2521
- --color-sf-on-info-container: 173, 219, 255;
2522
- --color-sf-warning: 245, 180, 130;
2523
- --color-sf-warning-container: 123, 65, 0;
2524
- --color-sf-on-warning: 99, 52, 0;
2525
- --color-sf-on-warning-container: 255, 220, 193;
2526
- --color-sf-spreadsheet-gridline: 231, 224, 236;
2527
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
2528
- --color-sf-success-text: 0, 0, 0;
2529
- --color-sf-warning-text: 0, 0, 0;
2530
- --color-sf-info-text: 0, 0, 0;
2531
- --color-sf-danger-text: 0, 0, 0;
2532
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
2533
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
2534
- }
2535
-
2536
- :root {
2537
- --color-sf-black: 0, 0, 0;
2538
- --color-sf-white: 255, 255, 255;
2539
- --color-sf-primary: 103, 80, 164;
2540
- --color-sf-primary-container: 234, 221, 255;
2541
- --color-sf-secondary: 98, 91, 113;
2542
- --color-sf-secondary-container: 232, 222, 248;
2543
- --color-sf-tertiary: 125, 82, 96;
2544
- --color-sf-tertiary-container: 255, 216, 228;
2545
- --color-sf-surface: 255, 255, 255;
2546
- --color-sf-surface-variant: 231, 224, 236;
2547
- --color-sf-background: var(--color-sf-surface);
2548
- --color-sf-on-primary: 255, 255, 255;
2549
- --color-sf-on-primary-container: 33, 0, 94;
2550
- --color-sf-on-secondary: 255, 255, 255;
2551
- --color-sf-on-secondary-container: 30, 25, 43;
2552
- --color-sf-on-tertiary: 255, 255, 255;
2553
- --color-sf-on-tertiary-containe: 55, 11, 30;
2554
- --color-sf-on-surface: 28, 27, 31;
2555
- --color-sf-on-surface-variant: 73, 69, 78;
2556
- --color-sf-on-background: 28, 27, 31;
2557
- --color-sf-outline: 121, 116, 126;
2558
- --color-sf-outline-variant: 196, 199, 197;
2559
- --color-sf-shadow: 0, 0, 0;
2560
- --color-sf-surface-tint-color: 103, 80, 164;
2561
- --color-sf-inverse-surface: 49, 48, 51;
2562
- --color-sf-inverse-on-surface: 244, 239, 244;
2563
- --color-sf-inverse-primary: 208, 188, 255;
2564
- --color-sf-scrim: 0, 0, 0;
2565
- --color-sf-error: 179, 38, 30;
2566
- --color-sf-error-container: 249, 222, 220;
2567
- --color-sf-on-error: 255, 250, 250;
2568
- --color-sf-on-error-container: 65, 14, 11;
2569
- --color-sf-success: 32, 81, 7;
2570
- --color-sf-success-container: 209, 255, 186;
2571
- --color-sf-on-success: 244, 255, 239;
2572
- --color-sf-on-success-container: 13, 39, 0;
2573
- --color-sf-info: 1, 87, 155;
2574
- --color-sf-info-container: 233, 245, 255;
2575
- --color-sf-on-info: 250, 253, 255;
2576
- --color-sf-on-info-container: 0, 51, 91;
2577
- --color-sf-warning: 145, 76, 0;
2578
- --color-sf-warning-container: 254, 236, 222;
2579
- --color-sf-on-warning: 255, 255, 255;
2580
- --color-sf-on-warning-container: 47, 21, 0;
2581
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
2582
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
2583
- --color-sf-diagram-palette-background: --color-sf-white;
2584
- --color-sf-success-text: 255, 255, 255;
2585
- --color-sf-warning-text: 255, 255, 255;
2586
- --color-sf-danger-text: 255, 255, 255;
2587
- --color-sf-info-text: 255, 255, 255;
2588
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
2589
- --color-sf-secondary-bg-color: var(--color-sf-surface);
2590
- }
2591
-
2592
- .e-dark-mode {
2593
- --color-sf-black: 0, 0, 0;
2594
- --color-sf-white: 255, 255, 255;
2595
- --color-sf-primary: 208, 188, 255;
2596
- --color-sf-primary-container: 79, 55, 139;
2597
- --color-sf-secondary: 204, 194, 220;
2598
- --color-sf-secondary-container: 74, 68, 88;
2599
- --color-sf-tertiary: 239, 184, 200;
2600
- --color-sf-tertiary-container: 99, 59, 72;
2601
- --color-sf-surface: 28, 27, 31;
2602
- --color-sf-surface-variant: 28, 27, 31;
2603
- --color-sf-background: var(--color-sf-surface);
2604
- --color-sf-on-primary: 55, 30, 115;
2605
- --color-sf-on-primary-container: 234, 221, 255;
2606
- --color-sf-on-secondary: 51, 45, 65;
2607
- --color-sf-on-secondary-container: 232, 222, 248;
2608
- --color-sf-on-tertiary: 73, 37, 50;
2609
- --color-sf-on-tertiary-containe: 255, 216, 228;
2610
- --color-sf-on-surface: 230, 225, 229;
2611
- --color-sf-on-surface-variant: 202, 196, 208;
2612
- --color-sf-on-background: 230, 225, 229;
2613
- --color-sf-outline: 147, 143, 153;
2614
- --color-sf-outline-variant: 68, 71, 70;
2615
- --color-sf-shadow: 0, 0, 0;
2616
- --color-sf-surface-tint-color: 208, 188, 255;
2617
- --color-sf-inverse-surface: 230, 225, 229;
2618
- --color-sf-inverse-on-surface: 49, 48, 51;
2619
- --color-sf-inverse-primary: 103, 80, 164;
2620
- --color-sf-scrim: 0, 0, 0;
2621
- --color-sf-error: 242, 184, 181;
2622
- --color-sf-error-container: 140, 29, 24;
2623
- --color-sf-on-error: 96, 20, 16;
2624
- --color-sf-on-error-container: 249, 222, 220;
2625
- --color-sf-success: 83, 202, 23;
2626
- --color-sf-success-container: 22, 62, 2;
2627
- --color-sf-on-success: 13, 39, 0;
2628
- --color-sf-on-success-container: 183, 250, 150;
2629
- --color-sf-info: 71, 172, 251;
2630
- --color-sf-info-container: 0, 67, 120;
2631
- --color-sf-on-info: 0, 51, 91;
2632
- --color-sf-on-info-container: 173, 219, 255;
2633
- --color-sf-warning: 245, 180, 130;
2634
- --color-sf-warning-container: 123, 65, 0;
2635
- --color-sf-on-warning: 99, 52, 0;
2636
- --color-sf-on-warning-container: 255, 220, 193;
2637
- --color-sf-spreadsheet-gridline: 231, 224, 236;
2638
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
2639
- --color-sf-success-text: 0, 0, 0;
2640
- --color-sf-warning-text: 0, 0, 0;
2641
- --color-sf-info-text: 0, 0, 0;
2642
- --color-sf-danger-text: 0, 0, 0;
2643
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
2644
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
2645
- }
2646
-
2647
- /* stylelint-disable property-no-vendor-prefix */
2648
- @keyframes e-input-ripple {
2649
- 100% {
2650
- opacity: 0;
2651
- -webkit-transform: scale(4);
2652
- transform: scale(4);
2653
- }
2654
- }
2655
- @keyframes slideTopUp {
2656
- from {
2657
- -webkit-transform: translate3d(0, 0, 0) scale(1);
2658
- transform: translate3d(0, 0, 0) scale(1);
2659
- }
2660
- to {
2661
- -webkit-transform: translate3d(0, 0, 0) scale(1);
2662
- transform: translate3d(0, 0, 0) scale(1);
2663
- }
2664
- }
2665
- /* stylelint-disable-line no-empty-source */
2666
- /*! component icons */
2667
- .e-input-group-icon.e-range-icon,
2668
- *.e-control-wrapper .e-input-group-icon.e-range-icon {
2669
- font-size: 16px;
2670
- margin: 0;
2671
- min-height: 30px;
2672
- min-width: 30px;
2673
- outline: none;
2674
- border-radius: 16px;
2675
- }
2676
- .e-input-group-icon.e-range-icon::before,
2677
- *.e-control-wrapper .e-input-group-icon.e-range-icon::before {
2678
- content: "\e74c";
2679
- font-family: "e-icons";
2680
- }
2681
- .e-input-group-icon.e-range-icon:focus,
2682
- *.e-control-wrapper .e-input-group-icon.e-range-icon:focus {
2683
- background: rgba(var(--color-sf-on-surface-variant));
2684
- border-radius: 50%;
2685
- }
2686
-
2687
- .e-daterangepicker .e-calendar .e-header .e-date-icon-next::before {
2688
- content: "\e748";
2689
- }
2690
- .e-daterangepicker .e-calendar .e-header .e-date-icon-prev::before {
2691
- content: "\e765";
2692
- }
2693
- .e-daterangepicker .e-change-icon::before {
2694
- content: "\e7f9";
2695
- }
2696
- .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-next::before {
2697
- content: "\e765";
2698
- }
2699
- .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
2700
- content: "\e748";
2701
- }
2702
- .e-daterangepicker.e-rtl .e-start-end .e-change-icon::before {
2703
- content: "\e773";
2704
- }
2705
-
2706
- .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
2707
- font-size: 20px;
2708
- margin: 0;
2709
- min-height: 38px;
2710
- min-width: 38px;
2711
- outline: none;
2712
- border-radius: 20px;
2713
- }
2714
-
2715
- .e-small .e-input-group-icon.e-range-icon,
2716
- *.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
2717
- *.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
2718
- font-size: 16px;
2719
- min-width: 22px;
2720
- min-height: 22px;
2721
- border-radius: 14px;
2722
- margin: 0;
2723
- }
2724
-
2725
- .e-small.e-bigger .e-input-group-icon.e-range-icon,
2726
- *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
2727
- *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
2728
- font-size: 20px;
2729
- min-width: 34px;
2730
- min-height: 34px;
2731
- border-radius: 20px;
2732
- margin: 0;
2733
- }
2734
-
2735
- .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
2736
- .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
2737
- min-height: 0;
2738
- min-width: 20px;
2739
- }
2740
-
2741
- .e-bigger .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
2742
- .e-date-range-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-range-icon,
2743
- .e-bigger .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
2744
- min-height: 0;
2745
- min-width: 24px;
2746
- }
2747
-
2748
- .e-small .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
2749
- .e-date-range-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-range-icon,
2750
- .e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
2751
- min-height: 0;
2752
- min-width: 18px;
2753
- }
2754
-
2755
- .e-bigger.e-small .e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon,
2756
- .e-bigger.e-small.e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon,
2757
- .e-date-range-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-range-icon,
2758
- .e-bigger.e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
2759
- min-height: 0;
2760
- min-width: 20px;
2761
- }
2762
-
2763
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-range-header .e-popup-close::before, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-model-header .e-popup-close::before {
2764
- content: "\e7e7";
2765
- font-family: "e-icons";
2766
- }
2767
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-range-header .e-apply::before, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-model-header .e-apply::before {
2768
- content: "\e774";
2769
- font-family: "e-icons";
2770
- }
2771
-
2772
- .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
2773
- .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
2774
- display: -webkit-box;
2775
- display: -ms-flexbox;
2776
- display: flex;
2777
- }
2778
-
2779
- .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
2780
- .e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
2781
- .e-float-input.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
2782
- .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden,
2783
- .e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden,
2784
- .e-float-input.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden {
2785
- border: 0;
2786
- height: 0;
2787
- margin: 0;
2788
- padding: 0;
2789
- text-indent: 0;
2790
- visibility: hidden;
2791
- width: 0;
2792
- }
2793
-
2794
- .e-daterangepicker.e-popup,
2795
- .e-bigger.e-small .e-daterangepicker.e-popup {
2796
- border: none;
2797
- border-radius: 8px;
2798
- -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
2799
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
2800
- max-height: 500px;
2801
- max-width: 730px;
2802
- }
2803
- .e-daterangepicker.e-popup.e-daterange-day-header-lg,
2804
- .e-bigger.e-small .e-daterangepicker.e-popup.e-daterange-day-header-lg {
2805
- max-width: 100%;
2806
- }
2807
- .e-daterangepicker.e-popup.e-preset-wrapper,
2808
- .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper {
2809
- min-width: 625px;
2810
- }
2811
- .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
2812
- .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
2813
- max-height: none;
2814
- }
2815
- .e-daterangepicker.e-popup .e-range-header,
2816
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header {
2817
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
2818
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2819
- padding: 16px 16px 0 16px;
2820
- width: auto;
2821
- border-top-left-radius: 8px;
2822
- }
2823
- .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label,
2824
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-label,
2825
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-end-label {
2826
- cursor: default;
2827
- display: inline-block;
2828
- font-size: 18px;
2829
- overflow: hidden;
2830
- text-align: center;
2831
- text-decoration: none;
2832
- text-overflow: ellipsis;
2833
- -webkit-user-select: none;
2834
- -moz-user-select: none;
2835
- -ms-user-select: none;
2836
- user-select: none;
2837
- white-space: nowrap;
2838
- width: 48%;
2839
- font-weight: 600;
2840
- }
2841
- .e-daterangepicker.e-popup .e-range-header .e-change-icon,
2842
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon {
2843
- font-size: 15px;
2844
- font-weight: 500;
2845
- text-align: center;
2846
- width: 4%;
2847
- }
2848
- .e-daterangepicker.e-popup .e-range-header .e-day-span,
2849
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-day-span {
2850
- direction: ltr;
2851
- font-size: 13px;
2852
- height: 14px;
2853
- margin: 0 0 15px 0;
2854
- text-align: center;
2855
- -webkit-user-select: none;
2856
- -moz-user-select: none;
2857
- -ms-user-select: none;
2858
- user-select: none;
2859
- width: 100%;
2860
- }
2861
- .e-daterangepicker.e-popup .e-range-header .e-start-end,
2862
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end {
2863
- -webkit-box-align: center;
2864
- -ms-flex-align: center;
2865
- align-items: center;
2866
- display: -webkit-box;
2867
- display: -ms-flexbox;
2868
- display: flex;
2869
- height: 35px;
2870
- }
2871
- .e-daterangepicker.e-popup .e-separator,
2872
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
2873
- height: 1px;
2874
- margin: 0;
2875
- }
2876
- .e-daterangepicker.e-popup .e-calendar,
2877
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
2878
- border: none;
2879
- margin: 0;
2880
- padding: 0;
2881
- }
2882
- .e-daterangepicker.e-popup .e-calendar .e-content table,
2883
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content table {
2884
- padding: 0 10px 10px;
2885
- }
2886
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2887
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
2888
- cursor: pointer;
2889
- line-height: 36px;
2890
- width: auto;
2891
- float: none;
2892
- font-weight: 600;
2893
- margin-left: 0;
2894
- }
2895
- .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
2896
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-month,
2897
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-year,
2898
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-decade {
2899
- padding: 10px 5px 0 5px;
2900
- }
2901
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
2902
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
2903
- float: right;
2904
- }
2905
- .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
2906
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
2907
- float: left;
2908
- }
2909
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
2910
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
2911
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
2912
- height: 36px;
2913
- width: 36px;
2914
- }
2915
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span,
2916
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next span,
2917
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
2918
- padding: 10px;
2919
- }
2920
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover,
2921
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
2922
- border-radius: 50% 0 0 50%;
2923
- }
2924
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover,
2925
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
2926
- border-radius: 0 50% 50% 0;
2927
- }
2928
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
2929
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2930
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
2931
- border: none;
2932
- }
2933
- .e-daterangepicker.e-popup .e-footer,
2934
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
2935
- -webkit-box-align: center;
2936
- -ms-flex-align: center;
2937
- align-items: center;
2938
- border-top: 0.75px solid rgba(var(--color-sf-outline-variant));
2939
- clear: both;
2940
- display: -webkit-box;
2941
- display: -ms-flexbox;
2942
- display: flex;
2943
- -webkit-box-orient: horizontal;
2944
- -webkit-box-direction: reverse;
2945
- -ms-flex-direction: row-reverse;
2946
- flex-direction: row-reverse;
2947
- height: 48px;
2948
- }
2949
- .e-daterangepicker.e-popup .e-footer .e-btn,
2950
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn {
2951
- font-weight: 500;
2952
- height: 27px;
2953
- line-height: 27px;
2954
- overflow: hidden;
2955
- padding: 0 16px;
2956
- text-overflow: ellipsis;
2957
- }
2958
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
2959
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
2960
- margin: 0 8px 0 8px;
2961
- }
2962
- .e-daterangepicker.e-popup .e-date-range-container,
2963
- .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container {
2964
- float: left;
2965
- }
2966
- .e-daterangepicker.e-popup .e-date-range-container.e-range-border,
2967
- .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
2968
- border-right: 0.75px solid rgba(var(--color-sf-outline-variant));
2969
- }
2970
- .e-daterangepicker.e-popup .e-calendar-container,
2971
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container {
2972
- display: -webkit-box;
2973
- display: -ms-flexbox;
2974
- display: flex;
2975
- }
2976
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container,
2977
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
2978
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
2979
- float: left;
2980
- }
2981
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
2982
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
2983
- border-right: 0.75px solid rgba(var(--color-sf-outline-variant));
2984
- }
2985
- .e-daterangepicker.e-popup .e-presets,
2986
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
2987
- max-height: 192px;
2988
- overflow: auto;
2989
- width: auto;
2990
- }
2991
- .e-daterangepicker.e-popup .e-presets .e-list-item,
2992
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item {
2993
- border-radius: 0;
2994
- cursor: pointer;
2995
- line-height: 48px;
2996
- overflow: hidden;
2997
- padding: 0 24px;
2998
- white-space: nowrap;
2999
- text-overflow: ellipsis;
3000
- }
3001
- .e-daterangepicker.e-popup .e-presets .e-list-parent,
3002
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {
3003
- margin: 0;
3004
- max-width: 160px;
3005
- padding: 0;
3006
- }
3007
- .e-daterangepicker.e-popup .e-presets .e-text-content,
3008
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-text-content {
3009
- line-height: 47px;
3010
- }
3011
- .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
3012
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
3013
- font-size: 13px;
3014
- height: 36px;
3015
- line-height: 36px;
3016
- }
3017
- .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item.e-active:first-child,
3018
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item.e-active:first-child {
3019
- border-top-right-radius: 8px;
3020
- border-top-left-radius: 8px;
3021
- }
3022
- .e-daterangepicker.e-popup .e-hide-range,
3023
- .e-bigger.e-small .e-daterangepicker.e-popup .e-hide-range {
3024
- display: none;
3025
- }
3026
- .e-daterangepicker.e-rtl .e-date-range-container,
3027
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container {
3028
- float: right;
3029
- }
3030
- .e-daterangepicker.e-rtl .e-date-range-container.e-range-border,
3031
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
3032
- border-left: 0.75px solid rgba(var(--color-sf-outline-variant));
3033
- border-right: 0;
3034
- }
3035
- .e-daterangepicker.e-rtl .e-date-range-container .e-left-container,
3036
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
3037
- border-left: 0.75px solid rgba(var(--color-sf-outline-variant));
3038
- border-right: 0;
3039
- }
3040
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next,
3041
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
3042
- float: left;
3043
- }
3044
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev,
3045
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
3046
- float: right;
3047
- }
3048
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover,
3049
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
3050
- border-radius: 0 50% 50% 0;
3051
- }
3052
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover,
3053
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
3054
- border-radius: 50% 0 0 50%;
3055
- }
3056
- .e-daterangepicker.e-rtl .e-footer,
3057
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer {
3058
- -webkit-box-orient: horizontal;
3059
- -webkit-box-direction: normal;
3060
- -ms-flex-direction: row;
3061
- flex-direction: row;
3062
- -webkit-box-pack: end;
3063
- -ms-flex-pack: end;
3064
- justify-content: flex-end;
3065
- }
3066
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel,
3067
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
3068
- margin: 0 8px 0 8px;
3069
- }
3070
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply,
3071
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
3072
- margin-left: 0;
3073
- }
3074
-
3075
- .e-bigger .e-daterangepicker.e-range-modal,
3076
- *.e-device.e-daterangepicker.e-range-modal {
3077
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
3078
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
3079
- height: 100%;
3080
- left: 0;
3081
- opacity: 0.5;
3082
- pointer-events: auto;
3083
- position: fixed;
3084
- top: 0;
3085
- width: 100%;
3086
- z-index: 999;
3087
- }
3088
-
3089
- .e-bigger.e-small .e-daterangepicker .e-calendar {
3090
- max-width: 246px;
3091
- }
3092
-
3093
- .e-bigger .e-daterangepicker.e-popup,
3094
- *.e-bigger.e-daterangepicker.e-popup,
3095
- *.e-device.e-daterangepicker.e-popup {
3096
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
3097
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
3098
- }
3099
- .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper,
3100
- *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper,
3101
- *.e-device.e-daterangepicker.e-popup.e-preset-wrapper {
3102
- max-width: 770px;
3103
- min-width: auto;
3104
- }
3105
- .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
3106
- *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
3107
- *.e-device.e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
3108
- max-height: none;
3109
- }
3110
- .e-bigger .e-daterangepicker.e-popup .e-range-header,
3111
- *.e-bigger.e-daterangepicker.e-popup .e-range-header,
3112
- *.e-device.e-daterangepicker.e-popup .e-range-header {
3113
- width: auto;
3114
- }
3115
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end,
3116
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end,
3117
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end {
3118
- -webkit-box-align: center;
3119
- -ms-flex-align: center;
3120
- align-items: center;
3121
- cursor: pointer;
3122
- display: -webkit-box;
3123
- display: -ms-flexbox;
3124
- display: flex;
3125
- height: 36px;
3126
- -webkit-box-pack: center;
3127
- -ms-flex-pack: center;
3128
- justify-content: center;
3129
- -webkit-user-select: none;
3130
- -moz-user-select: none;
3131
- -ms-user-select: none;
3132
- user-select: none;
3133
- width: 100%;
3134
- }
3135
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
3136
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
3137
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
3138
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
3139
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
3140
- border: 1px solid rgba(var(--color-sf-primary));
3141
- -webkit-box-shadow: none;
3142
- box-shadow: none;
3143
- font-size: 14px;
3144
- font-weight: 500;
3145
- height: 36px;
3146
- line-height: 34px;
3147
- max-width: 116px;
3148
- overflow: hidden;
3149
- padding: 1px 6px;
3150
- text-overflow: ellipsis;
3151
- width: 50%;
3152
- }
3153
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
3154
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
3155
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
3156
- border-left: 0;
3157
- border-radius: 0 16px 16px 0;
3158
- }
3159
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
3160
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
3161
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn {
3162
- border-radius: 16px 0 0 16px;
3163
- }
3164
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
3165
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
3166
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
3167
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
3168
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) {
3169
- -webkit-box-shadow: none;
3170
- box-shadow: none;
3171
- }
3172
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
3173
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
3174
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
3175
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
3176
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
3177
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
3178
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
3179
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
3180
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
3181
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
3182
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
3183
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
3184
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover {
3185
- -webkit-box-shadow: none;
3186
- box-shadow: none;
3187
- }
3188
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
3189
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
3190
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
3191
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
3192
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
3193
- max-width: 141px;
3194
- }
3195
- .e-bigger .e-daterangepicker.e-popup .e-presets,
3196
- *.e-bigger.e-daterangepicker.e-popup .e-presets,
3197
- *.e-device.e-daterangepicker.e-popup .e-presets {
3198
- max-height: 240px;
3199
- }
3200
- .e-bigger .e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
3201
- *.e-bigger.e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
3202
- *.e-device.e-daterangepicker.e-popup .e-presets.e-preset-wrapper {
3203
- max-height: none;
3204
- }
3205
- .e-bigger .e-daterangepicker.e-popup .e-presets ul,
3206
- *.e-bigger.e-daterangepicker.e-popup .e-presets ul,
3207
- *.e-device.e-daterangepicker.e-popup .e-presets ul {
3208
- max-width: none;
3209
- }
3210
- .e-bigger .e-daterangepicker.e-popup .e-presets ul li.e-list-item,
3211
- *.e-bigger.e-daterangepicker.e-popup .e-presets ul li.e-list-item,
3212
- *.e-device.e-daterangepicker.e-popup .e-presets ul li.e-list-item {
3213
- font-size: 14px;
3214
- height: 48px;
3215
- line-height: 48px;
3216
- padding: 0 16px;
3217
- }
3218
- .e-bigger .e-daterangepicker .e-calendar,
3219
- *.e-bigger.e-daterangepicker .e-calendar,
3220
- *.e-device.e-daterangepicker .e-calendar {
3221
- max-width: 296px;
3222
- padding: 0;
3223
- }
3224
- .e-bigger .e-daterangepicker .e-calendar .e-content table,
3225
- *.e-bigger.e-daterangepicker .e-calendar .e-content table,
3226
- *.e-device.e-daterangepicker .e-calendar .e-content table {
3227
- padding: 0 12px 12px;
3228
- }
3229
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-next, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev,
3230
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next,
3231
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev,
3232
- *.e-device.e-daterangepicker .e-calendar .e-header .e-next,
3233
- *.e-device.e-daterangepicker .e-calendar .e-header .e-prev {
3234
- height: 48px;
3235
- width: 48px;
3236
- }
3237
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-next span, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev span,
3238
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next span,
3239
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev span,
3240
- *.e-device.e-daterangepicker .e-calendar .e-header .e-next span,
3241
- *.e-device.e-daterangepicker .e-calendar .e-header .e-prev span {
3242
- padding: 15px;
3243
- }
3244
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-title,
3245
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-title,
3246
- *.e-device.e-daterangepicker .e-calendar .e-header .e-title {
3247
- cursor: pointer;
3248
- line-height: 48px;
3249
- }
3250
- .e-bigger .e-daterangepicker .e-calendar .e-header.e-month, .e-bigger .e-daterangepicker .e-calendar .e-header.e-year, .e-bigger .e-daterangepicker .e-calendar .e-header.e-decade,
3251
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-month,
3252
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-year,
3253
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-decade,
3254
- *.e-device.e-daterangepicker .e-calendar .e-header.e-month,
3255
- *.e-device.e-daterangepicker .e-calendar .e-header.e-year,
3256
- *.e-device.e-daterangepicker .e-calendar .e-header.e-decade {
3257
- padding: 10px 5px 0 5px;
3258
- }
3259
- .e-bigger .e-daterangepicker .e-footer,
3260
- *.e-bigger.e-daterangepicker .e-footer,
3261
- *.e-device.e-daterangepicker .e-footer {
3262
- height: 58px;
3263
- }
3264
- .e-bigger .e-daterangepicker .e-footer .e-btn,
3265
- *.e-bigger.e-daterangepicker .e-footer .e-btn,
3266
- *.e-device.e-daterangepicker .e-footer .e-btn {
3267
- height: 36px;
3268
- line-height: 36px;
3269
- overflow: hidden;
3270
- }
3271
- .e-bigger .e-daterangepicker .e-footer .e-btn.e-apply,
3272
- *.e-bigger.e-daterangepicker .e-footer .e-btn.e-apply,
3273
- *.e-device.e-daterangepicker .e-footer .e-btn.e-apply {
3274
- margin: 0 8px 0 8px;
3275
- }
3276
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
3277
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
3278
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn {
3279
- border: 1px solid rgba(var(--color-sf-primary));
3280
- border-radius: 16px 0 0 16px;
3281
- border-right: 0;
3282
- }
3283
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
3284
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
3285
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn {
3286
- border-radius: 0 16px 16px 0;
3287
- }
3288
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
3289
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
3290
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel {
3291
- margin: 0 8px 0 8px;
3292
- }
3293
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
3294
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
3295
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply {
3296
- margin-left: 0;
3297
- }
3298
- .e-bigger .e-daterangepicker.e-device.e-popup,
3299
- *.e-bigger.e-daterangepicker.e-device.e-popup,
3300
- *.e-device.e-daterangepicker.e-device.e-popup {
3301
- max-width: 298px;
3302
- }
3303
- .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header,
3304
- *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header,
3305
- *.e-device.e-daterangepicker.e-device.e-popup .e-range-header {
3306
- margin: 20px 16px 0 16px;
3307
- padding: 0;
3308
- }
3309
- .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
3310
- *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
3311
- *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
3312
- margin: 10px 0;
3313
- }
3314
-
3315
- .e-small .e-daterangepicker.e-popup .e-range-header,
3316
- *.e-small.e-daterangepicker.e-popup .e-range-header {
3317
- margin: 10px 10px 0 10px;
3318
- }
3319
- .e-small .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-small .e-daterangepicker.e-popup .e-range-header .e-end-label,
3320
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-label,
3321
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-end-label {
3322
- font-size: 16px;
3323
- }
3324
- .e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon,
3325
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-change-icon {
3326
- font-size: 12px;
3327
- }
3328
- .e-small .e-daterangepicker.e-popup .e-range-header .e-start-end,
3329
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-end {
3330
- height: 32px;
3331
- }
3332
- .e-small .e-daterangepicker.e-popup .e-range-header .e-day-span,
3333
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-day-span {
3334
- font-size: 12px;
3335
- margin: 0 0 10px 0;
3336
- }
3337
- .e-small .e-daterangepicker.e-popup .e-range-header .e-separator,
3338
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-separator {
3339
- margin: 0 10px;
3340
- }
3341
- .e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
3342
- *.e-small.e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
3343
- margin: 10px 10px 10px 8px;
3344
- }
3345
- .e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item,
3346
- *.e-small.e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item {
3347
- font-size: 12px;
3348
- height: 26px;
3349
- line-height: 26px;
3350
- }
3351
-
3352
- /* stylelint-disable */
3353
- .e-range-overflow {
3354
- overflow: hidden;
3355
- }
3356
-
3357
- .e-daterangepick-mob-popup-wrap {
3358
- -webkit-box-align: center;
3359
- -ms-flex-align: center;
3360
- align-items: center;
3361
- display: -webkit-box;
3362
- display: -ms-flexbox;
3363
- display: flex;
3364
- -webkit-box-orient: vertical;
3365
- -webkit-box-direction: normal;
3366
- -ms-flex-direction: column;
3367
- flex-direction: column;
3368
- height: 100%;
3369
- -webkit-box-pack: center;
3370
- -ms-flex-pack: center;
3371
- justify-content: center;
3372
- left: 0;
3373
- max-height: 100%;
3374
- position: fixed;
3375
- top: 0;
3376
- width: 100%;
3377
- z-index: 1002;
3378
- }
3379
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-control.e-lib.e-device.e-popup-open {
3380
- position: relative;
3381
- top: 0 !important;
3382
- left: 0 !important;
3383
- }
3384
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
3385
- min-height: 100%;
3386
- min-width: 100%;
3387
- height: 100%;
3388
- width: 100%;
3389
- }
3390
-
3391
- .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
3392
- background-size: 250px 33px;
3393
- min-height: 33px;
3394
- }
3395
-
3396
- .e-bigger .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker,
3397
- .e-bigger.e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
3398
- background-size: 250px 40px;
3399
- min-height: 40px;
3400
- }
3401
-
3402
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
3403
- min-height: 100%;
3404
- min-width: 100%;
3405
- height: 100%;
3406
- width: 100%;
3407
- }
3408
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
3409
- height: 20vh;
3410
- padding: 2vh 2vw;
3411
- margin: 0;
3412
- color: rgba(var(--color-sf-on-surface));
3413
- }
3414
- @media (max-device-width: 768px) {
3415
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
3416
- font-size: 16px;
3417
- }
3418
- }
3419
- @media (min-device-width: 768px) {
3420
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
3421
- font-size: 18px;
3422
- }
3423
- }
3424
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-apply {
3425
- float: right;
3426
- }
3427
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
3428
- margin: 3vh 0 0 0;
3429
- }
3430
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
3431
- min-width: 100%;
3432
- width: 100%;
3433
- padding: 0;
3434
- overflow: unset;
3435
- }
3436
- @media (max-height: 600px) {
3437
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
3438
- min-height: 100%;
3439
- height: 100%;
3440
- }
3441
- }
3442
- @media (min-height: 600px) {
3443
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
3444
- min-height: 80vh;
3445
- height: 80vh;
3446
- }
3447
- }
3448
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
3449
- height: 10vh;
3450
- border-style: solid;
3451
- border-width: 0 0 1px 0;
3452
- border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
3453
- padding: 2vh 2vw;
3454
- line-height: 5vh;
3455
- }
3456
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev {
3457
- height: 36px;
3458
- width: 36px;
3459
- vertical-align: inherit;
3460
- font-size: 18px;
3461
- }
3462
- @media screen and (orientation: landscape) {
3463
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev {
3464
- vertical-align: inherit;
3465
- }
3466
- }
3467
- @media (min-device-width: 768px) {
3468
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span {
3469
- font-size: 18px;
3470
- padding: 11px;
3471
- }
3472
- }
3473
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next {
3474
- height: 36px;
3475
- width: 36px;
3476
- }
3477
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
3478
- padding: 10px;
3479
- line-height: 1;
3480
- }
3481
- @media (min-device-width: 768px) {
3482
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
3483
- font-size: 18px;
3484
- }
3485
- }
3486
- @media (max-height: 600px) {
3487
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
3488
- margin-left: -27vw;
3489
- position: absolute;
3490
- text-align: center;
3491
- vertical-align: middle;
3492
- width: 50vw;
3493
- line-height: 44px;
3494
- line-height: 8vh;
3495
- }
3496
- }
3497
- @media (min-height: 600px) {
3498
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
3499
- margin-left: -29vw;
3500
- position: absolute;
3501
- text-align: center;
3502
- vertical-align: middle;
3503
- width: 50vw;
3504
- line-height: 44px;
3505
- line-height: inherit;
3506
- }
3507
- }
3508
- @media (min-device-width: 768px) {
3509
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
3510
- font-size: 18px;
3511
- }
3512
- }
3513
- @media (min-device-width: 768px) {
3514
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
3515
- font-size: 18px;
3516
- height: 48px;
3517
- }
3518
- }
3519
- @media (min-device-width: 768px) {
3520
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
3521
- font-size: 18px;
3522
- height: 64px;
3523
- width: 64px;
3524
- line-height: 64px;
3525
- }
3526
- }
3527
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
3528
- border-radius: 0;
3529
- }
3530
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
3531
- height: 100%;
3532
- }
3533
- @media (max-height: 600px) {
3534
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
3535
- min-height: 78vh;
3536
- height: 78vh;
3537
- }
3538
- }
3539
- @media (max-height: 600px) {
3540
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-calendar {
3541
- min-height: 78vh;
3542
- height: 78vh;
3543
- }
3544
- }
3545
- @media (max-height: 600px) {
3546
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
3547
- min-height: 100%;
3548
- height: 100%;
3549
- }
3550
- }
3551
- @media (min-height: 600px) {
3552
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
3553
- min-height: 80vh;
3554
- height: 80vh;
3555
- }
3556
- }
3557
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
3558
- margin: 0;
3559
- }
3560
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
3561
- height: 69vh;
3562
- }
3563
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
3564
- padding: 0 2vw;
3565
- height: 69vh;
3566
- border-spacing: unset;
3567
- }
3568
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-footer {
3569
- display: none;
3570
- }
3571
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets {
3572
- max-height: 90%;
3573
- height: 90%;
3574
- }
3575
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul {
3576
- height: 100%;
3577
- }
3578
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul li.e-list-item {
3579
- font-size: 16px;
3580
- }
3581
- @media (min-device-width: 768px) {
3582
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul li.e-list-item {
3583
- font-size: 18px;
3584
- }
3585
- }
3586
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap {
3587
- position: relative;
3588
- height: 100%;
3589
- }
3590
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
3591
- height: 10%;
3592
- padding: 2.5vh 2.5vw 2.5vh 1.5vw;
3593
- display: -webkit-box;
3594
- display: -ms-flexbox;
3595
- display: flex;
3596
- -webkit-box-align: center;
3597
- -ms-flex-align: center;
3598
- align-items: center;
3599
- font-size: 2vh;
3600
- border-bottom: none;
3601
- }
3602
- @media (min-device-width: 768px) {
3603
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
3604
- font-size: 18px;
3605
- }
3606
- }
3607
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
3608
- float: left;
3609
- padding: 1vh 2vw;
3610
- }
3611
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
3612
- padding: 1vh 2vw;
3613
- text-transform: uppercase;
3614
- }
3615
-
3616
- @media screen and (orientation: landscape) {
3617
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
3618
- padding: 0;
3619
- }
3620
- }
3621
- @media screen and (orientation: landscape) and (min-device-width: 768px) {
3622
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
3623
- font-size: 18px;
3624
- }
3625
- }
3626
- @media screen and (orientation: landscape) and (min-height: 600px) {
3627
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
3628
- min-height: 70vh;
3629
- height: 70vh;
3630
- }
3631
- }
3632
- @media screen and (orientation: landscape) and (max-height: 600px) {
3633
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
3634
- min-height: 65%;
3635
- height: 65%;
3636
- }
3637
- }
3638
- @media screen and (orientation: landscape) and (min-height: 600px) {
3639
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-calendar {
3640
- min-height: 70vh;
3641
- height: 70vh;
3642
- }
3643
- }
3644
- @media screen and (orientation: landscape) and (max-height: 600px) {
3645
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-content.e-decade {
3646
- height: 50vh;
3647
- }
3648
- }
3649
- @media screen and (orientation: landscape) {
3650
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets {
3651
- max-height: 85%;
3652
- height: 85%;
3653
- }
3654
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
3655
- height: 15%;
3656
- font-size: 18px;
3657
- }
3658
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
3659
- padding: 1vh 1vw;
3660
- }
3661
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
3662
- padding: 1vh 1vw;
3663
- }
3664
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
3665
- width: 100%;
3666
- }
3667
- }
3668
- @media screen and (orientation: landscape) and (max-height: 600px) {
3669
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
3670
- height: 27vh;
3671
- }
3672
- }
3673
- @media screen and (orientation: landscape) and (min-height: 600px) {
3674
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
3675
- height: 25vh;
3676
- }
3677
- }
3678
- @media screen and (orientation: landscape) {
3679
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
3680
- margin: 0;
3681
- height: 28px;
3682
- }
3683
- }
3684
- @media screen and (orientation: landscape) and (min-height: 600px) {
3685
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
3686
- margin: 5vh 0 0 0;
3687
- }
3688
- }
3689
- @media screen and (orientation: landscape) {
3690
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
3691
- margin: 8px 0;
3692
- font-size: 16px;
3693
- }
3694
- }
3695
- @media screen and (orientation: landscape) and (min-height: 600px) {
3696
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
3697
- min-height: 75vh;
3698
- height: 75vh;
3699
- }
3700
- }
3701
- @media screen and (orientation: landscape) {
3702
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade {
3703
- overflow-y: auto;
3704
- }
3705
- }
3706
- @media screen and (orientation: landscape) and (max-height: 600px) {
3707
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade {
3708
- height: 60vh;
3709
- }
3710
- }
3711
- @media screen and (orientation: landscape) and (min-height: 600px) {
3712
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade {
3713
- height: 65vh;
3714
- }
3715
- }
3716
- @media screen and (orientation: landscape) {
3717
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade table {
3718
- display: table;
3719
- border-spacing: unset;
3720
- }
3721
- }
3722
- @media screen and (orientation: landscape) and (min-height: 600px) {
3723
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade table {
3724
- height: 65vh;
3725
- }
3726
- }
3727
- .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
3728
- width: calc(100% - 80px);
3729
- }
3730
-
3731
- .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
3732
- width: calc(100% - 110px);
3733
- }
3734
-
3735
- .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
3736
- color: rgba(var(--color-sf-on-surface-variant));
3737
- }
3738
- .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
3739
- color: rgba(var(--color-sf-on-surface-variant));
3740
- }
3741
-
3742
- .e-daterangepicker.e-popup,
3743
- .e-bigger.e-small .e-daterangepicker.e-popup,
3744
- .e-bigger.e-small.e-daterangepicker.e-popup {
3745
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
3746
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
3747
- }
3748
- .e-daterangepicker.e-popup .e-calendar,
3749
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar,
3750
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar {
3751
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
3752
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
3753
- }
3754
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
3755
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
3756
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
3757
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
3758
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
3759
- color: rgba(var(--color-sf-on-surface));
3760
- text-decoration: none;
3761
- }
3762
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
3763
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
3764
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
3765
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
3766
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3767
- color: rgba(var(--color-sf-on-surface));
3768
- }
3769
- .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
3770
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
3771
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
3772
- background: transparent;
3773
- border: 1px solid rgba(var(--color-sf-primary));
3774
- color: rgba(var(--color-sf-primary));
3775
- }
3776
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
3777
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
3778
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
3779
- background: transparent;
3780
- border: none;
3781
- color: rgba(var(--color-sf-on-surface));
3782
- }
3783
- .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
3784
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
3785
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
3786
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
3787
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
3788
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
3789
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
3790
- background: rgba(var(--color-sf-on-surface), 0.05);
3791
- border: none;
3792
- color: rgba(var(--color-sf-on-surface));
3793
- }
3794
- .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
3795
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
3796
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
3797
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
3798
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
3799
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
3800
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
3801
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
3802
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
3803
- border: 1px solid rgba(var(--color-sf-primary));
3804
- }
3805
- .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
3806
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
3807
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
3808
- border: 1px solid rgba(var(--color-sf-primary));
3809
- }
3810
- .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
3811
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
3812
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
3813
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
3814
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
3815
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
3816
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
3817
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
3818
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
3819
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
3820
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
3821
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
3822
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
3823
- background: transparent;
3824
- border: none;
3825
- color: rgba(var(--color-sf-on-surface-variant));
3826
- }
3827
- .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
3828
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
3829
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
3830
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
3831
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
3832
- background: transparent;
3833
- border: none;
3834
- color: rgba(var(--color-sf-on-surface-variant));
3835
- }
3836
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
3837
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
3838
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
3839
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
3840
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
3841
- background: rgba(var(--color-sf-primary));
3842
- color: rgba(var(--color-sf-on-primary));
3843
- }
3844
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
3845
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
3846
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
3847
- background: rgba(var(--color-sf-primary));
3848
- color: rgba(var(--color-sf-on-primary));
3849
- }
3850
- .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
3851
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
3852
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
3853
- color: rgba(var(--color-sf-on-primary));
3854
- }
3855
- .e-daterangepicker.e-popup .e-presets,
3856
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets,
3857
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets {
3858
- background: transparent;
3859
- color: rgba(var(--color-sf-on-surface));
3860
- }
3861
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
3862
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
3863
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
3864
- background: rgba(var(--color-sf-primary-container));
3865
- color: rgba(var(--color-sf-on-surface));
3866
- }
3867
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
3868
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
3869
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
3870
- background: rgba(var(--color-sf-on-surface), 0.08);
3871
- color: rgba(var(--color-sf-on-surface));
3872
- }
3873
- .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label,
3874
- .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label,
3875
- .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
3876
- .e-bigger.e-small.e-daterangepicker.e-popup .e-start-label,
3877
- .e-bigger.e-small.e-daterangepicker.e-popup .e-end-label {
3878
- color: rgba(var(--color-sf-on-surface));
3879
- }
3880
- .e-daterangepicker.e-popup .e-change-icon,
3881
- .e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon,
3882
- .e-bigger.e-small.e-daterangepicker.e-popup .e-change-icon {
3883
- color: rgba(var(--color-sf-on-surface-variant));
3884
- }
3885
- .e-daterangepicker.e-popup .e-day-span,
3886
- .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
3887
- .e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
3888
- color: rgba(var(--color-sf-on-surface-variant));
3889
- }
3890
- .e-daterangepicker.e-popup .e-separator,
3891
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
3892
- .e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
3893
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
3894
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
3895
- }
3896
- .e-daterangepicker.e-popup .e-footer,
3897
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
3898
- .e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
3899
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
3900
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
3901
- border-bottom-left-radius: 8px;
3902
- border-bottom-right-radius: 8px;
3903
- }
3904
- .e-bigger .e-daterangepicker,
3905
- *.e-bigger.e-daterangepicker,
3906
- *.e-device.e-daterangepicker {
3907
- background: initial;
3908
- padding: 0;
3909
- }
3910
- .e-bigger .e-daterangepicker .e-calendar th,
3911
- *.e-bigger.e-daterangepicker .e-calendar th,
3912
- *.e-device.e-daterangepicker .e-calendar th {
3913
- color: rgba(var(--color-sf-on-surface-variant));
3914
- }
3915
- .e-bigger .e-daterangepicker .e-start-btn, .e-bigger .e-daterangepicker .e-end-btn,
3916
- *.e-bigger.e-daterangepicker .e-start-btn,
3917
- *.e-bigger.e-daterangepicker .e-end-btn,
3918
- *.e-device.e-daterangepicker .e-start-btn,
3919
- *.e-device.e-daterangepicker .e-end-btn {
3920
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
3921
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
3922
- }
3923
- .e-bigger .e-daterangepicker .e-start-btn.e-active, .e-bigger .e-daterangepicker .e-start-btn.e-active:active, .e-bigger .e-daterangepicker .e-end-btn.e-active, .e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker .e-end-btn.e-active:hover,
3924
- *.e-bigger.e-daterangepicker .e-start-btn.e-active,
3925
- *.e-bigger.e-daterangepicker .e-start-btn.e-active:active,
3926
- *.e-bigger.e-daterangepicker .e-end-btn.e-active,
3927
- *.e-bigger.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
3928
- *.e-bigger.e-daterangepicker .e-start-btn.e-active:hover,
3929
- *.e-bigger.e-daterangepicker .e-end-btn.e-active:hover,
3930
- *.e-device.e-daterangepicker .e-start-btn.e-active,
3931
- *.e-device.e-daterangepicker .e-start-btn.e-active:active,
3932
- *.e-device.e-daterangepicker .e-end-btn.e-active,
3933
- *.e-device.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
3934
- *.e-device.e-daterangepicker .e-start-btn.e-active:hover,
3935
- *.e-device.e-daterangepicker .e-end-btn.e-active:hover {
3936
- background: rgba(var(--color-sf-primary));
3937
- color: rgba(var(--color-sf-on-primary));
3938
- }
3939
-
3940
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
3941
- background-color: rgba(var(--color-sf-primary));
3942
- color: rgba(var(--color-sf-on-primary));
3943
- }
3944
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
3945
- color: rgba(var(--color-sf-on-primary));
3946
- }
3947
-
3948
- :root {
3949
- --color-sf-black: 0, 0, 0;
3950
- --color-sf-white: 255, 255, 255;
3951
- --color-sf-primary: 103, 80, 164;
3952
- --color-sf-primary-container: 234, 221, 255;
3953
- --color-sf-secondary: 98, 91, 113;
3954
- --color-sf-secondary-container: 232, 222, 248;
3955
- --color-sf-tertiary: 125, 82, 96;
3956
- --color-sf-tertiary-container: 255, 216, 228;
3957
- --color-sf-surface: 255, 255, 255;
3958
- --color-sf-surface-variant: 231, 224, 236;
3959
- --color-sf-background: var(--color-sf-surface);
3960
- --color-sf-on-primary: 255, 255, 255;
3961
- --color-sf-on-primary-container: 33, 0, 94;
3962
- --color-sf-on-secondary: 255, 255, 255;
3963
- --color-sf-on-secondary-container: 30, 25, 43;
3964
- --color-sf-on-tertiary: 255, 255, 255;
3965
- --color-sf-on-tertiary-containe: 55, 11, 30;
3966
- --color-sf-on-surface: 28, 27, 31;
3967
- --color-sf-on-surface-variant: 73, 69, 78;
3968
- --color-sf-on-background: 28, 27, 31;
3969
- --color-sf-outline: 121, 116, 126;
3970
- --color-sf-outline-variant: 196, 199, 197;
3971
- --color-sf-shadow: 0, 0, 0;
3972
- --color-sf-surface-tint-color: 103, 80, 164;
3973
- --color-sf-inverse-surface: 49, 48, 51;
3974
- --color-sf-inverse-on-surface: 244, 239, 244;
3975
- --color-sf-inverse-primary: 208, 188, 255;
3976
- --color-sf-scrim: 0, 0, 0;
3977
- --color-sf-error: 179, 38, 30;
3978
- --color-sf-error-container: 249, 222, 220;
3979
- --color-sf-on-error: 255, 250, 250;
3980
- --color-sf-on-error-container: 65, 14, 11;
3981
- --color-sf-success: 32, 81, 7;
3982
- --color-sf-success-container: 209, 255, 186;
3983
- --color-sf-on-success: 244, 255, 239;
3984
- --color-sf-on-success-container: 13, 39, 0;
3985
- --color-sf-info: 1, 87, 155;
3986
- --color-sf-info-container: 233, 245, 255;
3987
- --color-sf-on-info: 250, 253, 255;
3988
- --color-sf-on-info-container: 0, 51, 91;
3989
- --color-sf-warning: 145, 76, 0;
3990
- --color-sf-warning-container: 254, 236, 222;
3991
- --color-sf-on-warning: 255, 255, 255;
3992
- --color-sf-on-warning-container: 47, 21, 0;
3993
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
3994
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
3995
- --color-sf-diagram-palette-background: --color-sf-white;
3996
- --color-sf-success-text: 255, 255, 255;
3997
- --color-sf-warning-text: 255, 255, 255;
3998
- --color-sf-danger-text: 255, 255, 255;
3999
- --color-sf-info-text: 255, 255, 255;
4000
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
4001
- --color-sf-secondary-bg-color: var(--color-sf-surface);
4002
- }
4003
-
4004
- .e-dark-mode {
4005
- --color-sf-black: 0, 0, 0;
4006
- --color-sf-white: 255, 255, 255;
4007
- --color-sf-primary: 208, 188, 255;
4008
- --color-sf-primary-container: 79, 55, 139;
4009
- --color-sf-secondary: 204, 194, 220;
4010
- --color-sf-secondary-container: 74, 68, 88;
4011
- --color-sf-tertiary: 239, 184, 200;
4012
- --color-sf-tertiary-container: 99, 59, 72;
4013
- --color-sf-surface: 28, 27, 31;
4014
- --color-sf-surface-variant: 28, 27, 31;
4015
- --color-sf-background: var(--color-sf-surface);
4016
- --color-sf-on-primary: 55, 30, 115;
4017
- --color-sf-on-primary-container: 234, 221, 255;
4018
- --color-sf-on-secondary: 51, 45, 65;
4019
- --color-sf-on-secondary-container: 232, 222, 248;
4020
- --color-sf-on-tertiary: 73, 37, 50;
4021
- --color-sf-on-tertiary-containe: 255, 216, 228;
4022
- --color-sf-on-surface: 230, 225, 229;
4023
- --color-sf-on-surface-variant: 202, 196, 208;
4024
- --color-sf-on-background: 230, 225, 229;
4025
- --color-sf-outline: 147, 143, 153;
4026
- --color-sf-outline-variant: 68, 71, 70;
4027
- --color-sf-shadow: 0, 0, 0;
4028
- --color-sf-surface-tint-color: 208, 188, 255;
4029
- --color-sf-inverse-surface: 230, 225, 229;
4030
- --color-sf-inverse-on-surface: 49, 48, 51;
4031
- --color-sf-inverse-primary: 103, 80, 164;
4032
- --color-sf-scrim: 0, 0, 0;
4033
- --color-sf-error: 242, 184, 181;
4034
- --color-sf-error-container: 140, 29, 24;
4035
- --color-sf-on-error: 96, 20, 16;
4036
- --color-sf-on-error-container: 249, 222, 220;
4037
- --color-sf-success: 83, 202, 23;
4038
- --color-sf-success-container: 22, 62, 2;
4039
- --color-sf-on-success: 13, 39, 0;
4040
- --color-sf-on-success-container: 183, 250, 150;
4041
- --color-sf-info: 71, 172, 251;
4042
- --color-sf-info-container: 0, 67, 120;
4043
- --color-sf-on-info: 0, 51, 91;
4044
- --color-sf-on-info-container: 173, 219, 255;
4045
- --color-sf-warning: 245, 180, 130;
4046
- --color-sf-warning-container: 123, 65, 0;
4047
- --color-sf-on-warning: 99, 52, 0;
4048
- --color-sf-on-warning-container: 255, 220, 193;
4049
- --color-sf-spreadsheet-gridline: 231, 224, 236;
4050
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
4051
- --color-sf-success-text: 0, 0, 0;
4052
- --color-sf-warning-text: 0, 0, 0;
4053
- --color-sf-info-text: 0, 0, 0;
4054
- --color-sf-danger-text: 0, 0, 0;
4055
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
4056
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
4057
- }
4058
-
4059
- :root {
4060
- --color-sf-black: 0, 0, 0;
4061
- --color-sf-white: 255, 255, 255;
4062
- --color-sf-primary: 103, 80, 164;
4063
- --color-sf-primary-container: 234, 221, 255;
4064
- --color-sf-secondary: 98, 91, 113;
4065
- --color-sf-secondary-container: 232, 222, 248;
4066
- --color-sf-tertiary: 125, 82, 96;
4067
- --color-sf-tertiary-container: 255, 216, 228;
4068
- --color-sf-surface: 255, 255, 255;
4069
- --color-sf-surface-variant: 231, 224, 236;
4070
- --color-sf-background: var(--color-sf-surface);
4071
- --color-sf-on-primary: 255, 255, 255;
4072
- --color-sf-on-primary-container: 33, 0, 94;
4073
- --color-sf-on-secondary: 255, 255, 255;
4074
- --color-sf-on-secondary-container: 30, 25, 43;
4075
- --color-sf-on-tertiary: 255, 255, 255;
4076
- --color-sf-on-tertiary-containe: 55, 11, 30;
4077
- --color-sf-on-surface: 28, 27, 31;
4078
- --color-sf-on-surface-variant: 73, 69, 78;
4079
- --color-sf-on-background: 28, 27, 31;
4080
- --color-sf-outline: 121, 116, 126;
4081
- --color-sf-outline-variant: 196, 199, 197;
4082
- --color-sf-shadow: 0, 0, 0;
4083
- --color-sf-surface-tint-color: 103, 80, 164;
4084
- --color-sf-inverse-surface: 49, 48, 51;
4085
- --color-sf-inverse-on-surface: 244, 239, 244;
4086
- --color-sf-inverse-primary: 208, 188, 255;
4087
- --color-sf-scrim: 0, 0, 0;
4088
- --color-sf-error: 179, 38, 30;
4089
- --color-sf-error-container: 249, 222, 220;
4090
- --color-sf-on-error: 255, 250, 250;
4091
- --color-sf-on-error-container: 65, 14, 11;
4092
- --color-sf-success: 32, 81, 7;
4093
- --color-sf-success-container: 209, 255, 186;
4094
- --color-sf-on-success: 244, 255, 239;
4095
- --color-sf-on-success-container: 13, 39, 0;
4096
- --color-sf-info: 1, 87, 155;
4097
- --color-sf-info-container: 233, 245, 255;
4098
- --color-sf-on-info: 250, 253, 255;
4099
- --color-sf-on-info-container: 0, 51, 91;
4100
- --color-sf-warning: 145, 76, 0;
4101
- --color-sf-warning-container: 254, 236, 222;
4102
- --color-sf-on-warning: 255, 255, 255;
4103
- --color-sf-on-warning-container: 47, 21, 0;
4104
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
4105
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
4106
- --color-sf-diagram-palette-background: --color-sf-white;
4107
- --color-sf-success-text: 255, 255, 255;
4108
- --color-sf-warning-text: 255, 255, 255;
4109
- --color-sf-danger-text: 255, 255, 255;
4110
- --color-sf-info-text: 255, 255, 255;
4111
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
4112
- --color-sf-secondary-bg-color: var(--color-sf-surface);
4113
- }
4114
-
4115
- .e-dark-mode {
4116
- --color-sf-black: 0, 0, 0;
4117
- --color-sf-white: 255, 255, 255;
4118
- --color-sf-primary: 208, 188, 255;
4119
- --color-sf-primary-container: 79, 55, 139;
4120
- --color-sf-secondary: 204, 194, 220;
4121
- --color-sf-secondary-container: 74, 68, 88;
4122
- --color-sf-tertiary: 239, 184, 200;
4123
- --color-sf-tertiary-container: 99, 59, 72;
4124
- --color-sf-surface: 28, 27, 31;
4125
- --color-sf-surface-variant: 28, 27, 31;
4126
- --color-sf-background: var(--color-sf-surface);
4127
- --color-sf-on-primary: 55, 30, 115;
4128
- --color-sf-on-primary-container: 234, 221, 255;
4129
- --color-sf-on-secondary: 51, 45, 65;
4130
- --color-sf-on-secondary-container: 232, 222, 248;
4131
- --color-sf-on-tertiary: 73, 37, 50;
4132
- --color-sf-on-tertiary-containe: 255, 216, 228;
4133
- --color-sf-on-surface: 230, 225, 229;
4134
- --color-sf-on-surface-variant: 202, 196, 208;
4135
- --color-sf-on-background: 230, 225, 229;
4136
- --color-sf-outline: 147, 143, 153;
4137
- --color-sf-outline-variant: 68, 71, 70;
4138
- --color-sf-shadow: 0, 0, 0;
4139
- --color-sf-surface-tint-color: 208, 188, 255;
4140
- --color-sf-inverse-surface: 230, 225, 229;
4141
- --color-sf-inverse-on-surface: 49, 48, 51;
4142
- --color-sf-inverse-primary: 103, 80, 164;
4143
- --color-sf-scrim: 0, 0, 0;
4144
- --color-sf-error: 242, 184, 181;
4145
- --color-sf-error-container: 140, 29, 24;
4146
- --color-sf-on-error: 96, 20, 16;
4147
- --color-sf-on-error-container: 249, 222, 220;
4148
- --color-sf-success: 83, 202, 23;
4149
- --color-sf-success-container: 22, 62, 2;
4150
- --color-sf-on-success: 13, 39, 0;
4151
- --color-sf-on-success-container: 183, 250, 150;
4152
- --color-sf-info: 71, 172, 251;
4153
- --color-sf-info-container: 0, 67, 120;
4154
- --color-sf-on-info: 0, 51, 91;
4155
- --color-sf-on-info-container: 173, 219, 255;
4156
- --color-sf-warning: 245, 180, 130;
4157
- --color-sf-warning-container: 123, 65, 0;
4158
- --color-sf-on-warning: 99, 52, 0;
4159
- --color-sf-on-warning-container: 255, 220, 193;
4160
- --color-sf-spreadsheet-gridline: 231, 224, 236;
4161
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
4162
- --color-sf-success-text: 0, 0, 0;
4163
- --color-sf-warning-text: 0, 0, 0;
4164
- --color-sf-info-text: 0, 0, 0;
4165
- --color-sf-danger-text: 0, 0, 0;
4166
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
4167
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
4168
- }
4169
-
4170
- /* stylelint-disable property-no-vendor-prefix */
4171
- @keyframes e-input-ripple {
4172
- 100% {
4173
- opacity: 0;
4174
- -webkit-transform: scale(4);
4175
- transform: scale(4);
4176
- }
4177
- }
4178
- @keyframes slideTopUp {
4179
- from {
4180
- -webkit-transform: translate3d(0, 0, 0) scale(1);
4181
- transform: translate3d(0, 0, 0) scale(1);
4182
- }
4183
- to {
4184
- -webkit-transform: translate3d(0, 0, 0) scale(1);
4185
- transform: translate3d(0, 0, 0) scale(1);
4186
- }
4187
- }
4188
- /* stylelint-disable-line no-empty-source */
4189
- /*! component icons */
4190
- .e-datetime-wrapper .e-time-icon.e-icons::before {
4191
- content: "\e705";
4192
- font-family: "e-icons";
4193
- }
4194
-
4195
- .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
4196
- .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
4197
- display: -webkit-box;
4198
- display: -ms-flexbox;
4199
- display: flex;
4200
- }
4201
-
4202
- .e-datetime-wrapper {
4203
- /* stylelint-disable property-no-vendor-prefix */
4204
- -webkit-tap-highlight-color: transparent;
4205
- }
4206
- .e-datetime-wrapper .e-time-icon.e-icons::before {
4207
- font-size: 16px;
4208
- }
4209
- .e-datetime-wrapper.e-control-wrapper {
4210
- -webkit-box-sizing: border-box;
4211
- box-sizing: border-box;
4212
- }
4213
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
4214
- pointer-events: none;
4215
- }
4216
- .e-datetime-wrapper .e-clear-icon {
4217
- -webkit-box-sizing: content-box;
4218
- box-sizing: content-box;
4219
- }
4220
- .e-datetime-wrapper span {
4221
- cursor: pointer;
4222
- }
4223
- .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
4224
- font-size: 16px;
4225
- margin: 0;
4226
- min-height: 30px;
4227
- min-width: 30px;
4228
- border-radius: 16px;
4229
- outline: none;
4230
- }
4231
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
4232
- border: 0;
4233
- border-style: none;
4234
- margin: 0;
4235
- }
4236
-
4237
- .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
4238
- margin: 0;
4239
- }
4240
-
4241
- .e-datetimepicker.e-time-modal {
4242
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
4243
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
4244
- height: 100%;
4245
- left: 0;
4246
- opacity: 0.5;
4247
- pointer-events: auto;
4248
- position: fixed;
4249
- top: 0;
4250
- width: 100%;
4251
- z-index: 999;
4252
- }
4253
-
4254
- .e-datetimepicker.e-popup {
4255
- border-style: solid;
4256
- border-width: 1px;
4257
- overflow: auto;
4258
- }
4259
- .e-datetimepicker.e-popup .e-content {
4260
- position: relative;
4261
- }
4262
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
4263
- margin: 0;
4264
- padding: 0;
4265
- }
4266
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
4267
- color: rgba(var(--color-sf-on-surface));
4268
- cursor: default;
4269
- font-size: 13px;
4270
- overflow: hidden;
4271
- position: relative;
4272
- text-overflow: ellipsis;
4273
- vertical-align: middle;
4274
- white-space: nowrap;
4275
- width: 100%;
4276
- }
4277
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
4278
- cursor: pointer;
4279
- }
4280
-
4281
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
4282
- line-height: 36px;
4283
- text-indent: 16px;
4284
- }
4285
-
4286
- .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
4287
- *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
4288
- font-size: 20px;
4289
- }
4290
- .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
4291
- *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
4292
- margin: 0;
4293
- min-height: 38px;
4294
- min-width: 38px;
4295
- border-radius: 20px;
4296
- }
4297
-
4298
- .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon,
4299
- *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
4300
- margin: 0;
4301
- }
4302
-
4303
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
4304
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
4305
- padding: 0;
4306
- }
4307
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
4308
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
4309
- font-size: 14px;
4310
- line-height: 48px;
4311
- text-indent: 16px;
4312
- }
4313
-
4314
- .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
4315
- *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
4316
- font-size: 12px;
4317
- line-height: 26px;
4318
- text-indent: 12px;
4319
- }
4320
-
4321
- .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
4322
- *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
4323
- font-size: 13px;
4324
- line-height: 40px;
4325
- text-indent: 16px;
4326
- }
4327
-
4328
- .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
4329
- *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
4330
- font-size: 16px;
4331
- }
4332
- .e-small.e-datetime-wrapper .e-input-group-icon.e-time-icon,
4333
- *.e-small .e-datetime-wrapper .e-input-group-icon.e-time-icon {
4334
- min-height: 22px;
4335
- min-width: 22px;
4336
- border-radius: 14px;
4337
- margin: 0;
4338
- }
4339
-
4340
- .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
4341
- *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
4342
- font-size: 20px;
4343
- }
4344
- .e-small.e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
4345
- *.e-small.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
4346
- min-height: 34px;
4347
- min-width: 34px;
4348
- border-radius: 20px;
4349
- margin: 0;
4350
- }
4351
-
4352
- .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
4353
- background-size: 250px 33px;
4354
- min-height: 33px;
4355
- }
4356
-
4357
- .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker,
4358
- .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
4359
- background-size: 250px 40px;
4360
- min-height: 40px;
4361
- }
4362
-
4363
- .e-datetimepicker.e-popup-expand.e-popup {
4364
- position: fixed;
4365
- }
4366
- .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
4367
- position: relative;
4368
- width: 100%;
4369
- }
4370
-
4371
- /*! datetimepicker theme */
4372
- .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
4373
- color: rgba(var(--color-sf-on-surface));
4374
- }
4375
- .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
4376
- color: rgba(var(--color-sf-on-surface));
4377
- }
4378
-
4379
- .e-datetimepicker.e-popup {
4380
- border: none;
4381
- border-radius: 4px;
4382
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
4383
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
4384
- }
4385
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
4386
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
4387
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
4388
- }
4389
- .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
4390
- border: none;
4391
- color: rgba(var(--color-sf-on-surface));
4392
- }
4393
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
4394
- background: rgba(var(--color-sf-on-surface), 0.05);
4395
- border: none;
4396
- color: rgba(var(--color-sf-on-surface));
4397
- }
4398
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
4399
- background: rgba(var(--color-sf-primary-container));
4400
- color: rgba(var(--color-sf-on-surface));
4401
- }
4402
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
4403
- background: rgba(var(--color-sf-primary));
4404
- color: rgba(var(--color-sf-on-primary));
4405
- }
1
+ @import '@syncfusion/ej2-calendars/styles/material3.css';