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