@syncfusion/ej2-calendars 34.2.8 → 35.1.37

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