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