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

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