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