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