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