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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/@syncfusion/ej2-angular-calendars.es5.js +1048 -0
  2. package/@syncfusion/ej2-angular-calendars.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-calendars.js +981 -0
  4. package/@syncfusion/ej2-angular-calendars.js.map +1 -0
  5. package/dist/ej2-angular-calendars.umd.js +1093 -0
  6. package/dist/ej2-angular-calendars.umd.js.map +1 -0
  7. package/dist/ej2-angular-calendars.umd.min.js +11 -0
  8. package/dist/ej2-angular-calendars.umd.min.js.map +1 -0
  9. package/ej2-angular-calendars.d.ts +9 -0
  10. package/ej2-angular-calendars.metadata.json +1 -0
  11. package/license +10 -0
  12. package/package.json +15 -29
  13. package/schematics/utils/lib-details.ts +2 -2
  14. package/src/calendar/calendar-all.module.d.ts +0 -6
  15. package/src/calendar/calendar.component.d.ts +0 -3
  16. package/src/calendar/calendar.module.d.ts +0 -6
  17. package/src/datepicker/datepicker-all.module.d.ts +0 -6
  18. package/src/datepicker/datepicker.component.d.ts +0 -3
  19. package/src/datepicker/datepicker.module.d.ts +0 -6
  20. package/src/daterangepicker/daterangepicker-all.module.d.ts +0 -6
  21. package/src/daterangepicker/daterangepicker.component.d.ts +0 -3
  22. package/src/daterangepicker/daterangepicker.module.d.ts +0 -7
  23. package/src/daterangepicker/presets.directive.d.ts +0 -5
  24. package/src/datetimepicker/datetimepicker-all.module.d.ts +0 -6
  25. package/src/datetimepicker/datetimepicker.component.d.ts +0 -3
  26. package/src/datetimepicker/datetimepicker.module.d.ts +0 -6
  27. package/src/timepicker/timepicker-all.module.d.ts +0 -6
  28. package/src/timepicker/timepicker.component.d.ts +0 -3
  29. package/src/timepicker/timepicker.module.d.ts +0 -6
  30. package/styles/bootstrap-dark.css +1 -3032
  31. package/styles/bootstrap.css +1 -3040
  32. package/styles/bootstrap4.css +1 -3068
  33. package/styles/bootstrap5-dark.css +1 -3200
  34. package/styles/bootstrap5.css +1 -3200
  35. package/styles/calendar/bootstrap-dark.css +1 -872
  36. package/styles/calendar/bootstrap.css +1 -873
  37. package/styles/calendar/bootstrap4.css +1 -873
  38. package/styles/calendar/bootstrap5-dark.css +1 -943
  39. package/styles/calendar/bootstrap5.css +1 -943
  40. package/styles/calendar/fabric-dark.css +1 -880
  41. package/styles/calendar/fabric.css +1 -885
  42. package/styles/calendar/fluent-dark.css +1 -1063
  43. package/styles/calendar/fluent.css +1 -1063
  44. package/styles/calendar/fluent2.css +1 -2026
  45. package/styles/calendar/highcontrast-light.css +1 -874
  46. package/styles/calendar/highcontrast.css +1 -885
  47. package/styles/calendar/material-dark.css +1 -884
  48. package/styles/calendar/material.css +1 -885
  49. package/styles/calendar/material3-dark.css +1 -1002
  50. package/styles/calendar/material3.css +1 -1114
  51. package/styles/calendar/tailwind-dark.css +1 -975
  52. package/styles/calendar/tailwind.css +1 -975
  53. package/styles/datepicker/bootstrap-dark.css +1 -447
  54. package/styles/datepicker/bootstrap.css +1 -448
  55. package/styles/datepicker/bootstrap4.css +1 -460
  56. package/styles/datepicker/bootstrap5-dark.css +1 -459
  57. package/styles/datepicker/bootstrap5.css +1 -459
  58. package/styles/datepicker/fabric-dark.css +1 -440
  59. package/styles/datepicker/fabric.css +1 -441
  60. package/styles/datepicker/fluent-dark.css +1 -459
  61. package/styles/datepicker/fluent.css +1 -459
  62. package/styles/datepicker/fluent2.css +1 -1680
  63. package/styles/datepicker/highcontrast-light.css +1 -453
  64. package/styles/datepicker/highcontrast.css +1 -454
  65. package/styles/datepicker/material-dark.css +1 -498
  66. package/styles/datepicker/material.css +1 -519
  67. package/styles/datepicker/material3-dark.css +1 -616
  68. package/styles/datepicker/material3.css +1 -728
  69. package/styles/datepicker/tailwind-dark.css +1 -464
  70. package/styles/datepicker/tailwind.css +1 -464
  71. package/styles/daterangepicker/bootstrap-dark.css +1 -1198
  72. package/styles/daterangepicker/bootstrap.css +1 -1204
  73. package/styles/daterangepicker/bootstrap4.css +1 -1216
  74. package/styles/daterangepicker/bootstrap5-dark.css +1 -1279
  75. package/styles/daterangepicker/bootstrap5.css +1 -1279
  76. package/styles/daterangepicker/fabric-dark.css +1 -1198
  77. package/styles/daterangepicker/fabric.css +1 -1199
  78. package/styles/daterangepicker/fluent-dark.css +1 -1322
  79. package/styles/daterangepicker/fluent.css +1 -1322
  80. package/styles/daterangepicker/fluent2.css +1 -2465
  81. package/styles/daterangepicker/highcontrast-light.css +1 -1198
  82. package/styles/daterangepicker/highcontrast.css +1 -1199
  83. package/styles/daterangepicker/material-dark.css +1 -1244
  84. package/styles/daterangepicker/material.css +1 -1270
  85. package/styles/daterangepicker/material3-dark.css +1 -1427
  86. package/styles/daterangepicker/material3.css +1 -1539
  87. package/styles/daterangepicker/tailwind-dark.css +1 -1219
  88. package/styles/daterangepicker/tailwind.css +1 -1219
  89. package/styles/datetimepicker/bootstrap-dark.css +1 -194
  90. package/styles/datetimepicker/bootstrap.css +1 -194
  91. package/styles/datetimepicker/bootstrap4.css +1 -196
  92. package/styles/datetimepicker/bootstrap5-dark.css +1 -195
  93. package/styles/datetimepicker/bootstrap5.css +1 -195
  94. package/styles/datetimepicker/fabric-dark.css +1 -194
  95. package/styles/datetimepicker/fabric.css +1 -194
  96. package/styles/datetimepicker/fluent-dark.css +1 -195
  97. package/styles/datetimepicker/fluent.css +1 -195
  98. package/styles/datetimepicker/fluent2.css +1 -1408
  99. package/styles/datetimepicker/highcontrast-light.css +1 -194
  100. package/styles/datetimepicker/highcontrast.css +1 -194
  101. package/styles/datetimepicker/material-dark.css +1 -252
  102. package/styles/datetimepicker/material.css +1 -281
  103. package/styles/datetimepicker/material3-dark.css +1 -363
  104. package/styles/datetimepicker/material3.css +1 -475
  105. package/styles/datetimepicker/tailwind-dark.css +1 -195
  106. package/styles/datetimepicker/tailwind.css +1 -195
  107. package/styles/fabric-dark.css +1 -3033
  108. package/styles/fabric.css +1 -3040
  109. package/styles/fluent-dark.css +1 -3361
  110. package/styles/fluent.css +1 -3361
  111. package/styles/fluent2.css +1 -9063
  112. package/styles/highcontrast-light.css +1 -3040
  113. package/styles/highcontrast.css +1 -3053
  114. package/styles/material-dark.css +1 -3224
  115. package/styles/material.css +1 -3291
  116. package/styles/material3-dark.css +1 -3845
  117. package/styles/material3.css +1 -4405
  118. package/styles/tailwind-dark.css +1 -3175
  119. package/styles/tailwind.css +1 -3175
  120. package/styles/timepicker/bootstrap-dark.css +1 -317
  121. package/styles/timepicker/bootstrap.css +1 -317
  122. package/styles/timepicker/bootstrap4.css +1 -319
  123. package/styles/timepicker/bootstrap5-dark.css +1 -320
  124. package/styles/timepicker/bootstrap5.css +1 -320
  125. package/styles/timepicker/fabric-dark.css +1 -317
  126. package/styles/timepicker/fabric.css +1 -317
  127. package/styles/timepicker/fluent-dark.css +1 -318
  128. package/styles/timepicker/fluent.css +1 -318
  129. package/styles/timepicker/fluent2.css +1 -1531
  130. package/styles/timepicker/highcontrast-light.css +1 -317
  131. package/styles/timepicker/highcontrast.css +1 -317
  132. package/styles/timepicker/material-dark.css +1 -363
  133. package/styles/timepicker/material.css +1 -383
  134. package/styles/timepicker/material3-dark.css +1 -484
  135. package/styles/timepicker/material3.css +1 -596
  136. package/styles/timepicker/tailwind-dark.css +1 -318
  137. package/styles/timepicker/tailwind.css +1 -318
  138. package/CHANGELOG.md +0 -1375
  139. package/esm2020/public_api.mjs +0 -2
  140. package/esm2020/src/calendar/calendar-all.module.mjs +0 -29
  141. package/esm2020/src/calendar/calendar.component.mjs +0 -91
  142. package/esm2020/src/calendar/calendar.module.mjs +0 -25
  143. package/esm2020/src/datepicker/datepicker-all.module.mjs +0 -29
  144. package/esm2020/src/datepicker/datepicker.component.mjs +0 -99
  145. package/esm2020/src/datepicker/datepicker.module.mjs +0 -25
  146. package/esm2020/src/daterangepicker/daterangepicker-all.module.mjs +0 -23
  147. package/esm2020/src/daterangepicker/daterangepicker.component.mjs +0 -103
  148. package/esm2020/src/daterangepicker/daterangepicker.module.mjs +0 -34
  149. package/esm2020/src/daterangepicker/presets.directive.mjs +0 -58
  150. package/esm2020/src/datetimepicker/datetimepicker-all.module.mjs +0 -23
  151. package/esm2020/src/datetimepicker/datetimepicker.component.mjs +0 -99
  152. package/esm2020/src/datetimepicker/datetimepicker.module.mjs +0 -25
  153. package/esm2020/src/index.mjs +0 -18
  154. package/esm2020/src/timepicker/timepicker-all.module.mjs +0 -23
  155. package/esm2020/src/timepicker/timepicker.component.mjs +0 -92
  156. package/esm2020/src/timepicker/timepicker.module.mjs +0 -25
  157. package/esm2020/syncfusion-ej2-angular-calendars.mjs +0 -5
  158. package/fesm2015/syncfusion-ej2-angular-calendars.mjs +0 -735
  159. package/fesm2015/syncfusion-ej2-angular-calendars.mjs.map +0 -1
  160. package/fesm2020/syncfusion-ej2-angular-calendars.mjs +0 -735
  161. package/fesm2020/syncfusion-ej2-angular-calendars.mjs.map +0 -1
  162. package/syncfusion-ej2-angular-calendars.d.ts +0 -5
@@ -1,3053 +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: 6px 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: 1;
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 #ffd939, inset 0 1px #ffd939, inset -1px 0 #ffd939, inset 0 -1px #ffd939;
138
- box-shadow: inset 1px 0 #ffd939, inset 0 1px #ffd939, inset -1px 0 #ffd939, inset 0 -1px #ffd939;
139
- color: none;
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: #fff;
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: #000;
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: 1px solid transparent;
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: #000;
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: 46px;
496
- width: 46px;
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: #000;
558
- border-color: #000;
559
- -webkit-box-shadow: none;
560
- box-shadow: none;
561
- color: #757575;
562
- cursor: default;
563
- opacity: 1;
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: #000;
584
- border: 1px solid #969696;
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: #fff;
592
- }
593
- .e-calendar th,
594
- .e-bigger.e-small .e-calendar th {
595
- border-bottom: 0;
596
- color: #fff;
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: 1px solid transparent;
605
- color: #fff;
606
- }
607
- .e-calendar .e-header .e-title,
608
- .e-bigger.e-small .e-calendar .e-header .e-title {
609
- color: #ffd939;
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: underline;
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 #fff;
620
- box-shadow: 0 0 0 1px #fff;
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: #000;
629
- text-decoration: underline;
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: 1px solid #fff;
635
- color: #fff;
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: #685708;
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 #fff;
647
- box-shadow: 0 0 0 1px #fff;
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: #ffd939;
653
- color: #000;
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: 1px solid #ffd939;
659
- color: #000;
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: #ffd939;
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: #757575;
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: 1;
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: #969696;
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: #000;
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: #757575;
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: #ffd939;
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: #000;
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: #fff;
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: #000;
712
- border: 1px dashed #fff;
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: #685708;
720
- border: 1px solid #fff;
721
- border-radius: 0;
722
- color: #fff;
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: #000;
728
- border: 1px solid #ffd939;
729
- border-radius: 0;
730
- -webkit-box-shadow: none;
731
- box-shadow: none;
732
- color: #ffd939;
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: #000;
737
- border: 1px dashed #fff;
738
- -webkit-box-shadow: none;
739
- box-shadow: none;
740
- color: #ffd939;
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: #333;
746
- border: 1px dashed #fff;
747
- border-radius: 0;
748
- color: #fff;
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: #685708;
755
- border: 1px solid #ffd939;
756
- color: #fff;
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: #ffd939;
761
- border: 1px solid #ffd939;
762
- -webkit-box-shadow: none;
763
- box-shadow: none;
764
- color: #000;
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: #ffe886;
771
- color: #000;
772
- }
773
- .e-calendar .e-content span,
774
- .e-bigger.e-small .e-calendar .e-content span {
775
- color: #fff;
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: #757575;
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: #fff;
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: #969696;
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: #685708;
795
- color: #969696;
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: #685708;
806
- border: 1px solid #fff;
807
- border-radius: 0;
808
- color: #fff;
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: #333;
813
- color: #fff;
814
- border: 1px dashed #fff;
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: #757575;
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: #ffd939;
828
- color: #000;
829
- border: 1px solid #ffd939;
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: #ffd939;
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: #fff;
849
- }
850
- .e-small.e-calendar .e-header .e-title,
851
- .e-small .e-calendar .e-header .e-title {
852
- color: #ffd939;
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 #fff;
883
- box-shadow: 0 0 0 1px #fff;
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: 1px solid #969696;
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: 24px;
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 1vw;
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 1vw;
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: #fff;
1147
- }
1148
- .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
1149
- color: #000;
1150
- }
1151
-
1152
- .e-timepicker.e-popup {
1153
- background-color: #000;
1154
- border: 1px solid #969696;
1155
- border-radius: 0;
1156
- -webkit-box-shadow: none;
1157
- box-shadow: none;
1158
- }
1159
- .e-timepicker.e-popup .e-list-parent.e-ul {
1160
- background-color: #000;
1161
- }
1162
- .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
1163
- border: 1px solid transparent;
1164
- color: #fff;
1165
- }
1166
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
1167
- color: #757575;
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: #685708;
1175
- border: 1px solid #fff;
1176
- color: #fff;
1177
- }
1178
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
1179
- background-color: #ffd939;
1180
- color: #000;
1181
- }
1182
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
1183
- background-color: #685708;
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: #fff;
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: #000;
1197
- color: #fff;
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: #fff;
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: #685708;
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: #685708;
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
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header .e-date-icon-next::before {
1261
- content: "\e85c";
1262
- }
1263
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header .e-date-icon-prev::before {
1264
- content: "\e98f";
1265
- }
1266
-
1267
- .e-input-group.e-control-wrapper.e-date-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
1268
- .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
1269
- display: -webkit-box;
1270
- display: -ms-flexbox;
1271
- display: flex;
1272
- }
1273
-
1274
- .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
1275
- display: table-row;
1276
- }
1277
- .e-datepicker.e-popup-wrapper {
1278
- border-radius: 0;
1279
- overflow-y: hidden;
1280
- pointer-events: auto;
1281
- }
1282
- .e-datepicker.e-date-modal {
1283
- background-color: rgba(0, 0, 0, 0.6);
1284
- height: 100%;
1285
- left: 0;
1286
- opacity: 0.5;
1287
- pointer-events: auto;
1288
- position: fixed;
1289
- top: 0;
1290
- width: 100%;
1291
- z-index: 999;
1292
- }
1293
- .e-datepicker .e-model-header {
1294
- background-color: #000;
1295
- color: #fff;
1296
- cursor: default;
1297
- display: block;
1298
- padding: 10px 10px 10px 15px;
1299
- }
1300
- .e-datepicker .e-model-header .e-model-year {
1301
- font-size: 14px;
1302
- font-weight: 500;
1303
- line-height: 32px;
1304
- margin: 0;
1305
- }
1306
- .e-datepicker .e-model-month, .e-datepicker .e-model-day {
1307
- font-size: 20px;
1308
- font-weight: 500;
1309
- line-height: 32px;
1310
- margin: 0;
1311
- }
1312
-
1313
- /* stylelint-disable */
1314
- .e-date-overflow {
1315
- overflow: hidden !important;
1316
- }
1317
-
1318
- .e-datepick-mob-popup-wrap {
1319
- -webkit-box-align: center;
1320
- -ms-flex-align: center;
1321
- align-items: center;
1322
- display: -webkit-box;
1323
- display: -ms-flexbox;
1324
- display: flex;
1325
- -webkit-box-orient: vertical;
1326
- -webkit-box-direction: normal;
1327
- -ms-flex-direction: column;
1328
- flex-direction: column;
1329
- height: 100%;
1330
- -webkit-box-pack: center;
1331
- -ms-flex-pack: center;
1332
- justify-content: center;
1333
- left: 0;
1334
- max-height: 100%;
1335
- position: fixed;
1336
- top: 0;
1337
- width: 100%;
1338
- z-index: 1002;
1339
- }
1340
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
1341
- position: relative;
1342
- top: 0 !important;
1343
- left: 0 !important;
1344
- }
1345
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
1346
- min-width: 100%;
1347
- min-height: 100%;
1348
- }
1349
-
1350
- .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1351
- background-size: 250px 33px;
1352
- min-height: 33px;
1353
- }
1354
-
1355
- .e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
1356
- .e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1357
- background-size: 250px 40px;
1358
- min-height: 40px;
1359
- }
1360
-
1361
- @media screen and (orientation: landscape) {
1362
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
1363
- line-height: 64px;
1364
- }
1365
- }
1366
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand {
1367
- border-radius: 0;
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.e-blazor-device {
1376
- height: 15vh;
1377
- }
1378
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
1379
- float: right;
1380
- }
1381
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1382
- height: 20vh;
1383
- padding: 2vh 6vw;
1384
- }
1385
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
1386
- margin: 12vh 0 0 0;
1387
- }
1388
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1389
- color: inherit;
1390
- float: left;
1391
- font-size: 18px;
1392
- }
1393
- @media (min-device-width: 768px) {
1394
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1395
- font-size: 24px;
1396
- }
1397
- }
1398
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-btn.e-flat.e-popup-close {
1399
- background: transparent;
1400
- border-color: transparent;
1401
- -webkit-box-shadow: none;
1402
- box-shadow: none;
1403
- font-weight: 400;
1404
- padding: 0;
1405
- }
1406
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary {
1407
- color: inherit;
1408
- float: right;
1409
- }
1410
- @media (min-device-width: 768px) {
1411
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary {
1412
- font-size: 24px;
1413
- }
1414
- }
1415
- .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 {
1416
- font-size: 5vw;
1417
- line-height: 6vw;
1418
- }
1419
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1420
- min-width: 100%;
1421
- min-height: 100%;
1422
- height: 100%;
1423
- }
1424
- .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 {
1425
- height: 10vh;
1426
- border-style: solid;
1427
- border-width: 1px 0;
1428
- border-color: #969696;
1429
- padding: 2vh 2vw;
1430
- line-height: 5vh;
1431
- }
1432
- .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 {
1433
- margin-left: 22vw;
1434
- position: absolute;
1435
- text-align: center;
1436
- vertical-align: middle;
1437
- width: 50vw;
1438
- line-height: inherit;
1439
- }
1440
- @media (min-device-width: 768px) {
1441
- .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 {
1442
- font-size: 24px;
1443
- }
1444
- }
1445
- .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 {
1446
- margin-right: 75vw;
1447
- vertical-align: inherit;
1448
- height: 35px;
1449
- width: 35px;
1450
- }
1451
- @media (min-device-width: 768px) {
1452
- .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 {
1453
- height: 55px;
1454
- width: 55px;
1455
- }
1456
- }
1457
- .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 {
1458
- vertical-align: inherit;
1459
- }
1460
- @media (min-device-width: 768px) {
1461
- .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 {
1462
- font-size: 24px;
1463
- }
1464
- }
1465
- .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 {
1466
- margin-right: 0;
1467
- vertical-align: inherit;
1468
- height: 35px;
1469
- width: 35px;
1470
- }
1471
- @media (min-device-width: 768px) {
1472
- .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 {
1473
- height: 55px;
1474
- width: 55px;
1475
- }
1476
- }
1477
- .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 {
1478
- vertical-align: inherit;
1479
- }
1480
- @media (min-device-width: 768px) {
1481
- .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 {
1482
- font-size: 24px;
1483
- }
1484
- }
1485
- .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 {
1486
- float: none;
1487
- }
1488
- @media (min-device-width: 768px) {
1489
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar th {
1490
- font-size: 24px;
1491
- height: 48px;
1492
- }
1493
- }
1494
- @media (min-device-width: 768px) {
1495
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content span.e-day {
1496
- font-size: 24px;
1497
- height: 64px;
1498
- width: 64px;
1499
- line-height: 64px;
1500
- }
1501
- }
1502
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1503
- height: 79vh;
1504
- }
1505
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1506
- display: none;
1507
- }
1508
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1509
- height: 69vh;
1510
- }
1511
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
1512
- height: 69vh;
1513
- }
1514
-
1515
- @media screen and (orientation: landscape) {
1516
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
1517
- height: 25vh;
1518
- }
1519
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
1520
- float: right;
1521
- }
1522
- .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 {
1523
- overflow-y: auto;
1524
- }
1525
- }
1526
- @media screen and (orientation: landscape) and (max-height: 600px) {
1527
- .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 {
1528
- height: 50vh;
1529
- }
1530
- }
1531
- @media screen and (orientation: landscape) and (min-height: 600px) {
1532
- .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 {
1533
- height: 60vh;
1534
- }
1535
- }
1536
- @media screen and (orientation: landscape) and (min-height: 600px) {
1537
- .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 {
1538
- height: 60vh;
1539
- }
1540
- }
1541
- @media screen and (orientation: landscape) and (min-height: 600px) {
1542
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-footer-container {
1543
- padding: 10px 0;
1544
- height: 10%;
1545
- font-size: 24px;
1546
- }
1547
- }
1548
- @media screen and (orientation: landscape) {
1549
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1550
- width: 100%;
1551
- }
1552
- }
1553
- @media screen and (orientation: landscape) and (max-height: 600px) {
1554
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1555
- height: 30vh;
1556
- }
1557
- }
1558
- @media screen and (orientation: landscape) and (min-height: 600px) {
1559
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1560
- height: 25vh;
1561
- }
1562
- }
1563
- @media screen and (orientation: landscape) {
1564
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1565
- float: left;
1566
- }
1567
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
1568
- margin: 12vh 0 0 0;
1569
- }
1570
- .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 {
1571
- font-size: 4vw;
1572
- }
1573
- .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 {
1574
- margin-right: 82vw;
1575
- }
1576
- }
1577
- @media screen and (orientation: landscape) and (max-height: 600px) {
1578
- .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 {
1579
- line-height: 12vh;
1580
- }
1581
- }
1582
- @media screen and (orientation: landscape) and (min-height: 600px) {
1583
- .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 {
1584
- line-height: inherit;
1585
- }
1586
- }
1587
- @media screen and (orientation: landscape) {
1588
- .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 {
1589
- overflow-y: auto;
1590
- }
1591
- }
1592
- @media screen and (orientation: landscape) and (max-height: 600px) {
1593
- .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 {
1594
- height: 60vh;
1595
- }
1596
- }
1597
- @media screen and (orientation: landscape) and (min-height: 600px) {
1598
- .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 {
1599
- height: 65vh;
1600
- }
1601
- }
1602
- @media screen and (orientation: landscape) {
1603
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1604
- display: block;
1605
- max-width: 100%;
1606
- overflow: visible;
1607
- }
1608
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1609
- height: 70%;
1610
- width: 100%;
1611
- }
1612
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
1613
- display: table-row-group;
1614
- }
1615
- }
1616
- @media screen and (orientation: landscape) and (max-height: 600px) {
1617
- .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 {
1618
- height: 69vh;
1619
- }
1620
- }
1621
- @media screen and (orientation: landscape) and (min-height: 600px) {
1622
- .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 {
1623
- height: 65vh;
1624
- }
1625
- }
1626
- /* stylelint-enable */
1627
- .e-datepicker.e-popup-wrapper,
1628
- .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1629
- .e-bigger .e-datepicker.e-popup-wrapper,
1630
- .e-small .e-datepicker.e-popup-wrapper,
1631
- .e-bigger.e-small.e-datepicker.e-popup-wrapper,
1632
- .e-bigger.e-datepicker.e-popup-wrapper,
1633
- .e-small.e-datepicker.e-popup-wrapper {
1634
- border: 1px solid #969696;
1635
- -webkit-box-shadow: none;
1636
- box-shadow: none;
1637
- }
1638
- .e-datepicker .e-calendar,
1639
- .e-bigger.e-small .e-datepicker .e-calendar,
1640
- .e-bigger .e-datepicker .e-calendar,
1641
- .e-small .e-datepicker .e-calendar,
1642
- .e-bigger.e-small.e-datepicker .e-calendar,
1643
- .e-bigger.e-datepicker .e-calendar,
1644
- .e-small.e-datepicker .e-calendar {
1645
- background-color: #000;
1646
- border: none;
1647
- }
1648
-
1649
- *.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) {
1650
- border: 2px solid #fff;
1651
- }
1652
-
1653
- .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
1654
- color: #fff;
1655
- }
1656
- .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
1657
- color: #fff;
1658
- }
1659
-
1660
- /* stylelint-disable property-no-vendor-prefix */
1661
- /*! calendar fabric theme variables */
1662
- /*! component icons */
1663
- .e-input-group-icon.e-range-icon,
1664
- *.e-control-wrapper .e-input-group-icon.e-range-icon {
1665
- font-size: 16px;
1666
- margin: 0;
1667
- outline: none;
1668
- }
1669
- .e-input-group-icon.e-range-icon::before,
1670
- *.e-control-wrapper .e-input-group-icon.e-range-icon::before {
1671
- content: "\e244";
1672
- font-family: "e-icons";
1673
- }
1674
- .e-input-group-icon.e-range-icon:focus,
1675
- *.e-control-wrapper .e-input-group-icon.e-range-icon:focus {
1676
- background: #685708;
1677
- border-radius: 0;
1678
- }
1679
-
1680
- .e-daterangepicker .e-calendar .e-header .e-date-icon-next::before {
1681
- content: "\e85c";
1682
- }
1683
- .e-daterangepicker .e-calendar .e-header .e-date-icon-prev::before {
1684
- content: "\e98f";
1685
- }
1686
- .e-daterangepicker .e-change-icon::before {
1687
- content: "\e85f";
1688
- }
1689
- .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-next::before {
1690
- content: "\e98f";
1691
- }
1692
- .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
1693
- content: "\e85c";
1694
- }
1695
- .e-daterangepicker.e-rtl .e-start-end .e-change-icon::before {
1696
- content: "\e85b";
1697
- }
1698
-
1699
- .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 {
1700
- font-size: 18px;
1701
- margin: 0;
1702
- outline: none;
1703
- }
1704
-
1705
- .e-small .e-input-group-icon.e-range-icon,
1706
- *.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
1707
- *.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
1708
- font-size: 14px;
1709
- }
1710
-
1711
- .e-small.e-bigger .e-input-group-icon.e-range-icon,
1712
- *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
1713
- *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
1714
- font-size: 18px;
1715
- }
1716
-
1717
- .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 {
1718
- content: "\e7fc";
1719
- font-family: "e-icons";
1720
- }
1721
- .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 {
1722
- content: "\e7ff";
1723
- font-family: "e-icons";
1724
- }
1725
-
1726
- .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
1727
- .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
1728
- display: -webkit-box;
1729
- display: -ms-flexbox;
1730
- display: flex;
1731
- }
1732
-
1733
- .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
1734
- .e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
1735
- .e-float-input.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
1736
- .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden,
1737
- .e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden,
1738
- .e-float-input.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden {
1739
- border: 0;
1740
- height: 0;
1741
- margin: 0;
1742
- padding: 0;
1743
- text-indent: 0;
1744
- visibility: hidden;
1745
- width: 0;
1746
- }
1747
-
1748
- .e-daterangepicker.e-popup,
1749
- .e-bigger.e-small .e-daterangepicker.e-popup {
1750
- border: 1px solid #fff;
1751
- border-radius: 0;
1752
- -webkit-box-shadow: none;
1753
- box-shadow: none;
1754
- max-height: 500px;
1755
- max-width: 730px;
1756
- }
1757
- .e-daterangepicker.e-popup.e-daterange-day-header-lg,
1758
- .e-bigger.e-small .e-daterangepicker.e-popup.e-daterange-day-header-lg {
1759
- max-width: 100%;
1760
- }
1761
- .e-daterangepicker.e-popup.e-preset-wrapper,
1762
- .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper {
1763
- min-width: 580px;
1764
- }
1765
- .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
1766
- .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
1767
- max-height: none;
1768
- }
1769
- .e-daterangepicker.e-popup .e-range-header,
1770
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header {
1771
- background: #000;
1772
- padding: 12px 12px 0 12px;
1773
- width: auto;
1774
- }
1775
- .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label,
1776
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-label,
1777
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-end-label {
1778
- cursor: default;
1779
- display: inline-block;
1780
- font-size: 18px;
1781
- overflow: hidden;
1782
- text-align: center;
1783
- text-decoration: none;
1784
- text-overflow: ellipsis;
1785
- -webkit-user-select: none;
1786
- -moz-user-select: none;
1787
- -ms-user-select: none;
1788
- user-select: none;
1789
- white-space: nowrap;
1790
- width: 48%;
1791
- }
1792
- .e-daterangepicker.e-popup .e-range-header .e-change-icon,
1793
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon {
1794
- font-size: 14px;
1795
- font-weight: 300;
1796
- text-align: center;
1797
- width: 4%;
1798
- }
1799
- .e-daterangepicker.e-popup .e-range-header .e-day-span,
1800
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-day-span {
1801
- direction: ltr;
1802
- font-size: 14px;
1803
- height: 14px;
1804
- margin: 0 0 15px 0;
1805
- text-align: center;
1806
- -webkit-user-select: none;
1807
- -moz-user-select: none;
1808
- -ms-user-select: none;
1809
- user-select: none;
1810
- width: 100%;
1811
- }
1812
- .e-daterangepicker.e-popup .e-range-header .e-start-end,
1813
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end {
1814
- -webkit-box-align: center;
1815
- -ms-flex-align: center;
1816
- align-items: center;
1817
- display: -webkit-box;
1818
- display: -ms-flexbox;
1819
- display: flex;
1820
- height: 35px;
1821
- }
1822
- .e-daterangepicker.e-popup .e-separator,
1823
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
1824
- height: 1px;
1825
- margin: 0;
1826
- }
1827
- .e-daterangepicker.e-popup .e-calendar,
1828
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
1829
- border: none;
1830
- margin: 0;
1831
- padding: 0;
1832
- }
1833
- .e-daterangepicker.e-popup .e-calendar .e-content table,
1834
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content table {
1835
- padding: 0 11.5px 10px;
1836
- }
1837
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
1838
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
1839
- cursor: pointer;
1840
- line-height: 36px;
1841
- width: auto;
1842
- float: none;
1843
- font-weight: normal;
1844
- margin-left: 0;
1845
- }
1846
- .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,
1847
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-month,
1848
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-year,
1849
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-decade {
1850
- padding: 10px 12px 0 12px;
1851
- }
1852
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
1853
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
1854
- float: right;
1855
- }
1856
- .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
1857
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
1858
- float: left;
1859
- }
1860
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
1861
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
1862
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
1863
- height: 36px;
1864
- width: 36px;
1865
- }
1866
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span,
1867
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next span,
1868
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
1869
- padding: 9px 10px;
1870
- }
1871
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover,
1872
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
1873
- border-radius: 50% 0 0 50%;
1874
- }
1875
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover,
1876
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
1877
- border-radius: 0 50% 50% 0;
1878
- }
1879
- .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,
1880
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
1881
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
1882
- border: 1px solid #ecbe00;
1883
- }
1884
- .e-daterangepicker.e-popup .e-footer,
1885
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
1886
- -webkit-box-align: center;
1887
- -ms-flex-align: center;
1888
- align-items: center;
1889
- border-top: 1px solid #969696;
1890
- clear: both;
1891
- display: -webkit-box;
1892
- display: -ms-flexbox;
1893
- display: flex;
1894
- -webkit-box-orient: horizontal;
1895
- -webkit-box-direction: reverse;
1896
- -ms-flex-direction: row-reverse;
1897
- flex-direction: row-reverse;
1898
- height: 48px;
1899
- }
1900
- .e-daterangepicker.e-popup .e-footer .e-btn,
1901
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn {
1902
- font-weight: 500;
1903
- height: 32px;
1904
- line-height: 30px;
1905
- overflow: hidden;
1906
- padding: 0 16px;
1907
- text-overflow: ellipsis;
1908
- }
1909
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
1910
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
1911
- margin: 0 10px 0 5px;
1912
- }
1913
- .e-daterangepicker.e-popup .e-date-range-container,
1914
- .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container {
1915
- float: left;
1916
- }
1917
- .e-daterangepicker.e-popup .e-date-range-container.e-range-border,
1918
- .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
1919
- border-right: 1px solid #969696;
1920
- }
1921
- .e-daterangepicker.e-popup .e-calendar-container,
1922
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container {
1923
- display: -webkit-box;
1924
- display: -ms-flexbox;
1925
- display: flex;
1926
- }
1927
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container,
1928
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
1929
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
1930
- float: left;
1931
- }
1932
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
1933
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
1934
- border-right: 1px solid #969696;
1935
- }
1936
- .e-daterangepicker.e-popup .e-presets,
1937
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
1938
- max-height: 216px;
1939
- overflow: auto;
1940
- width: auto;
1941
- }
1942
- .e-daterangepicker.e-popup .e-presets .e-list-item,
1943
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item {
1944
- border-radius: 0;
1945
- cursor: pointer;
1946
- line-height: 36px;
1947
- overflow: hidden;
1948
- padding: 0 10px;
1949
- white-space: nowrap;
1950
- text-overflow: ellipsis;
1951
- }
1952
- .e-daterangepicker.e-popup .e-presets .e-list-parent,
1953
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {
1954
- margin: 0;
1955
- max-width: 160px;
1956
- padding: 0;
1957
- }
1958
- .e-daterangepicker.e-popup .e-presets .e-text-content,
1959
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-text-content {
1960
- line-height: 47px;
1961
- }
1962
- .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
1963
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
1964
- font-size: 14px;
1965
- height: 36px;
1966
- line-height: 36px;
1967
- }
1968
- .e-daterangepicker.e-popup .e-hide-range,
1969
- .e-bigger.e-small .e-daterangepicker.e-popup .e-hide-range {
1970
- display: none;
1971
- }
1972
- .e-daterangepicker.e-rtl .e-date-range-container,
1973
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container {
1974
- float: right;
1975
- }
1976
- .e-daterangepicker.e-rtl .e-date-range-container.e-range-border,
1977
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
1978
- border-left: 1px solid #969696;
1979
- border-right: 0;
1980
- }
1981
- .e-daterangepicker.e-rtl .e-date-range-container .e-left-container,
1982
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
1983
- border-left: 1px solid #969696;
1984
- border-right: 0;
1985
- }
1986
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next,
1987
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
1988
- float: left;
1989
- }
1990
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev,
1991
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
1992
- float: right;
1993
- }
1994
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover,
1995
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
1996
- border-radius: 0 50% 50% 0;
1997
- }
1998
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover,
1999
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
2000
- border-radius: 50% 0 0 50%;
2001
- }
2002
- .e-daterangepicker.e-rtl .e-footer,
2003
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer {
2004
- -webkit-box-orient: horizontal;
2005
- -webkit-box-direction: normal;
2006
- -ms-flex-direction: row;
2007
- flex-direction: row;
2008
- -webkit-box-pack: end;
2009
- -ms-flex-pack: end;
2010
- justify-content: flex-end;
2011
- }
2012
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel,
2013
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
2014
- margin: 0 5px 0 10px;
2015
- }
2016
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply,
2017
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
2018
- margin-left: 0;
2019
- }
2020
-
2021
- .e-bigger .e-daterangepicker.e-range-modal,
2022
- *.e-device.e-daterangepicker.e-range-modal {
2023
- background-color: rgba(0, 0, 0, 0.6);
2024
- height: 100%;
2025
- left: 0;
2026
- opacity: 0.5;
2027
- pointer-events: auto;
2028
- position: fixed;
2029
- top: 0;
2030
- width: 100%;
2031
- z-index: 999;
2032
- }
2033
-
2034
- .e-bigger.e-small .e-daterangepicker .e-calendar {
2035
- max-width: 232px;
2036
- }
2037
-
2038
- .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper,
2039
- *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper,
2040
- *.e-device.e-daterangepicker.e-popup.e-preset-wrapper {
2041
- max-width: 770px;
2042
- min-width: auto;
2043
- }
2044
- .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
2045
- *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
2046
- *.e-device.e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
2047
- max-height: none;
2048
- }
2049
- .e-bigger .e-daterangepicker.e-popup .e-range-header,
2050
- *.e-bigger.e-daterangepicker.e-popup .e-range-header,
2051
- *.e-device.e-daterangepicker.e-popup .e-range-header {
2052
- width: auto;
2053
- }
2054
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end,
2055
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end,
2056
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end {
2057
- -webkit-box-align: center;
2058
- -ms-flex-align: center;
2059
- align-items: center;
2060
- cursor: pointer;
2061
- display: -webkit-box;
2062
- display: -ms-flexbox;
2063
- display: flex;
2064
- height: 36px;
2065
- -webkit-box-pack: center;
2066
- -ms-flex-pack: center;
2067
- justify-content: center;
2068
- -webkit-user-select: none;
2069
- -moz-user-select: none;
2070
- -ms-user-select: none;
2071
- user-select: none;
2072
- width: 100%;
2073
- }
2074
- .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,
2075
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2076
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2077
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2078
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
2079
- border: 1px solid #fff;
2080
- -webkit-box-shadow: none;
2081
- box-shadow: none;
2082
- font-size: 16px;
2083
- font-weight: normal;
2084
- height: 32px;
2085
- line-height: 30px;
2086
- max-width: 116px;
2087
- overflow: hidden;
2088
- padding: 1px 6px;
2089
- text-overflow: ellipsis;
2090
- width: 50%;
2091
- }
2092
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2093
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2094
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
2095
- border-left: 0;
2096
- border-radius: 0 2px 2px 0;
2097
- }
2098
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2099
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2100
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn {
2101
- border-radius: 2px 0 0 2px;
2102
- }
2103
- .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]),
2104
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
2105
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
2106
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
2107
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) {
2108
- -webkit-box-shadow: none;
2109
- box-shadow: none;
2110
- }
2111
- .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,
2112
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
2113
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
2114
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
2115
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
2116
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
2117
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
2118
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
2119
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
2120
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
2121
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
2122
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
2123
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover {
2124
- -webkit-box-shadow: none;
2125
- box-shadow: none;
2126
- }
2127
- .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,
2128
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2129
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2130
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2131
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
2132
- max-width: 132px;
2133
- }
2134
- .e-bigger .e-daterangepicker.e-popup .e-presets,
2135
- *.e-bigger.e-daterangepicker.e-popup .e-presets,
2136
- *.e-device.e-daterangepicker.e-popup .e-presets {
2137
- max-height: 240px;
2138
- }
2139
- .e-bigger .e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
2140
- *.e-bigger.e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
2141
- *.e-device.e-daterangepicker.e-popup .e-presets.e-preset-wrapper {
2142
- max-height: none;
2143
- }
2144
- .e-bigger .e-daterangepicker.e-popup .e-presets ul,
2145
- *.e-bigger.e-daterangepicker.e-popup .e-presets ul,
2146
- *.e-device.e-daterangepicker.e-popup .e-presets ul {
2147
- max-width: none;
2148
- }
2149
- .e-bigger .e-daterangepicker.e-popup .e-presets ul li.e-list-item,
2150
- *.e-bigger.e-daterangepicker.e-popup .e-presets ul li.e-list-item,
2151
- *.e-device.e-daterangepicker.e-popup .e-presets ul li.e-list-item {
2152
- font-size: 15px;
2153
- height: 45px;
2154
- line-height: 45px;
2155
- padding: 0 12px;
2156
- }
2157
- .e-bigger .e-daterangepicker .e-calendar,
2158
- *.e-bigger.e-daterangepicker .e-calendar,
2159
- *.e-device.e-daterangepicker .e-calendar {
2160
- max-width: 292px;
2161
- padding: 0;
2162
- }
2163
- .e-bigger .e-daterangepicker .e-calendar .e-content table,
2164
- *.e-bigger.e-daterangepicker .e-calendar .e-content table,
2165
- *.e-device.e-daterangepicker .e-calendar .e-content table {
2166
- padding: 0 16px 15px;
2167
- }
2168
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-next, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev,
2169
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next,
2170
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev,
2171
- *.e-device.e-daterangepicker .e-calendar .e-header .e-next,
2172
- *.e-device.e-daterangepicker .e-calendar .e-header .e-prev {
2173
- height: 48px;
2174
- width: 48px;
2175
- }
2176
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-next span, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev span,
2177
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next span,
2178
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev span,
2179
- *.e-device.e-daterangepicker .e-calendar .e-header .e-next span,
2180
- *.e-device.e-daterangepicker .e-calendar .e-header .e-prev span {
2181
- padding: 15px;
2182
- }
2183
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-title,
2184
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-title,
2185
- *.e-device.e-daterangepicker .e-calendar .e-header .e-title {
2186
- cursor: pointer;
2187
- line-height: 48px;
2188
- }
2189
- .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,
2190
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-month,
2191
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-year,
2192
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-decade,
2193
- *.e-device.e-daterangepicker .e-calendar .e-header.e-month,
2194
- *.e-device.e-daterangepicker .e-calendar .e-header.e-year,
2195
- *.e-device.e-daterangepicker .e-calendar .e-header.e-decade {
2196
- padding: 10px 16px 0 16px;
2197
- }
2198
- .e-bigger .e-daterangepicker .e-footer,
2199
- *.e-bigger.e-daterangepicker .e-footer,
2200
- *.e-device.e-daterangepicker .e-footer {
2201
- height: 58px;
2202
- }
2203
- .e-bigger .e-daterangepicker .e-footer .e-btn,
2204
- *.e-bigger.e-daterangepicker .e-footer .e-btn,
2205
- *.e-device.e-daterangepicker .e-footer .e-btn {
2206
- height: 40px;
2207
- line-height: 38px;
2208
- overflow: hidden;
2209
- }
2210
- .e-bigger .e-daterangepicker .e-footer .e-btn.e-apply,
2211
- *.e-bigger.e-daterangepicker .e-footer .e-btn.e-apply,
2212
- *.e-device.e-daterangepicker .e-footer .e-btn.e-apply {
2213
- margin: 0 15px 0 5px;
2214
- }
2215
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
2216
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
2217
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn {
2218
- border: 1px solid #fff;
2219
- border-radius: 2px 0 0 2px;
2220
- border-right: 0;
2221
- }
2222
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
2223
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
2224
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn {
2225
- border-radius: 0 2px 2px 0;
2226
- }
2227
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
2228
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
2229
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel {
2230
- margin: 0 5px 0 15px;
2231
- }
2232
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
2233
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
2234
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply {
2235
- margin-left: 0;
2236
- }
2237
- .e-bigger .e-daterangepicker.e-device.e-popup,
2238
- *.e-bigger.e-daterangepicker.e-device.e-popup,
2239
- *.e-device.e-daterangepicker.e-device.e-popup {
2240
- max-width: 294px;
2241
- }
2242
- .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header,
2243
- *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header,
2244
- *.e-device.e-daterangepicker.e-device.e-popup .e-range-header {
2245
- margin: 20px 10px 0 10px;
2246
- padding: 0;
2247
- }
2248
- .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
2249
- *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
2250
- *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
2251
- margin: 10px 0;
2252
- }
2253
-
2254
- .e-small .e-daterangepicker.e-popup .e-range-header,
2255
- *.e-small.e-daterangepicker.e-popup .e-range-header {
2256
- margin: 10px 10px 0 10px;
2257
- }
2258
- .e-small .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-small .e-daterangepicker.e-popup .e-range-header .e-end-label,
2259
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-label,
2260
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-end-label {
2261
- font-size: 16px;
2262
- }
2263
- .e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon,
2264
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-change-icon {
2265
- font-size: 12px;
2266
- }
2267
- .e-small .e-daterangepicker.e-popup .e-range-header .e-start-end,
2268
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-end {
2269
- height: 32px;
2270
- }
2271
- .e-small .e-daterangepicker.e-popup .e-range-header .e-day-span,
2272
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-day-span {
2273
- font-size: 12px;
2274
- margin: 0 0 10px 0;
2275
- }
2276
- .e-small .e-daterangepicker.e-popup .e-range-header .e-separator,
2277
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-separator {
2278
- margin: 0 10px;
2279
- }
2280
- .e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
2281
- *.e-small.e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
2282
- margin: 10px 10px 10px 8px;
2283
- }
2284
- .e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item,
2285
- *.e-small.e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item {
2286
- font-size: 12px;
2287
- height: 26px;
2288
- line-height: 26px;
2289
- }
2290
-
2291
- /* stylelint-disable */
2292
- .e-range-overflow {
2293
- overflow: hidden;
2294
- }
2295
-
2296
- .e-daterangepick-mob-popup-wrap {
2297
- -webkit-box-align: center;
2298
- -ms-flex-align: center;
2299
- align-items: center;
2300
- display: -webkit-box;
2301
- display: -ms-flexbox;
2302
- display: flex;
2303
- -webkit-box-orient: vertical;
2304
- -webkit-box-direction: normal;
2305
- -ms-flex-direction: column;
2306
- flex-direction: column;
2307
- height: 100%;
2308
- -webkit-box-pack: center;
2309
- -ms-flex-pack: center;
2310
- justify-content: center;
2311
- left: 0;
2312
- max-height: 100%;
2313
- position: fixed;
2314
- top: 0;
2315
- width: 100%;
2316
- z-index: 1002;
2317
- }
2318
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-control.e-lib.e-device.e-popup-open {
2319
- position: relative;
2320
- top: 0 !important;
2321
- left: 0 !important;
2322
- }
2323
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
2324
- min-height: 100%;
2325
- min-width: 100%;
2326
- height: 100%;
2327
- width: 100%;
2328
- }
2329
-
2330
- .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
2331
- background-size: 250px 33px;
2332
- min-height: 33px;
2333
- }
2334
-
2335
- .e-bigger .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker,
2336
- .e-bigger.e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
2337
- background-size: 250px 40px;
2338
- min-height: 40px;
2339
- }
2340
-
2341
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2342
- min-height: 100%;
2343
- min-width: 100%;
2344
- height: 100%;
2345
- width: 100%;
2346
- }
2347
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2348
- height: 20vh;
2349
- padding: 2vh 2vw;
2350
- margin: 0;
2351
- color: #fff;
2352
- }
2353
- @media (max-device-width: 768px) {
2354
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
2355
- font-size: 16px;
2356
- }
2357
- }
2358
- @media (min-device-width: 768px) {
2359
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
2360
- font-size: 18px;
2361
- }
2362
- }
2363
- .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 {
2364
- float: right;
2365
- }
2366
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2367
- margin: 3vh 0 0 0;
2368
- }
2369
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2370
- min-width: 100%;
2371
- width: 100%;
2372
- padding: 0;
2373
- overflow: unset;
2374
- }
2375
- @media (max-height: 600px) {
2376
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2377
- min-height: 100%;
2378
- height: 100%;
2379
- }
2380
- }
2381
- @media (min-height: 600px) {
2382
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2383
- min-height: 80vh;
2384
- height: 80vh;
2385
- }
2386
- }
2387
- .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 {
2388
- height: 10vh;
2389
- border-style: solid;
2390
- border-width: 0 0 1px 0;
2391
- border-color: #969696;
2392
- padding: 2vh 2vw;
2393
- line-height: 5vh;
2394
- }
2395
- .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 {
2396
- height: 36px;
2397
- width: 36px;
2398
- }
2399
- @media (min-device-width: 768px) {
2400
- .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 {
2401
- font-size: 18px;
2402
- padding: 11px;
2403
- }
2404
- }
2405
- .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 {
2406
- height: 36px;
2407
- width: 36px;
2408
- }
2409
- .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 {
2410
- padding: 10px;
2411
- line-height: 1;
2412
- }
2413
- @media (min-device-width: 768px) {
2414
- .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 {
2415
- font-size: 18px;
2416
- }
2417
- }
2418
- @media (max-height: 600px) {
2419
- .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 {
2420
- line-height: 8vh;
2421
- }
2422
- }
2423
- @media (min-height: 600px) {
2424
- .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 {
2425
- line-height: inherit;
2426
- }
2427
- }
2428
- @media (min-device-width: 768px) {
2429
- .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 {
2430
- font-size: 18px;
2431
- }
2432
- }
2433
- @media (min-device-width: 768px) {
2434
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
2435
- font-size: 18px;
2436
- height: 48px;
2437
- }
2438
- }
2439
- @media (min-device-width: 768px) {
2440
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
2441
- font-size: 18px;
2442
- height: 64px;
2443
- width: 64px;
2444
- line-height: 64px;
2445
- }
2446
- }
2447
- .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 {
2448
- border-radius: 0;
2449
- }
2450
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2451
- height: 100%;
2452
- }
2453
- @media (max-height: 600px) {
2454
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
2455
- min-height: 78vh;
2456
- height: 78vh;
2457
- }
2458
- }
2459
- @media (max-height: 600px) {
2460
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-calendar {
2461
- min-height: 78vh;
2462
- height: 78vh;
2463
- }
2464
- }
2465
- @media (max-height: 600px) {
2466
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2467
- min-height: 100%;
2468
- height: 100%;
2469
- }
2470
- }
2471
- @media (min-height: 600px) {
2472
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2473
- min-height: 80vh;
2474
- height: 80vh;
2475
- }
2476
- }
2477
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
2478
- margin: 0;
2479
- }
2480
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
2481
- height: 69vh;
2482
- }
2483
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
2484
- padding: 0 2vw;
2485
- height: 69vh;
2486
- border-spacing: unset;
2487
- }
2488
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-footer {
2489
- display: none;
2490
- }
2491
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets {
2492
- max-height: 90%;
2493
- height: 90%;
2494
- }
2495
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul {
2496
- height: 100%;
2497
- }
2498
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul li.e-list-item {
2499
- font-size: 16px;
2500
- }
2501
- @media (min-device-width: 768px) {
2502
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul li.e-list-item {
2503
- font-size: 18px;
2504
- }
2505
- }
2506
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap {
2507
- position: relative;
2508
- height: 100%;
2509
- }
2510
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
2511
- height: 10%;
2512
- padding: 2.5vh 2.5vw 2.5vh 1.5vw;
2513
- display: -webkit-box;
2514
- display: -ms-flexbox;
2515
- display: flex;
2516
- -webkit-box-align: center;
2517
- -ms-flex-align: center;
2518
- align-items: center;
2519
- font-size: 3vh;
2520
- border-bottom: none;
2521
- }
2522
- @media (min-device-width: 768px) {
2523
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
2524
- font-size: 18px;
2525
- }
2526
- }
2527
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
2528
- float: left;
2529
- padding: 1vh 2vw;
2530
- }
2531
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
2532
- padding: 1vh 2vw;
2533
- text-transform: capitalize;
2534
- }
2535
-
2536
- @media screen and (orientation: landscape) {
2537
- .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 {
2538
- padding: 0;
2539
- }
2540
- }
2541
- @media screen and (orientation: landscape) and (min-device-width: 768px) {
2542
- .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 {
2543
- font-size: 18px;
2544
- }
2545
- }
2546
- @media screen and (orientation: landscape) and (min-height: 600px) {
2547
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
2548
- min-height: 70vh;
2549
- height: 70vh;
2550
- }
2551
- }
2552
- @media screen and (orientation: landscape) and (max-height: 600px) {
2553
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
2554
- min-height: 65%;
2555
- height: 65%;
2556
- }
2557
- }
2558
- @media screen and (orientation: landscape) and (min-height: 600px) {
2559
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-calendar {
2560
- min-height: 70vh;
2561
- height: 70vh;
2562
- }
2563
- }
2564
- @media screen and (orientation: landscape) and (max-height: 600px) {
2565
- .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 {
2566
- height: 50vh;
2567
- }
2568
- }
2569
- @media screen and (orientation: landscape) {
2570
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets {
2571
- max-height: 85%;
2572
- height: 85%;
2573
- }
2574
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
2575
- height: 15%;
2576
- font-size: 18px;
2577
- }
2578
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
2579
- padding: 1vh 1vw;
2580
- }
2581
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
2582
- padding: 1vh 1vw;
2583
- }
2584
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2585
- width: 100%;
2586
- }
2587
- }
2588
- @media screen and (orientation: landscape) and (max-height: 600px) {
2589
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2590
- height: 27vh;
2591
- }
2592
- }
2593
- @media screen and (orientation: landscape) and (min-height: 600px) {
2594
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2595
- height: 25vh;
2596
- }
2597
- }
2598
- @media screen and (orientation: landscape) {
2599
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2600
- margin: 0;
2601
- height: 28px;
2602
- }
2603
- }
2604
- @media screen and (orientation: landscape) and (min-height: 600px) {
2605
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2606
- margin: 5vh 0 0 0;
2607
- }
2608
- }
2609
- @media screen and (orientation: landscape) {
2610
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
2611
- margin: 8px 0;
2612
- font-size: 16px;
2613
- }
2614
- }
2615
- @media screen and (orientation: landscape) and (min-height: 600px) {
2616
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2617
- min-height: 75vh;
2618
- height: 75vh;
2619
- }
2620
- }
2621
- @media screen and (orientation: landscape) {
2622
- .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 {
2623
- overflow-y: auto;
2624
- }
2625
- }
2626
- @media screen and (orientation: landscape) and (max-height: 600px) {
2627
- .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 {
2628
- height: 60vh;
2629
- }
2630
- }
2631
- @media screen and (orientation: landscape) and (min-height: 600px) {
2632
- .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 {
2633
- height: 65vh;
2634
- }
2635
- }
2636
- @media screen and (orientation: landscape) {
2637
- .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 {
2638
- display: table;
2639
- border-spacing: unset;
2640
- }
2641
- }
2642
- @media screen and (orientation: landscape) and (min-height: 600px) {
2643
- .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 {
2644
- height: 65vh;
2645
- }
2646
- }
2647
- .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 {
2648
- width: calc(100% - 80px);
2649
- }
2650
-
2651
- .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 {
2652
- width: calc(100% - 110px);
2653
- }
2654
-
2655
- .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2656
- color: #fff;
2657
- }
2658
- .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
2659
- color: #000;
2660
- }
2661
-
2662
- .e-daterangepicker.e-popup,
2663
- .e-bigger.e-small .e-daterangepicker.e-popup,
2664
- .e-bigger.e-small.e-daterangepicker.e-popup {
2665
- background: #000;
2666
- }
2667
- .e-daterangepicker.e-popup .e-calendar,
2668
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar,
2669
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar {
2670
- background-color: #000;
2671
- }
2672
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
2673
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2674
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
2675
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2676
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
2677
- color: #fff;
2678
- text-decoration: none;
2679
- }
2680
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
2681
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
2682
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
2683
- background-color: #ffd939;
2684
- color: #000;
2685
- }
2686
- .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
2687
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
2688
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
2689
- background-color: #ffd939;
2690
- border: 1px solid #685708;
2691
- color: #000;
2692
- }
2693
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
2694
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
2695
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
2696
- background: #ffd939;
2697
- border: 1px solid #ffd939;
2698
- color: #000;
2699
- }
2700
- .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,
2701
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
2702
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
2703
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2704
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
2705
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
2706
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
2707
- background-color: #ecbe00;
2708
- border: 1px solid #ecbe00;
2709
- color: #000;
2710
- }
2711
- .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,
2712
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
2713
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2714
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
2715
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
2716
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
2717
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2718
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
2719
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
2720
- border: 1px solid #685708;
2721
- }
2722
- .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
2723
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
2724
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
2725
- border: 1px solid #685708;
2726
- }
2727
- .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,
2728
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2729
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
2730
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
2731
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
2732
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2733
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
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-today.e-range-hover span,
2736
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
2737
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
2738
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2739
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
2740
- background-color: #000;
2741
- border: 1px solid #000;
2742
- color: #969696;
2743
- }
2744
- .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,
2745
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2746
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2747
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2748
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
2749
- background-color: #000;
2750
- border: none;
2751
- color: #969696;
2752
- }
2753
- .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,
2754
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2755
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
2756
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2757
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
2758
- background-color: #ecbe00;
2759
- color: #000;
2760
- }
2761
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
2762
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
2763
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2764
- background-color: #ecbe00;
2765
- color: #000;
2766
- }
2767
- .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
2768
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
2769
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
2770
- color: #000;
2771
- }
2772
- .e-daterangepicker.e-popup .e-presets,
2773
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets,
2774
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets {
2775
- background-color: #000;
2776
- color: #fff;
2777
- }
2778
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
2779
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
2780
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
2781
- background-color: #ffd939;
2782
- color: #000;
2783
- }
2784
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
2785
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
2786
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
2787
- background-color: #685708;
2788
- color: #fff;
2789
- }
2790
- .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label,
2791
- .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label,
2792
- .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
2793
- .e-bigger.e-small.e-daterangepicker.e-popup .e-start-label,
2794
- .e-bigger.e-small.e-daterangepicker.e-popup .e-end-label {
2795
- color: #ffd939;
2796
- }
2797
- .e-daterangepicker.e-popup .e-change-icon,
2798
- .e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon,
2799
- .e-bigger.e-small.e-daterangepicker.e-popup .e-change-icon {
2800
- color: #fff;
2801
- }
2802
- .e-daterangepicker.e-popup .e-day-span,
2803
- .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
2804
- .e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
2805
- color: #fff;
2806
- }
2807
- .e-daterangepicker.e-popup .e-separator,
2808
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
2809
- .e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
2810
- background-color: #969696;
2811
- }
2812
- .e-daterangepicker.e-popup .e-footer,
2813
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
2814
- .e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
2815
- background-color: #000;
2816
- }
2817
- .e-bigger .e-daterangepicker,
2818
- *.e-bigger.e-daterangepicker,
2819
- *.e-device.e-daterangepicker {
2820
- background-color: #000;
2821
- padding: 0;
2822
- }
2823
- .e-bigger .e-daterangepicker .e-calendar th,
2824
- *.e-bigger.e-daterangepicker .e-calendar th,
2825
- *.e-device.e-daterangepicker .e-calendar th {
2826
- color: #fff;
2827
- }
2828
- .e-bigger .e-daterangepicker .e-start-btn, .e-bigger .e-daterangepicker .e-end-btn,
2829
- *.e-bigger.e-daterangepicker .e-start-btn,
2830
- *.e-bigger.e-daterangepicker .e-end-btn,
2831
- *.e-device.e-daterangepicker .e-start-btn,
2832
- *.e-device.e-daterangepicker .e-end-btn {
2833
- background: #000;
2834
- }
2835
- .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,
2836
- *.e-bigger.e-daterangepicker .e-start-btn.e-active,
2837
- *.e-bigger.e-daterangepicker .e-start-btn.e-active:active,
2838
- *.e-bigger.e-daterangepicker .e-end-btn.e-active,
2839
- *.e-bigger.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
2840
- *.e-bigger.e-daterangepicker .e-start-btn.e-active:hover,
2841
- *.e-bigger.e-daterangepicker .e-end-btn.e-active:hover,
2842
- *.e-device.e-daterangepicker .e-start-btn.e-active,
2843
- *.e-device.e-daterangepicker .e-start-btn.e-active:active,
2844
- *.e-device.e-daterangepicker .e-end-btn.e-active,
2845
- *.e-device.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
2846
- *.e-device.e-daterangepicker .e-start-btn.e-active:hover,
2847
- *.e-device.e-daterangepicker .e-end-btn.e-active:hover {
2848
- background: #ffd939;
2849
- color: #000;
2850
- }
2851
-
2852
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
2853
- background-color: #000;
2854
- color: #fff;
2855
- }
2856
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
2857
- color: #fff;
2858
- }
2859
-
2860
- /* stylelint-disable property-no-vendor-prefix */
2861
- /*! component icons */
2862
- .e-datetime-wrapper .e-time-icon.e-icons::before {
2863
- content: "\e97f";
2864
- font-family: "e-icons";
2865
- }
2866
-
2867
- .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
2868
- .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
2869
- display: -webkit-box;
2870
- display: -ms-flexbox;
2871
- display: flex;
2872
- }
2873
-
2874
- .e-datetime-wrapper {
2875
- /* stylelint-disable property-no-vendor-prefix */
2876
- -webkit-tap-highlight-color: transparent;
2877
- }
2878
- .e-datetime-wrapper .e-time-icon.e-icons::before {
2879
- font-size: 16px;
2880
- }
2881
- .e-datetime-wrapper.e-control-wrapper {
2882
- -webkit-box-sizing: border-box;
2883
- box-sizing: border-box;
2884
- }
2885
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
2886
- pointer-events: none;
2887
- }
2888
- .e-datetime-wrapper .e-clear-icon {
2889
- -webkit-box-sizing: content-box;
2890
- box-sizing: content-box;
2891
- }
2892
- .e-datetime-wrapper span {
2893
- cursor: pointer;
2894
- }
2895
- .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
2896
- font-size: 16px;
2897
- margin: 0;
2898
- outline: none;
2899
- }
2900
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
2901
- border: 0;
2902
- border-style: solid;
2903
- margin: 0;
2904
- }
2905
-
2906
- .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
2907
- margin: 0;
2908
- }
2909
-
2910
- .e-datetimepicker.e-time-modal {
2911
- background-color: rgba(0, 0, 0, 0.6);
2912
- height: 100%;
2913
- left: 0;
2914
- opacity: 0.5;
2915
- pointer-events: auto;
2916
- position: fixed;
2917
- top: 0;
2918
- width: 100%;
2919
- z-index: 999;
2920
- }
2921
-
2922
- .e-datetimepicker.e-popup {
2923
- border-style: solid;
2924
- border-width: 1px;
2925
- overflow: auto;
2926
- }
2927
- .e-datetimepicker.e-popup .e-content {
2928
- position: relative;
2929
- }
2930
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
2931
- margin: 0;
2932
- padding: 0 0;
2933
- }
2934
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
2935
- color: #fff;
2936
- cursor: default;
2937
- font-size: 14px;
2938
- overflow: hidden;
2939
- position: relative;
2940
- text-overflow: ellipsis;
2941
- vertical-align: middle;
2942
- white-space: nowrap;
2943
- width: 100%;
2944
- }
2945
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
2946
- cursor: pointer;
2947
- }
2948
-
2949
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
2950
- line-height: 36px;
2951
- text-indent: 10px;
2952
- }
2953
-
2954
- .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
2955
- *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
2956
- font-size: 18px;
2957
- }
2958
- .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
2959
- *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
2960
- margin: 0;
2961
- }
2962
-
2963
- .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon,
2964
- *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
2965
- margin: 0;
2966
- }
2967
-
2968
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
2969
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
2970
- padding: 8px 0;
2971
- }
2972
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
2973
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
2974
- font-size: 14px;
2975
- line-height: 48px;
2976
- text-indent: 12px;
2977
- }
2978
-
2979
- .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
2980
- *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
2981
- font-size: 13px;
2982
- line-height: 26px;
2983
- text-indent: 10px;
2984
- }
2985
-
2986
- .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
2987
- *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
2988
- font-size: 14px;
2989
- line-height: 40px;
2990
- text-indent: 16px;
2991
- }
2992
-
2993
- .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
2994
- *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
2995
- font-size: 14px;
2996
- }
2997
- .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
2998
- *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
2999
- font-size: 18px;
3000
- }
3001
- .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
3002
- background-size: 250px 33px;
3003
- min-height: 33px;
3004
- }
3005
-
3006
- .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker,
3007
- .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
3008
- background-size: 250px 40px;
3009
- min-height: 40px;
3010
- }
3011
-
3012
- .e-datetimepicker.e-popup-expand.e-popup {
3013
- position: fixed;
3014
- }
3015
- .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
3016
- position: relative;
3017
- width: 100%;
3018
- }
3019
-
3020
- /*! datetimepicker theme */
3021
- .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
3022
- color: #fff;
3023
- }
3024
- .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
3025
- color: #000;
3026
- }
3027
-
3028
- .e-datetimepicker.e-popup {
3029
- border: 1px solid #969696;
3030
- border-radius: 0;
3031
- -webkit-box-shadow: none;
3032
- box-shadow: none;
3033
- }
3034
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
3035
- background-color: #000;
3036
- }
3037
- .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
3038
- border: 1px solid transparent;
3039
- color: #fff;
3040
- }
3041
- .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 {
3042
- background-color: #685708;
3043
- border: 1px solid #fff;
3044
- color: #fff;
3045
- }
3046
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
3047
- background-color: #ffd939;
3048
- color: #000;
3049
- }
3050
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
3051
- background-color: #685708;
3052
- color: #fff;
3053
- }
1
+ @import '@syncfusion/ej2-calendars/styles/highcontrast.css';