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

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