@syncfusion/ej2-calendars 34.2.6 → 35.1.37

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