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