@syncfusion/ej2-calendars 34.2.8 → 35.1.39

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