@syncfusion/ej2-vue-calendars 26.1.40 → 26.2.4

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