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