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