@syncfusion/ej2-calendars 34.2.8 → 35.1.39

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