@syncfusion/ej2-calendars 21.2.8 → 21.2.10-11964

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 (467) hide show
  1. package/CHANGELOG.md +1237 -1235
  2. package/README.md +178 -178
  3. package/dist/ej2-calendars.umd.min.js +1 -10
  4. package/dist/ej2-calendars.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-calendars.es2015.js +54 -50
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +131 -126
  8. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  9. package/helpers/e2e/calendarHelper.js +13 -13
  10. package/helpers/e2e/datepickerHelper.js +13 -13
  11. package/helpers/e2e/daterangepickerHelper.js +13 -13
  12. package/helpers/e2e/datetimepickerHelper.js +13 -13
  13. package/helpers/e2e/index.js +3 -3
  14. package/helpers/e2e/timepickerHelper.js +13 -13
  15. package/license +10 -10
  16. package/package.json +86 -86
  17. package/src/calendar/calendar-model.d.ts +277 -277
  18. package/src/calendar/calendar.d.ts +19 -20
  19. package/src/calendar/calendar.js +27 -28
  20. package/src/common/maskplaceholder-model.d.ts +36 -36
  21. package/src/common/maskplaceholder.js +19 -19
  22. package/src/datepicker/datepicker-model.d.ts +284 -284
  23. package/src/datepicker/datepicker.d.ts +11 -11
  24. package/src/datepicker/datepicker.js +35 -30
  25. package/src/daterangepicker/daterangepicker-model.d.ts +423 -423
  26. package/src/daterangepicker/daterangepicker.d.ts +1 -2
  27. package/src/daterangepicker/daterangepicker.js +22 -22
  28. package/src/datetimepicker/datetimepicker-model.d.ts +446 -446
  29. package/src/datetimepicker/datetimepicker.d.ts +1 -1
  30. package/src/datetimepicker/datetimepicker.js +20 -20
  31. package/src/maskbase/masked-date-time.d.ts +2 -0
  32. package/src/maskbase/masked-date-time.js +7 -4
  33. package/src/timepicker/timepicker-model.d.ts +329 -329
  34. package/src/timepicker/timepicker.d.ts +3 -4
  35. package/src/timepicker/timepicker.js +23 -25
  36. package/styles/bootstrap-dark.css +1000 -1052
  37. package/styles/bootstrap-dark.scss +20 -5
  38. package/styles/bootstrap.css +1002 -1055
  39. package/styles/bootstrap.scss +20 -5
  40. package/styles/bootstrap4.css +987 -1048
  41. package/styles/bootstrap4.scss +20 -5
  42. package/styles/bootstrap5-dark.css +990 -1071
  43. package/styles/bootstrap5-dark.scss +20 -5
  44. package/styles/bootstrap5.css +990 -1071
  45. package/styles/bootstrap5.scss +20 -5
  46. package/styles/calendar/_all.scss +2 -2
  47. package/styles/calendar/_bds-definition.scss +273 -0
  48. package/styles/calendar/_bigger.scss +1156 -0
  49. package/styles/calendar/_bootstrap-dark-definition.scss +238 -228
  50. package/styles/calendar/_bootstrap-definition.scss +238 -228
  51. package/styles/calendar/_bootstrap4-definition.scss +238 -228
  52. package/styles/calendar/_bootstrap5-definition.scss +258 -250
  53. package/styles/calendar/_bootstrap5.3-definition.scss +260 -0
  54. package/styles/calendar/_fabric-dark-definition.scss +202 -192
  55. package/styles/calendar/_fabric-definition.scss +200 -190
  56. package/styles/calendar/_fluent-definition.scss +264 -252
  57. package/styles/calendar/_fluent2-definition.scss +294 -0
  58. package/styles/calendar/_fusionnew-definition.scss +260 -250
  59. package/styles/calendar/_highcontrast-definition.scss +199 -189
  60. package/styles/calendar/_highcontrast-light-definition.scss +202 -192
  61. package/styles/calendar/_layout.scss +582 -741
  62. package/styles/calendar/_material-dark-definition.scss +204 -194
  63. package/styles/calendar/_material-definition.scss +199 -189
  64. package/styles/calendar/_material3-dark-definition.scss +1 -0
  65. package/styles/calendar/_material3-definition.scss +196 -0
  66. package/styles/calendar/_tailwind-definition.scss +271 -262
  67. package/styles/calendar/_tailwind4-definition.scss +262 -0
  68. package/styles/calendar/_theme.scss +721 -533
  69. package/styles/calendar/bootstrap-dark.css +120 -373
  70. package/styles/calendar/bootstrap-dark.scss +1 -1
  71. package/styles/calendar/bootstrap.css +119 -372
  72. package/styles/calendar/bootstrap.scss +1 -1
  73. package/styles/calendar/bootstrap4.css +119 -372
  74. package/styles/calendar/bootstrap4.scss +1 -1
  75. package/styles/calendar/bootstrap5-dark.css +121 -393
  76. package/styles/calendar/bootstrap5-dark.scss +1 -1
  77. package/styles/calendar/bootstrap5.css +121 -393
  78. package/styles/calendar/bootstrap5.scss +1 -1
  79. package/styles/calendar/fabric-dark.css +121 -375
  80. package/styles/calendar/fabric-dark.scss +1 -1
  81. package/styles/calendar/fabric.css +124 -379
  82. package/styles/calendar/fabric.scss +1 -1
  83. package/styles/calendar/fluent-dark.css +139 -421
  84. package/styles/calendar/fluent-dark.scss +1 -1
  85. package/styles/calendar/fluent.css +139 -421
  86. package/styles/calendar/fluent.scss +1 -1
  87. package/styles/calendar/fluent2.css +1747 -0
  88. package/styles/calendar/fluent2.scss +5 -0
  89. package/styles/calendar/highcontrast-light.css +120 -373
  90. package/styles/calendar/highcontrast-light.scss +1 -1
  91. package/styles/calendar/highcontrast.css +124 -379
  92. package/styles/calendar/highcontrast.scss +1 -1
  93. package/styles/calendar/icons/_bds.scss +13 -0
  94. package/styles/calendar/icons/_bootstrap-dark.scss +13 -13
  95. package/styles/calendar/icons/_bootstrap.scss +13 -13
  96. package/styles/calendar/icons/_bootstrap4.scss +13 -13
  97. package/styles/calendar/icons/_bootstrap5.3.scss +13 -0
  98. package/styles/calendar/icons/_bootstrap5.scss +13 -13
  99. package/styles/calendar/icons/_fabric-dark.scss +13 -13
  100. package/styles/calendar/icons/_fabric.scss +13 -13
  101. package/styles/calendar/icons/_fluent.scss +13 -13
  102. package/styles/calendar/icons/_fluent2.scss +13 -0
  103. package/styles/calendar/icons/_fusionnew.scss +13 -13
  104. package/styles/calendar/icons/_highcontrast-light.scss +13 -13
  105. package/styles/calendar/icons/_highcontrast.scss +13 -13
  106. package/styles/calendar/icons/_material-dark.scss +13 -13
  107. package/styles/calendar/icons/_material.scss +13 -13
  108. package/styles/calendar/icons/_material3-dark.scss +1 -0
  109. package/styles/calendar/icons/_material3.scss +13 -13
  110. package/styles/calendar/icons/_tailwind.scss +13 -13
  111. package/styles/calendar/icons/_tailwind4.scss +13 -0
  112. package/styles/calendar/material-dark.css +121 -377
  113. package/styles/calendar/material-dark.scss +1 -1
  114. package/styles/calendar/material.css +122 -378
  115. package/styles/calendar/material.scss +1 -1
  116. package/styles/calendar/material3-dark.css +638 -0
  117. package/styles/calendar/material3-dark.scss +6 -0
  118. package/styles/calendar/material3.css +694 -0
  119. package/styles/calendar/material3.scss +6 -0
  120. package/styles/calendar/tailwind-dark.css +122 -426
  121. package/styles/calendar/tailwind-dark.scss +1 -1
  122. package/styles/calendar/tailwind.css +122 -426
  123. package/styles/calendar/tailwind.scss +1 -1
  124. package/styles/datepicker/_all.scss +2 -2
  125. package/styles/datepicker/_bds-definition.scss +105 -0
  126. package/styles/datepicker/_bigger.scss +82 -0
  127. package/styles/datepicker/_bootstrap-dark-definition.scss +97 -37
  128. package/styles/datepicker/_bootstrap-definition.scss +96 -34
  129. package/styles/datepicker/_bootstrap4-definition.scss +101 -40
  130. package/styles/datepicker/_bootstrap5-definition.scss +107 -46
  131. package/styles/datepicker/_bootstrap5.3-definition.scss +108 -0
  132. package/styles/datepicker/_fabric-dark-definition.scss +98 -37
  133. package/styles/datepicker/_fabric-definition.scss +95 -34
  134. package/styles/datepicker/_fluent-definition.scss +107 -46
  135. package/styles/datepicker/_fluent2-definition.scss +118 -0
  136. package/styles/datepicker/_fusionnew-definition.scss +107 -46
  137. package/styles/datepicker/_highcontrast-definition.scss +96 -35
  138. package/styles/datepicker/_highcontrast-light-definition.scss +99 -38
  139. package/styles/datepicker/_layout.scss +459 -260
  140. package/styles/datepicker/_material-dark-definition.scss +103 -42
  141. package/styles/datepicker/_material-definition.scss +100 -39
  142. package/styles/datepicker/_material3-dark-definition.scss +1 -0
  143. package/styles/datepicker/_material3-definition.scss +97 -0
  144. package/styles/datepicker/_tailwind-definition.scss +105 -44
  145. package/styles/datepicker/_tailwind4-definition.scss +108 -0
  146. package/styles/datepicker/_theme.scss +48 -54
  147. package/styles/datepicker/bootstrap-dark.css +288 -45
  148. package/styles/datepicker/bootstrap-dark.scss +1 -1
  149. package/styles/datepicker/bootstrap.css +288 -45
  150. package/styles/datepicker/bootstrap.scss +1 -1
  151. package/styles/datepicker/bootstrap4.css +287 -47
  152. package/styles/datepicker/bootstrap4.scss +1 -1
  153. package/styles/datepicker/bootstrap5-dark.css +285 -44
  154. package/styles/datepicker/bootstrap5-dark.scss +1 -1
  155. package/styles/datepicker/bootstrap5.css +285 -44
  156. package/styles/datepicker/bootstrap5.scss +1 -1
  157. package/styles/datepicker/fabric-dark.css +281 -45
  158. package/styles/datepicker/fabric-dark.scss +1 -1
  159. package/styles/datepicker/fabric.css +281 -45
  160. package/styles/datepicker/fabric.scss +1 -1
  161. package/styles/datepicker/fluent-dark.css +284 -44
  162. package/styles/datepicker/fluent-dark.scss +1 -1
  163. package/styles/datepicker/fluent.css +284 -44
  164. package/styles/datepicker/fluent.scss +1 -1
  165. package/styles/datepicker/fluent2.css +1617 -0
  166. package/styles/datepicker/fluent2.scss +7 -0
  167. package/styles/datepicker/highcontrast-light.css +286 -44
  168. package/styles/datepicker/highcontrast-light.scss +1 -1
  169. package/styles/datepicker/highcontrast.css +286 -44
  170. package/styles/datepicker/highcontrast.scss +1 -1
  171. package/styles/datepicker/icons/_bds.scss +52 -0
  172. package/styles/datepicker/icons/_bootstrap-dark.scss +49 -52
  173. package/styles/datepicker/icons/_bootstrap.scss +50 -52
  174. package/styles/datepicker/icons/_bootstrap4.scss +52 -56
  175. package/styles/datepicker/icons/_bootstrap5.3.scss +52 -0
  176. package/styles/datepicker/icons/_bootstrap5.scss +52 -56
  177. package/styles/datepicker/icons/_fabric-dark.scss +43 -52
  178. package/styles/datepicker/icons/_fabric.scss +43 -52
  179. package/styles/datepicker/icons/_fluent.scss +52 -56
  180. package/styles/datepicker/icons/_fluent2.scss +52 -0
  181. package/styles/datepicker/icons/_fusionnew.scss +52 -56
  182. package/styles/datepicker/icons/_highcontrast-light.scss +50 -52
  183. package/styles/datepicker/icons/_highcontrast.scss +50 -52
  184. package/styles/datepicker/icons/_material-dark.scss +59 -86
  185. package/styles/datepicker/icons/_material.scss +59 -86
  186. package/styles/datepicker/icons/_material3-dark.scss +1 -0
  187. package/styles/datepicker/icons/_material3.scss +50 -56
  188. package/styles/datepicker/icons/_tailwind.scss +52 -56
  189. package/styles/datepicker/icons/_tailwind4.scss +52 -0
  190. package/styles/datepicker/material-dark.css +278 -60
  191. package/styles/datepicker/material-dark.scss +1 -1
  192. package/styles/datepicker/material.css +231 -96
  193. package/styles/datepicker/material.scss +1 -1
  194. package/styles/datepicker/material3-dark.css +491 -0
  195. package/styles/datepicker/material3-dark.scss +8 -0
  196. package/styles/datepicker/material3.css +547 -0
  197. package/styles/datepicker/material3.scss +8 -0
  198. package/styles/datepicker/tailwind-dark.css +284 -50
  199. package/styles/datepicker/tailwind-dark.scss +1 -1
  200. package/styles/datepicker/tailwind.css +284 -50
  201. package/styles/datepicker/tailwind.scss +1 -1
  202. package/styles/daterangepicker/_all.scss +2 -2
  203. package/styles/daterangepicker/_bds-definition.scss +294 -0
  204. package/styles/daterangepicker/_bigger.scss +971 -0
  205. package/styles/daterangepicker/_bootstrap-dark-definition.scss +258 -193
  206. package/styles/daterangepicker/_bootstrap-definition.scss +258 -193
  207. package/styles/daterangepicker/_bootstrap4-definition.scss +268 -203
  208. package/styles/daterangepicker/_bootstrap5-definition.scss +296 -231
  209. package/styles/daterangepicker/_bootstrap5.3-definition.scss +298 -0
  210. package/styles/daterangepicker/_fabric-dark-definition.scss +261 -196
  211. package/styles/daterangepicker/_fabric-definition.scss +258 -193
  212. package/styles/daterangepicker/_fluent-definition.scss +313 -240
  213. package/styles/daterangepicker/_fluent2-definition.scss +305 -0
  214. package/styles/daterangepicker/_fusionnew-definition.scss +295 -230
  215. package/styles/daterangepicker/_highcontrast-definition.scss +258 -193
  216. package/styles/daterangepicker/_highcontrast-light-definition.scss +261 -196
  217. package/styles/daterangepicker/_layout.scss +806 -821
  218. package/styles/daterangepicker/_material-dark-definition.scss +266 -201
  219. package/styles/daterangepicker/_material-definition.scss +266 -201
  220. package/styles/daterangepicker/_material3-dark-definition.scss +1 -0
  221. package/styles/daterangepicker/_material3-definition.scss +262 -0
  222. package/styles/daterangepicker/_tailwind-definition.scss +287 -222
  223. package/styles/daterangepicker/_tailwind4-definition.scss +308 -0
  224. package/styles/daterangepicker/_theme.scss +428 -435
  225. package/styles/daterangepicker/bootstrap-dark.css +387 -474
  226. package/styles/daterangepicker/bootstrap-dark.scss +1 -1
  227. package/styles/daterangepicker/bootstrap.css +387 -473
  228. package/styles/daterangepicker/bootstrap.scss +1 -1
  229. package/styles/daterangepicker/bootstrap4.css +386 -477
  230. package/styles/daterangepicker/bootstrap4.scss +1 -1
  231. package/styles/daterangepicker/bootstrap5-dark.css +392 -483
  232. package/styles/daterangepicker/bootstrap5-dark.scss +1 -1
  233. package/styles/daterangepicker/bootstrap5.css +392 -483
  234. package/styles/daterangepicker/bootstrap5.scss +1 -1
  235. package/styles/daterangepicker/fabric-dark.css +387 -468
  236. package/styles/daterangepicker/fabric-dark.scss +1 -1
  237. package/styles/daterangepicker/fabric.css +388 -469
  238. package/styles/daterangepicker/fabric.scss +1 -1
  239. package/styles/daterangepicker/fluent-dark.css +396 -504
  240. package/styles/daterangepicker/fluent-dark.scss +1 -1
  241. package/styles/daterangepicker/fluent.css +396 -504
  242. package/styles/daterangepicker/fluent.scss +1 -1
  243. package/styles/daterangepicker/fluent2.css +1998 -0
  244. package/styles/daterangepicker/fluent2.scss +7 -0
  245. package/styles/daterangepicker/highcontrast-light.css +389 -470
  246. package/styles/daterangepicker/highcontrast-light.scss +1 -1
  247. package/styles/daterangepicker/highcontrast.css +389 -470
  248. package/styles/daterangepicker/highcontrast.scss +1 -1
  249. package/styles/daterangepicker/icons/_bds.scss +74 -0
  250. package/styles/daterangepicker/icons/_bootstrap-dark.scss +61 -65
  251. package/styles/daterangepicker/icons/_bootstrap.scss +69 -65
  252. package/styles/daterangepicker/icons/_bootstrap4.scss +75 -74
  253. package/styles/daterangepicker/icons/_bootstrap5.3.scss +74 -0
  254. package/styles/daterangepicker/icons/_bootstrap5.scss +74 -72
  255. package/styles/daterangepicker/icons/_fabric-dark.scss +69 -65
  256. package/styles/daterangepicker/icons/_fabric.scss +69 -65
  257. package/styles/daterangepicker/icons/_fluent.scss +74 -72
  258. package/styles/daterangepicker/icons/_fluent2.scss +91 -0
  259. package/styles/daterangepicker/icons/_fusionnew.scss +74 -72
  260. package/styles/daterangepicker/icons/_highcontrast-light.scss +69 -65
  261. package/styles/daterangepicker/icons/_highcontrast.scss +69 -65
  262. package/styles/daterangepicker/icons/_material-dark.scss +85 -99
  263. package/styles/daterangepicker/icons/_material.scss +85 -99
  264. package/styles/daterangepicker/icons/_material3-dark.scss +1 -0
  265. package/styles/daterangepicker/icons/_material3.scss +90 -99
  266. package/styles/daterangepicker/icons/_tailwind.scss +74 -72
  267. package/styles/daterangepicker/icons/_tailwind4.scss +74 -0
  268. package/styles/daterangepicker/material-dark.css +388 -487
  269. package/styles/daterangepicker/material-dark.scss +1 -1
  270. package/styles/daterangepicker/material.css +344 -560
  271. package/styles/daterangepicker/material.scss +1 -1
  272. package/styles/daterangepicker/material3-dark.css +888 -0
  273. package/styles/daterangepicker/material3-dark.scss +8 -0
  274. package/styles/daterangepicker/material3.css +944 -0
  275. package/styles/daterangepicker/material3.scss +8 -0
  276. package/styles/daterangepicker/tailwind-dark.css +388 -476
  277. package/styles/daterangepicker/tailwind-dark.scss +1 -1
  278. package/styles/daterangepicker/tailwind.css +388 -476
  279. package/styles/daterangepicker/tailwind.scss +1 -1
  280. package/styles/datetimepicker/_all.scss +2 -2
  281. package/styles/datetimepicker/_bds-definition.scss +65 -0
  282. package/styles/datetimepicker/_bigger.scss +105 -0
  283. package/styles/datetimepicker/_bootstrap-dark-definition.scss +60 -55
  284. package/styles/datetimepicker/_bootstrap-definition.scss +59 -54
  285. package/styles/datetimepicker/_bootstrap4-definition.scss +65 -60
  286. package/styles/datetimepicker/_bootstrap5-definition.scss +65 -60
  287. package/styles/datetimepicker/_bootstrap5.3-definition.scss +65 -0
  288. package/styles/datetimepicker/_fabric-dark-definition.scss +60 -55
  289. package/styles/datetimepicker/_fabric-definition.scss +57 -52
  290. package/styles/datetimepicker/_fluent-definition.scss +65 -60
  291. package/styles/datetimepicker/_fluent2-definition.scss +65 -0
  292. package/styles/datetimepicker/_fusionnew-definition.scss +65 -60
  293. package/styles/datetimepicker/_highcontrast-definition.scss +57 -52
  294. package/styles/datetimepicker/_highcontrast-light-definition.scss +60 -55
  295. package/styles/datetimepicker/_layout.scss +179 -195
  296. package/styles/datetimepicker/_material-dark-definition.scss +64 -59
  297. package/styles/datetimepicker/_material-definition.scss +62 -57
  298. package/styles/datetimepicker/_material3-dark-definition.scss +1 -0
  299. package/styles/datetimepicker/_material3-definition.scss +61 -0
  300. package/styles/datetimepicker/_tailwind-definition.scss +65 -60
  301. package/styles/datetimepicker/_tailwind4-definition.scss +70 -0
  302. package/styles/datetimepicker/_theme.scss +95 -70
  303. package/styles/datetimepicker/bootstrap-dark.css +29 -42
  304. package/styles/datetimepicker/bootstrap-dark.scss +1 -1
  305. package/styles/datetimepicker/bootstrap.css +29 -42
  306. package/styles/datetimepicker/bootstrap.scss +1 -1
  307. package/styles/datetimepicker/bootstrap4.css +29 -42
  308. package/styles/datetimepicker/bootstrap4.scss +1 -1
  309. package/styles/datetimepicker/bootstrap5-dark.css +29 -42
  310. package/styles/datetimepicker/bootstrap5-dark.scss +1 -1
  311. package/styles/datetimepicker/bootstrap5.css +29 -42
  312. package/styles/datetimepicker/bootstrap5.scss +1 -1
  313. package/styles/datetimepicker/fabric-dark.css +29 -42
  314. package/styles/datetimepicker/fabric-dark.scss +1 -1
  315. package/styles/datetimepicker/fabric.css +29 -42
  316. package/styles/datetimepicker/fabric.scss +1 -1
  317. package/styles/datetimepicker/fluent-dark.css +29 -42
  318. package/styles/datetimepicker/fluent-dark.scss +1 -1
  319. package/styles/datetimepicker/fluent.css +29 -42
  320. package/styles/datetimepicker/fluent.scss +1 -1
  321. package/styles/datetimepicker/fluent2.css +1373 -0
  322. package/styles/datetimepicker/fluent2.scss +8 -0
  323. package/styles/datetimepicker/highcontrast-light.css +29 -42
  324. package/styles/datetimepicker/highcontrast-light.scss +1 -1
  325. package/styles/datetimepicker/highcontrast.css +29 -42
  326. package/styles/datetimepicker/highcontrast.scss +1 -1
  327. package/styles/datetimepicker/icons/_bds.scss +11 -0
  328. package/styles/datetimepicker/icons/_bootstrap-dark.scss +11 -11
  329. package/styles/datetimepicker/icons/_bootstrap.scss +11 -11
  330. package/styles/datetimepicker/icons/_bootstrap4.scss +11 -11
  331. package/styles/datetimepicker/icons/_bootstrap5.3.scss +11 -0
  332. package/styles/datetimepicker/icons/_bootstrap5.scss +11 -11
  333. package/styles/datetimepicker/icons/_fabric-dark.scss +11 -11
  334. package/styles/datetimepicker/icons/_fabric.scss +11 -11
  335. package/styles/datetimepicker/icons/_fluent.scss +11 -11
  336. package/styles/datetimepicker/icons/_fluent2.scss +11 -0
  337. package/styles/datetimepicker/icons/_fusionnew.scss +11 -11
  338. package/styles/datetimepicker/icons/_highcontrast-light.scss +11 -11
  339. package/styles/datetimepicker/icons/_highcontrast.scss +11 -11
  340. package/styles/datetimepicker/icons/_material-dark.scss +31 -53
  341. package/styles/datetimepicker/icons/_material.scss +40 -62
  342. package/styles/datetimepicker/icons/_material3-dark.scss +1 -0
  343. package/styles/datetimepicker/icons/_material3.scss +11 -11
  344. package/styles/datetimepicker/icons/_tailwind.scss +11 -11
  345. package/styles/datetimepicker/icons/_tailwind4.scss +11 -0
  346. package/styles/datetimepicker/material-dark.css +29 -67
  347. package/styles/datetimepicker/material-dark.scss +1 -1
  348. package/styles/datetimepicker/material.css +29 -67
  349. package/styles/datetimepicker/material.scss +1 -1
  350. package/styles/datetimepicker/material3-dark.css +252 -0
  351. package/styles/datetimepicker/material3-dark.scss +9 -0
  352. package/styles/datetimepicker/material3.css +308 -0
  353. package/styles/datetimepicker/material3.scss +9 -0
  354. package/styles/datetimepicker/tailwind-dark.css +29 -43
  355. package/styles/datetimepicker/tailwind-dark.scss +1 -1
  356. package/styles/datetimepicker/tailwind.css +29 -43
  357. package/styles/datetimepicker/tailwind.scss +1 -1
  358. package/styles/fabric-dark.css +1002 -1056
  359. package/styles/fabric-dark.scss +20 -5
  360. package/styles/fabric.css +1003 -1060
  361. package/styles/fabric.scss +20 -5
  362. package/styles/fluent-dark.css +1024 -1133
  363. package/styles/fluent-dark.scss +20 -5
  364. package/styles/fluent.css +1024 -1133
  365. package/styles/fluent.scss +20 -5
  366. package/styles/fluent2.css +3549 -0
  367. package/styles/fluent2.scss +20 -0
  368. package/styles/highcontrast-light.css +1010 -1057
  369. package/styles/highcontrast-light.scss +20 -5
  370. package/styles/highcontrast.css +1009 -1060
  371. package/styles/highcontrast.scss +20 -5
  372. package/styles/material-dark.css +967 -1116
  373. package/styles/material-dark.scss +20 -5
  374. package/styles/material.css +833 -1208
  375. package/styles/material.scss +20 -5
  376. package/styles/material3-dark.css +2354 -0
  377. package/styles/material3-dark.scss +22 -0
  378. package/styles/material3.css +2410 -0
  379. package/styles/material3.scss +22 -0
  380. package/styles/tailwind-dark.css +988 -1106
  381. package/styles/tailwind-dark.scss +20 -5
  382. package/styles/tailwind.css +988 -1106
  383. package/styles/tailwind.scss +20 -5
  384. package/styles/timepicker/_all.scss +2 -2
  385. package/styles/timepicker/_bds-definition.scss +84 -0
  386. package/styles/timepicker/_bigger.scss +92 -0
  387. package/styles/timepicker/_bootstrap-dark-definition.scss +80 -52
  388. package/styles/timepicker/_bootstrap-definition.scss +77 -49
  389. package/styles/timepicker/_bootstrap4-definition.scss +85 -57
  390. package/styles/timepicker/_bootstrap5-definition.scss +86 -58
  391. package/styles/timepicker/_bootstrap5.3-definition.scss +85 -0
  392. package/styles/timepicker/_fabric-dark-definition.scss +80 -52
  393. package/styles/timepicker/_fabric-definition.scss +77 -49
  394. package/styles/timepicker/_fluent-definition.scss +86 -58
  395. package/styles/timepicker/_fluent2-definition.scss +84 -0
  396. package/styles/timepicker/_fusionnew-definition.scss +86 -58
  397. package/styles/timepicker/_highcontrast-definition.scss +77 -49
  398. package/styles/timepicker/_highcontrast-light-definition.scss +80 -52
  399. package/styles/timepicker/_layout.scss +227 -202
  400. package/styles/timepicker/_material-dark-definition.scss +84 -56
  401. package/styles/timepicker/_material-definition.scss +81 -53
  402. package/styles/timepicker/_material3-dark-definition.scss +1 -0
  403. package/styles/timepicker/_material3-definition.scss +83 -0
  404. package/styles/timepicker/_tailwind-definition.scss +84 -56
  405. package/styles/timepicker/_tailwind4-definition.scss +92 -0
  406. package/styles/timepicker/_theme.scss +134 -100
  407. package/styles/timepicker/bootstrap-dark.css +102 -42
  408. package/styles/timepicker/bootstrap-dark.scss +1 -1
  409. package/styles/timepicker/bootstrap.css +102 -42
  410. package/styles/timepicker/bootstrap.scss +1 -1
  411. package/styles/timepicker/bootstrap4.css +102 -42
  412. package/styles/timepicker/bootstrap4.scss +1 -1
  413. package/styles/timepicker/bootstrap5-dark.css +102 -42
  414. package/styles/timepicker/bootstrap5-dark.scss +1 -1
  415. package/styles/timepicker/bootstrap5.css +102 -42
  416. package/styles/timepicker/bootstrap5.scss +1 -1
  417. package/styles/timepicker/fabric-dark.css +102 -42
  418. package/styles/timepicker/fabric-dark.scss +1 -1
  419. package/styles/timepicker/fabric.css +102 -42
  420. package/styles/timepicker/fabric.scss +1 -1
  421. package/styles/timepicker/fluent-dark.css +102 -42
  422. package/styles/timepicker/fluent-dark.scss +1 -1
  423. package/styles/timepicker/fluent.css +102 -42
  424. package/styles/timepicker/fluent.scss +1 -1
  425. package/styles/timepicker/fluent2.css +1470 -0
  426. package/styles/timepicker/fluent2.scss +6 -0
  427. package/styles/timepicker/highcontrast-light.css +102 -42
  428. package/styles/timepicker/highcontrast-light.scss +1 -1
  429. package/styles/timepicker/highcontrast.css +102 -42
  430. package/styles/timepicker/highcontrast.scss +1 -1
  431. package/styles/timepicker/icons/_bds.scss +24 -0
  432. package/styles/timepicker/icons/_bootstrap-dark.scss +23 -11
  433. package/styles/timepicker/icons/_bootstrap.scss +24 -12
  434. package/styles/timepicker/icons/_bootstrap4.scss +24 -12
  435. package/styles/timepicker/icons/_bootstrap5.3.scss +24 -0
  436. package/styles/timepicker/icons/_bootstrap5.scss +24 -12
  437. package/styles/timepicker/icons/_fabric-dark.scss +24 -12
  438. package/styles/timepicker/icons/_fabric.scss +24 -12
  439. package/styles/timepicker/icons/_fluent.scss +24 -12
  440. package/styles/timepicker/icons/_fluent2.scss +24 -0
  441. package/styles/timepicker/icons/_fusionnew.scss +24 -12
  442. package/styles/timepicker/icons/_highcontrast-light.scss +24 -12
  443. package/styles/timepicker/icons/_highcontrast.scss +24 -12
  444. package/styles/timepicker/icons/_material-dark.scss +37 -40
  445. package/styles/timepicker/icons/_material.scss +39 -42
  446. package/styles/timepicker/icons/_material3-dark.scss +1 -0
  447. package/styles/timepicker/icons/_material3.scss +24 -12
  448. package/styles/timepicker/icons/_tailwind.scss +24 -12
  449. package/styles/timepicker/icons/_tailwind4.scss +24 -0
  450. package/styles/timepicker/material-dark.css +100 -58
  451. package/styles/timepicker/material-dark.scss +1 -1
  452. package/styles/timepicker/material.css +100 -58
  453. package/styles/timepicker/material.scss +1 -1
  454. package/styles/timepicker/material3-dark.css +349 -0
  455. package/styles/timepicker/material3-dark.scss +7 -0
  456. package/styles/timepicker/material3.css +405 -0
  457. package/styles/timepicker/material3.scss +7 -0
  458. package/styles/timepicker/tailwind-dark.css +102 -43
  459. package/styles/timepicker/tailwind-dark.scss +1 -1
  460. package/styles/timepicker/tailwind.css +102 -43
  461. package/styles/timepicker/tailwind.scss +1 -1
  462. package/.eslintrc.json +0 -259
  463. package/dist/ej2-calendars.min.js +0 -10
  464. package/dist/global/ej2-calendars.min.js +0 -11
  465. package/dist/global/ej2-calendars.min.js.map +0 -1
  466. package/dist/global/index.d.ts +0 -14
  467. package/tslint.json +0 -111
package/styles/calendar/fluent2.css ADDED
@@ -0,0 +1,1747 @@
1
+ :root {
2
+ --color-sf-black: #000;
3
+ --color-sf-white: #fff;
4
+ --color-sf-primary: #0f6cbd;
5
+ --color-sf-primary-text-color: #fff;
6
+ --color-sf-primary-light: #b4d6fa;
7
+ --color-sf-primary-lighter: #ebf3fc;
8
+ --color-sf-primary-dark: #0f548c;
9
+ --color-sf-primary-darker: #0c3b5e;
10
+ --color-sf-success: #0e700e;
11
+ --color-sf-info: #008aa9;
12
+ --color-sf-warning: #bc4b09;
13
+ --color-sf-danger: #d13438;
14
+ --color-sf-success-light: #54b054;
15
+ --color-sf-info-light: #56bfd7;
16
+ --color-sf-warning-light: #fee5d7;
17
+ --color-sf-danger-light: #eeacb2;
18
+ --color-sf-success-dark: #54b054;
19
+ --color-sf-info-dark: #56bfd7;
20
+ --color-sf-warning-dark: #8a3707;
21
+ --color-sf-danger-dark: #6e0811;
22
+ --color-sf-success-light-alt: #f1faf1;
23
+ --color-sf-info-light-alt: #f2fafc;
24
+ --color-sf-warning-light-alt: #fff9f5;
25
+ --color-sf-danger-light-alt: #fdf3f4;
26
+ --color-sf-badge-warning: #fde300;
27
+ --color-sf-badge-warning-text: #847619;
28
+ --color-sf-primary-label-color: var(--color-sf-primary);
29
+ --color-sf-primary-cell-selection: var(--color-sf-primary-lighter);
30
+ --color-sf-brand-primary: #7e56d8;
31
+ --color-sf-brand-primary-d10: #6e41d3;
32
+ --color-sf-content-bg-color: #fafafa;
33
+ --color-sf-content-bg-color-alt1: #fff;
34
+ --color-sf-content-bg-color-alt2: #f5f5f5;
35
+ --color-sf-content-bg-color-alt3: #e6e6e6;
36
+ --color-sf-content-bg-color-alt4: #f0f0f0;
37
+ --color-sf-content-bg-color-alt5: #ebebeb;
38
+ --color-sf-content-bg-color-alt6: #e6e6e6;
39
+ --color-sf-content-bg-color-hover: #f0f0f0;
40
+ --color-sf-content-bg-color-pressed: #dbdbdb;
41
+ --color-sf-content-bg-color-focus: #f0f0f0;
42
+ --color-sf-content-bg-color-selected: #e6e6e6;
43
+ --color-sf-content-bg-color-dragged: #ebf3fc;
44
+ --color-sf-content-bg-color-disabled: #f0f0f0;
45
+ --color-sf-flyout-bg-color: #fff;
46
+ --color-sf-flyout-bg-color-hover: #f5f5f5;
47
+ --color-sf-flyout-bg-color-pressed: #e0e0e0;
48
+ --color-sf-flyout-bg-color-selected: #ebebeb;
49
+ --color-sf-flyout-bg-color-focus: #f5f5f5;
50
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
51
+ --color-sf-table-bg-color-hover: #f5f5f5;
52
+ --color-sf-table-bg-color-pressed: #e0e0e0;
53
+ --color-sf-table-bg-color-selected: #ebf3fc;
54
+ --color-sf-content-text-color: #242424;
55
+ --color-sf-content-text-color-alt1: #424242;
56
+ --color-sf-content-text-color-alt2: #616161;
57
+ --color-sf-content-text-color-alt3: #707070;
58
+ --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
59
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
60
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-color);
61
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
62
+ --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
63
+ --color-sf-content-text-color-disabled: #bdbdbd;
64
+ --color-sf-placeholder-text-color: #707070;
65
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
66
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
67
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
68
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
69
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
70
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
71
+ --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
72
+ --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
73
+ --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
74
+ --color-sf-icon-color: var(--color-sf-content-text-color-alt1);
75
+ --color-sf-icon-color-hover: var(--color-sf-content-text-color);
76
+ --color-sf-icon-color-hover-alt: var(--color-sf-content-text-color);
77
+ --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
78
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
79
+ --color-sf-border-light: #e0e0e0;
80
+ --color-sf-border: #d1d1d1;
81
+ --color-sf-border-alt: #616161;
82
+ --color-sf-border-dark: #c7c7c7;
83
+ --color-sf-border-hover: #575757;
84
+ --color-sf-border-pressed: #4d4d4d;
85
+ --color-sf-border-focus: var(--color-sf-border);
86
+ --color-sf-border-selected: #b3b3b3;
87
+ --color-sf-border-dragged: #ebf3fc;
88
+ --color-sf-border-disabled: var(--color-sf-border-light);
89
+ --color-sf-border-warning: #da3b01;
90
+ --color-sf-border-error: #c50f1f;
91
+ --color-sf-border-success: #107c10;
92
+ --color-sf-border-info: #0099bc;
93
+ --color-sf-spreadsheet-gridline: var(--color-sf-content-bg-color-alt3);
94
+ --color-sf-flyout-border: var(--color-sf-border-light);
95
+ --color-sf-primary-bg-color: var(--color-sf-primary);
96
+ --color-sf-primary-border-color: var(--color-sf-primary);
97
+ --color-sf-primary-text: var(--color-sf-primary-text-color);
98
+ --color-sf-primary-bg-color-hover: #115ea3;
99
+ --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
100
+ --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
101
+ --color-sf-primary-bg-color-pressed: #0c3b5e;
102
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
103
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
104
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
105
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
106
+ --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
107
+ --color-sf-primary-bg-color-disabled: #f0f0f0;
108
+ --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
109
+ --color-sf-primary-text-disabled: #b8b8b8;
110
+ --color-sf-primary-bg-color-selected: #0f548c;
111
+ --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
112
+ --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
113
+ --color-sf-secondary-bg-color: #fff;
114
+ --color-sf-secondary-border-color: #d1d1d1;
115
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
116
+ --color-sf-secondary-bg-color-hover: #f5f5f5;
117
+ --color-sf-secondary-border-color-hover: #c7c7c7;
118
+ --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
119
+ --color-sf-secondary-bg-color-pressed: #e0e0e0;
120
+ --color-sf-secondary-border-color-pressed: #b3b3b3;
121
+ --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
122
+ --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color);
123
+ --color-sf-secondary-border-color-focus: #000;
124
+ --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
125
+ --color-sf-secondary-bg-color-disabled: #f0f0f0;
126
+ --color-sf-secondary-border-color-disabled: #e0e0e0;
127
+ --color-sf-secondary-text-color-disabled: #bdbdbd;
128
+ --color-sf-secondary-bg-color-selected: #ebebeb;
129
+ --color-sf-secondary-border-color-selected: #bdbdbd;
130
+ --color-sf-secondary-text-color-selected: #242424;
131
+ --color-sf-success-bg-color: #107c10;
132
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
133
+ --color-sf-success-text: var(--color-sf-primary-text-color);
134
+ --color-sf-success-bg-color-hover: #0c5e0c;
135
+ --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
136
+ --color-sf-success-text-hover: var(--color-sf-primary-text-color);
137
+ --color-sf-success-bg-color-pressed: #052505;
138
+ --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
139
+ --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
140
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
141
+ --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
142
+ --color-sf-success-text-focus: var(--color-sf-primary-text-color);
143
+ --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
144
+ --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
145
+ --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
146
+ --color-sf-success-bg-color-selected: #094509;
147
+ --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
148
+ --color-sf-success-text-selected: var(--color-sf-primary-text-color);
149
+ --color-sf-warning-bg-color: #f7630c;
150
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
151
+ --color-sf-warning-text: var(--color-sf-content-text-color);
152
+ --color-sf-warning-bg-color-hover: #bc4b09;
153
+ --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
154
+ --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
155
+ --color-sf-warning-bg-color-pressed: #4a1e04;
156
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
157
+ --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
158
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
159
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
160
+ --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
161
+ --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
162
+ --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
163
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
164
+ --color-sf-warning-bg-color-selected: #bc4b09;
165
+ --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
166
+ --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
167
+ --color-sf-info-bg-color: #31afcc;
168
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
169
+ --color-sf-info-text: var(--color-sf-content-text-color);
170
+ --color-sf-info-bg-color-hover: #008aa9;
171
+ --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
172
+ --color-sf-info-text-hover: var(--color-sf-primary-text-color);
173
+ --color-sf-info-bg-color-pressed: #00748f;
174
+ --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
175
+ --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
176
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
177
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
178
+ --color-sf-info-text-focus: var(--color-sf-primary-text-color);
179
+ --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
180
+ --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
181
+ --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
182
+ --color-sf-info-bg-color-selected: #005669;
183
+ --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
184
+ --color-sf-info-text-selected: var(--color-sf-primary-text-color);
185
+ --color-sf-danger-bg-color: #c50f1f;
186
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
187
+ --color-sf-danger-text: var(--color-sf-primary-text-color);
188
+ --color-sf-danger-bg-color-hover: #960b18;
189
+ --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
190
+ --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
191
+ --color-sf-danger-bg-color-pressed: #3b0509;
192
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
193
+ --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
194
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
195
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
196
+ --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
197
+ --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
198
+ --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
199
+ --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
200
+ --color-sf-danger-bg-color-selected: #6e0811;
201
+ --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
202
+ --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
203
+ --color-sf-primary-outline: var(--color-sf-primary);
204
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
205
+ --color-sf-warning-outline: var(--color-sf-warning-border-color);
206
+ --color-sf-danger-outline: var(--color-sf-danger-border-color);
207
+ --color-sf-success-outline: var(--color-sf-success-border-color);
208
+ --color-sf-info-outline: var(--color-sf-info-border-color);
209
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
210
+ --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
211
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
212
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
213
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
214
+ --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
215
+ --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
216
+ --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
217
+ --color-sf-appbar-hover-bg-color-alt1: transparent;
218
+ --color-sf-appbar-bg-color-alt2: #141414;
219
+ --color-sf-appbar-color-alt2: var(--color-sf-content-bg-color-alt1);
220
+ --color-sf-appbar-border-color-alt2: #141414;
221
+ --color-sf-appbar-hover-bg-color-alt2: transparent;
222
+ --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
223
+ --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
224
+ --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
225
+ --color-sf-rating-selected-color: #242424;
226
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
227
+ --color-sf-rating-selected-disabled-color: #b3b3b3;
228
+ --color-sf-rating-unrated-disabled-color: #b3b3b3;
229
+ --color-sf-rating-selected-hover-color: #115ea3;
230
+ --color-sf-rating-unrated-hover-color: #0f6cbd;
231
+ --color-sf-rating-pressed-color: #0f548c;
232
+ --color-sf-msg-color: var(--color-sf-content-text-color);
233
+ --color-sf-msg-bg-color: #f5f5f5;
234
+ --color-sf-msg-border-color: #d1d1d1;
235
+ --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
236
+ --color-sf-msg-bg-color-alt1: transparent;
237
+ --color-sf-msg-border-color-alt1: #d1d1d1;
238
+ --color-sf-msg-color-alt2: #fff;
239
+ --color-sf-msg-bg-color-alt2: #616161;
240
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
241
+ --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
242
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
243
+ --color-sf-msg-icon-color-alt2: #fff;
244
+ --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
245
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
246
+ --color-sf-msg-close-icon-color-alt2: #fff;
247
+ --color-sf-msg-success-color: var(--color-sf-content-text-color);
248
+ --color-sf-msg-success-bg-color: #f1faf1;
249
+ --color-sf-msg-success-border-color: #9fd89f;
250
+ --color-sf-msg-success-color-alt1: #0e700e;
251
+ --color-sf-msg-success-bg-color-alt1: transparent;
252
+ --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
253
+ --color-sf-msg-success-color-alt2: #fff;
254
+ --color-sf-msg-success-bg-color-alt2: #107c10;
255
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
256
+ --color-sf-msg-success-icon-color: #0e700e;
257
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
258
+ --color-sf-msg-success-icon-color-alt2: #fff;
259
+ --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
260
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
261
+ --color-sf-msg-success-close-icon-color-alt2: #fff;
262
+ --color-sf-msg-danger-color: var(--color-sf-content-text-color);
263
+ --color-sf-msg-danger-bg-color: #fdf3f4;
264
+ --color-sf-msg-danger-border-color: #eeacb2;
265
+ --color-sf-msg-danger-color-alt1: #b10e1c;
266
+ --color-sf-msg-danger-bg-color-alt1: transparent;
267
+ --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
268
+ --color-sf-msg-danger-color-alt2: #fff;
269
+ --color-sf-msg-danger-bg-color-alt2: #c50f1f;
270
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
271
+ --color-sf-msg-danger-icon-color: #b10e1c;
272
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
273
+ --color-sf-msg-danger-icon-color-alt2: #fff;
274
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
275
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
276
+ --color-sf-msg-danger-close-icon-color-alt2: #fff;
277
+ --color-sf-msg-info-color: var(--color-sf-content-text-color);
278
+ --color-sf-msg-info-bg-color: #f2fafc;
279
+ --color-sf-msg-info-border-color: #a4deeb;
280
+ --color-sf-msg-info-color-alt1: #00748f;
281
+ --color-sf-msg-info-bg-color-alt1: transparent;
282
+ --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
283
+ --color-sf-msg-info-color-alt2: #fff;
284
+ --color-sf-msg-info-bg-color-alt2: #0099bc;
285
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
286
+ --color-sf-msg-info-icon-color: #008aa9;
287
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
288
+ --color-sf-msg-info-icon-color-alt2: #fff;
289
+ --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
290
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
291
+ --color-sf-msg-info-close-icon-color-alt2: #fff;
292
+ --color-sf-msg-warning-color: var(--color-sf-content-text-color);
293
+ --color-sf-msg-warning-bg-color: #fdf6f3;
294
+ --color-sf-msg-warning-border-color: #f4bfab;
295
+ --color-sf-msg-warning-color-alt1: #c43501;
296
+ --color-sf-msg-warning-bg-color-alt1: transparent;
297
+ --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
298
+ --color-sf-msg-warning-color-alt2: #fff;
299
+ --color-sf-msg-warning-bg-color-alt2: #da3b01;
300
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
301
+ --color-sf-msg-warning-icon-color: #c43501;
302
+ --color-sf-msg-warning-icon-color-alt1: --color-sf-msg-warning-icon-color;
303
+ --color-sf-msg-warning-icon-color-alt2: #fff;
304
+ --color-sf-msg-warning-close-icon-color: --color-sf-content-text-color-alt1;
305
+ --color-sf-msg-warning-close-icon-color-alt1: --color-sf-msg-warning-close-icon-color-alt1;
306
+ --color-sf-msg-warning-close-icon-color-alt2: #fff;
307
+ --color-sf-utility-primary-lighter: #f9f5ff;
308
+ --color-sf-utility-success-lighter: #aaefc6;
309
+ --color-sf-utility-info-lighter: #b9e6fe;
310
+ --color-sf-utility-warning-lighter: #fede88;
311
+ --color-sf-utility-danger-lighter: #fecdc9;
312
+ --color-sf-fg-white: #fff;
313
+ --color-sf-shadow-color: #000;
314
+ --color-sf-shadow-color1: #fff;
315
+ --color-sf-link-button: var(--color-sf-primary);
316
+ --color-sf-link-button-hover: #115ea3;
317
+ --color-sf-link-button-pressed: #0c3b5e;
318
+ --color-sf-link-button-focus: #0f6cbd;
319
+ --color-sf-link-button-border-focus: #242424;
320
+ --color-sf-chip-bg-color: #f5f5f5;
321
+ --color-sf-chip-border-color: #f5f5f5;
322
+ --color-sf-chip-bg-disabled: #f0f0f0;
323
+ --color-sf-chip-border-disabled: #fff;
324
+ --color-sf-secondary-outline-button-text-color-hover: #242424;
325
+ --color-sf-secondary-outline-button-text-color-pressed: #242424;
326
+ --color-sf-secondary-outline-button-text-color-selected: #242424;
327
+ --color-sf-secondary-outline-button-text-color-focus: #242424;
328
+ --color-sf-slider-shadow1: #fff;
329
+ --color-sf-slider-shadow2: #d1d1d1;
330
+ --color-sf-slider-disabled: #d1d1d1;
331
+ --color-sf-slider-border-color: rgba(255, 255, 255, 0);
332
+ --color-sf-slider-bg-disabled: #e0e0e0;
333
+ --color-sf-toggle-switch-border-disabled: #f0f0f0;
334
+ --color-sf-calendar-icon-color: #0f6ebd;
335
+ --color-sf-calendar-header-text-color-pressed: #0f548c;
336
+ --color-sf-calendar-today-bg-color: #0f63bd;
337
+ --color-sf-dialog-border: #fafafa;
338
+ --color-sf-badge-light-bg-color: #e6e6e6;
339
+ --color-sf-secondary-badge-border-color: #fff;
340
+ --color-sf-secondary-badge-bg-color: #fff;
341
+ --color-sf-secondary-badge-bg-color-focus: #fff;
342
+ --color-sf-skeleton-bg-color: #e6e6e6;
343
+ --color-sf-tab-selected-bg-color-disabled: #0f6ebd;
344
+ --color-sf-tab-selected-text-color-disabled: #bdbdbd;
345
+ --color-sf-ribbon-border-color: #00000000;
346
+ --color-sf-toolbar-icon-color: #0f6cbd;
347
+ --color-sf-contextual-text: #616161;
348
+ --color-sf-cell-selection-bg-color: #ebf3fc;
349
+ --color-sf-document-editor-border-color: #00000000;
350
+ --color-sf-holiday-bg-color: #f5f5f5;
351
+ --color-sf-taskbar-bg: #b4d6fa;
352
+ --color-sf-taskbar-border: #0f6cbd;
353
+ --color-sf-taskbar-progress: #0f6cbd;
354
+ --color-sf-sort-bg-color: #e6e6e6;
355
+ }
356
+
357
+ .e-dark-mode {
358
+ --color-sf-black: #000;
359
+ --color-sf-white: #fff;
360
+ --color-sf-content-bg-color: #1f1f1f;
361
+ --color-sf-content-bg-color-alt1: #292929;
362
+ --color-sf-content-bg-color-alt2: #141414;
363
+ --color-sf-content-bg-color-alt3: #333;
364
+ --color-sf-content-bg-color-alt4: #0a0a0a;
365
+ --color-sf-content-bg-color-alt5: #000;
366
+ --color-sf-content-bg-color-alt6: #050505;
367
+ --color-sf-content-bg-color-hover: var(--color-sf-content-bg-color-alt3);
368
+ --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt2);
369
+ --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
370
+ --color-sf-content-bg-color-selected: #2e2e2e;
371
+ --color-sf-content-bg-color-dragged: #08233b;
372
+ --color-sf-content-bg-color-disabled: #141414;
373
+ --color-sf-flyout-bg-color: var(--color-sf-content-bg-color-alt1);
374
+ --color-sf-flyout-bg-color-hover: #3d3d3d;
375
+ --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
376
+ --color-sf-flyout-bg-color-selected: #383838;
377
+ --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
378
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
379
+ --color-sf-table-bg-color-hover: #383838;
380
+ --color-sf-table-bg-color-pressed: #2e2e2e;
381
+ --color-sf-table-bg-color-selected: #082338;
382
+ --color-sf-content-text-color: #fff;
383
+ --color-sf-content-text-color-alt1: #d6d6d6;
384
+ --color-sf-content-text-color-alt2: #adadad;
385
+ --color-sf-content-text-color-alt3: #999;
386
+ --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
387
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
388
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-colo);
389
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
390
+ --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
391
+ --color-sf-content-text-color-disabled: #5c5c5c;
392
+ --color-sf-placeholder-text-color: var(--color-sf-content-text-color-alt3);
393
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
394
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
395
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
396
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
397
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
398
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
399
+ --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
400
+ --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
401
+ --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
402
+ --color-sf-icon-color: #d6d6d6;
403
+ --color-sf-icon-color-hover: var(--color-sf-content-text-color);
404
+ --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
405
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
406
+ --color-sf-border-light: #525252;
407
+ --color-sf-border: #666;
408
+ --color-sf-border-alt: #adadad;
409
+ --color-sf-border-dark: #757575;
410
+ --color-sf-border-hover: #757575;
411
+ --color-sf-border-pressed: #4d4d4d;
412
+ --color-sf-border-focus: var(--color-sf-border);
413
+ --color-sf-border-selected: #6b6b6b;
414
+ --color-sf-border-dragged: var(--color-sf-primary);
415
+ --color-sf-border-disabled: #424242;
416
+ --color-sf-border-warning: #bc4b09;
417
+ --color-sf-border-error: #dc626d;
418
+ --color-sf-border-success: #9fd89f;
419
+ --color-sf-border-info: #18a4c4;
420
+ --color-sf-spreadsheet-gridline: #e6e6e6;
421
+ --color-sf-flyout-border: #525252;
422
+ --color-sf-primary: #115ea3;
423
+ --color-sf-primary-text-color: #fff;
424
+ --color-sf-primary-light: #0e4775;
425
+ --color-sf-primary-lighter: #082338;
426
+ --color-sf-primary-dark: #62abf5;
427
+ --color-sf-primary-darker: #96c6fa;
428
+ --color-sf-success: #107c10;
429
+ --color-sf-info: #0099bc;
430
+ --color-sf-warning: #faa06b;
431
+ --color-sf-danger: #dc626d;
432
+ --color-sf-success-light: #094509;
433
+ --color-sf-info-light: #005669;
434
+ --color-sf-warning-light: #4a1e04;
435
+ --color-sf-danger-light: #6e0811;
436
+ --color-sf-success-dark: #c9eac9;
437
+ --color-sf-info-dark: #cdedf4;
438
+ --color-sf-warning-dark: #fee5d7;
439
+ --color-sf-danger-dark: #fee5d7;
440
+ --color-sf-success-light-alt: #052505;
441
+ --color-sf-info-light-alt: #002e38;
442
+ --color-sf-warning-light-alt: #4a1e04;
443
+ --color-sf-danger-light-alt: #3b0509;
444
+ --color-sf-badge-warning: #fde300;
445
+ --color-sf-badge-warning-text: #fde300;
446
+ --color-sf-primary-label-color: #479ef5;
447
+ --color-sf-primary-cell-selection: #ebf3fc;
448
+ --color-sf-primary-bg-color: var(--color-sf-primary);
449
+ --color-sf-primary-border-color: var(--color-sf-primary);
450
+ --color-sf-primary-text: var(--color-sf-primary-text-color);
451
+ --color-sf-primary-bg-color-hover: #0f6cbd;
452
+ --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
453
+ --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
454
+ --color-sf-primary-bg-color-pressed: #0c3b5e;
455
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
456
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
457
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
458
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
459
+ --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
460
+ --color-sf-primary-bg-color-disabled: #141414;
461
+ --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
462
+ --color-sf-primary-text-disabled: var(--color-sf-content-text-color-disabled);
463
+ --color-sf-primary-bg-color-selected: #0f548c;
464
+ --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
465
+ --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
466
+ --color-sf-secondary-bg-color: #292929;
467
+ --color-sf-secondary-border-color: var(--color-sf-border);
468
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
469
+ --color-sf-secondary-bg-color-hover: #3d3d3d;
470
+ --color-sf-secondary-border-color-hover: #757575;
471
+ --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
472
+ --color-sf-secondary-bg-color-pressed: var(--color-sf-black);
473
+ --color-sf-secondary-border-color-pressed: #6b6b6b;
474
+ --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
475
+ --color-sf-secondary-bg-color-focus: #383838;
476
+ --color-sf-secondary-border-color-focus: #fff;
477
+ --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
478
+ --color-sf-secondary-bg-color-disabled: -var(-color-sf-primary-bg-color-disabled);
479
+ --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
480
+ --color-sf-secondary-text-color-disabled: var(--color-sf-content-text-color-disabled);
481
+ --color-sf-secondary-bg-color-selected: #383838;
482
+ --color-sf-secondary-border-color-selected: #707070;
483
+ --color-sf-secondary-text-color-selected: var(--color-sf-content-text-color);
484
+ --color-sf-success-bg-color: #218c21;
485
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
486
+ --color-sf-success-text: var(--color-sf-primary-text-color);
487
+ --color-sf-success-bg-color-hover: #0e700e;
488
+ --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
489
+ --color-sf-success-text-hover: var(--color-sf-primary-text-color);
490
+ --color-sf-success-bg-color-pressed: #052505;
491
+ --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
492
+ --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
493
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
494
+ --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
495
+ --color-sf-success-text-focus: var(--color-sf-primary-text-color);
496
+ --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
497
+ --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
498
+ --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
499
+ --color-sf-success-bg-color-selected: #094509;
500
+ --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
501
+ --color-sf-success-text-selected: var(--color-sf-primary-text-color);
502
+ --color-sf-warning-bg-color: #f87528;
503
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
504
+ --color-sf-warning-text: #242424;
505
+ --color-sf-warning-bg-color-hover: #de590b;
506
+ --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
507
+ --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
508
+ --color-sf-warning-bg-color-pressed: #4a1e04;
509
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
510
+ --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
511
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
512
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
513
+ --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
514
+ --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
515
+ --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
516
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
517
+ --color-sf-warning-bg-color-selected: #8a3707;
518
+ --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
519
+ --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
520
+ --color-sf-info-bg-color: #18a4c4;
521
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
522
+ --color-sf-info-text: #242424;
523
+ --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
524
+ --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
525
+ --color-sf-info-text-hover: var(--color-sf-primary-text-color);
526
+ --color-sf-info-bg-color-pressed: #002e38;
527
+ --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
528
+ --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
529
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
530
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
531
+ --color-sf-info-text-focus: var(--color-sf-primary-text-color);
532
+ --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
533
+ --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
534
+ --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
535
+ --color-sf-info-bg-color-selected: #005669;
536
+ --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
537
+ --color-sf-info-text-selected: var(--color-sf-primary-text-color);
538
+ --color-sf-danger-bg-color: #cc2635;
539
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
540
+ --color-sf-danger-text: var(--color-sf-primary-text-color);
541
+ --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
542
+ --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
543
+ --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
544
+ --color-sf-danger-bg-color-pressed: #3b0509;
545
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
546
+ --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
547
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
548
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
549
+ --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
550
+ --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
551
+ --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
552
+ --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
553
+ --color-sf-danger-bg-color-selected: #6e0811;
554
+ --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
555
+ --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
556
+ --color-sf-primary-outline: var(--color-sf-primary);
557
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
558
+ --color-sf-warning-outline: #f7630c;
559
+ --color-sf-danger-outline: #c50f1f;
560
+ --color-sf-success-outline: #107c10;
561
+ --color-sf-info-outline: #0099bc;
562
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
563
+ --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
564
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
565
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
566
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
567
+ --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
568
+ --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
569
+ --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
570
+ --color-sf-appbar-hover-bg-color-alt1: transparent;
571
+ --color-sf-appbar-bg-color-alt2: #f5f5f5;
572
+ --color-sf-appbar-color-alt2: #242424;
573
+ --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
574
+ --color-sf-appbar-hover-bg-color-alt2: transparent;
575
+ --color-sf-diagram-palette-background: #e0e0e0;
576
+ --color-sf-diagram-palette-hover-background: #bdbdbd;
577
+ --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
578
+ --color-sf-rating-selected-color: #fff;
579
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
580
+ --color-sf-rating-selected-disabled-color: #575757;
581
+ --color-sf-rating-unrated-disabled-color: #4d4d4d;
582
+ --color-sf-rating-selected-hover-color: #2886de;
583
+ --color-sf-rating-unrated-hover-color: #115ea3;
584
+ --color-sf-rating-pressed-color: #479ef5;
585
+ --color-sf-msg-color: var(--color-sf-content-text-color);
586
+ --color-sf-msg-bg-color: var(--color-sf-content-bg-color-alt2);
587
+ --color-sf-msg-border-color: var(--color-sf-border);
588
+ --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
589
+ --color-sf-msg-bg-color-alt1: transparent;
590
+ --color-sf-msg-border-color-alt1: #666666;
591
+ --color-sf-msg-color-alt2: #242424;
592
+ --color-sf-msg-bg-color-alt2: #c2c2c2;
593
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
594
+ --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
595
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
596
+ --color-sf-msg-icon-color-alt2: #fff;
597
+ --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
598
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
599
+ --color-sf-msg-close-icon-color-alt2: #fff;
600
+ --color-sf-msg-success-color: var(--color-sf-content-text-color);
601
+ --color-sf-msg-success-bg-color: #052505;
602
+ --color-sf-msg-success-border-color: #107c10;
603
+ --color-sf-msg-success-color-alt1: #54b054;
604
+ --color-sf-msg-success-bg-color-alt1: transparent;
605
+ --color-sf-msg-success-border-color-alt1: #218c21;
606
+ --color-sf-msg-success-color-alt2: #fff;
607
+ --color-sf-msg-success-bg-color-alt2: #107c10;
608
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
609
+ --color-sf-msg-success-icon-color: #54b054;
610
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
611
+ --color-sf-msg-success-icon-color-alt2: #fff;
612
+ --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
613
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
614
+ --color-sf-msg-success-close-icon-color-alt2: #fff;
615
+ --color-sf-msg-danger-color: var(--color-sf-content-text-color);
616
+ --color-sf-msg-danger-bg-color: #3b0509;
617
+ --color-sf-msg-danger-border-color: #c50f1f;
618
+ --color-sf-msg-danger-color-alt1: #dc626d;
619
+ --color-sf-msg-danger-bg-color-alt1: transparent;
620
+ --color-sf-msg-danger-border-color-alt1: #d33f4c;
621
+ --color-sf-msg-danger-color-alt2: #fff;
622
+ --color-sf-msg-danger-bg-color-alt2: #c50f1f;
623
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
624
+ --color-sf-msg-danger-icon-color: #dc626d;
625
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
626
+ --color-sf-msg-danger-icon-color-alt2: #fff;
627
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
628
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
629
+ --color-sf-msg-danger-close-icon-color-alt2: #fff;
630
+ --color-sf-msg-info-color: var(--color-sf-content-text-color);
631
+ --color-sf-msg-info-bg-color: #002e38;
632
+ --color-sf-msg-info-border-color: #0099bc;
633
+ --color-sf-msg-info-color-alt1: #56bfd7;
634
+ --color-sf-msg-info-bg-color-alt1: transparent;
635
+ --color-sf-msg-info-border-color-alt1: #31afdd;
636
+ --color-sf-msg-info-color-alt2: #fff;
637
+ --color-sf-msg-info-bg-color-alt2: #0099bc;
638
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
639
+ --color-sf-msg-info-icon-color: #56bfd7;
640
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
641
+ --color-sf-msg-info-icon-color-alt2: #fff;
642
+ --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
643
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
644
+ --color-sf-msg-info-close-icon-color-alt2: #fff;
645
+ --color-sf-msg-warning-color: var(--color-sf-content-text-color);
646
+ --color-sf-msg-warning-bg-color: #411200;
647
+ --color-sf-msg-warning-border-color: #da3b01;
648
+ --color-sf-msg-warning-color-alt1: #e9835e;
649
+ --color-sf-msg-warning-bg-color-alt1: transparent;
650
+ --color-sf-msg-warning-border-color-alt1: #e36537;
651
+ --color-sf-msg-warning-color-alt2: #fff;
652
+ --color-sf-msg-warning-bg-color-alt2: #da3b01;
653
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
654
+ --color-sf-msg-warning-icon-color: #e9835e;
655
+ --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-icon-color);
656
+ --color-sf-msg-warning-icon-color-alt2: #fff;
657
+ --color-sf-msg-warning-close-icon-color: var(--color-sf-content-text-color-alt1);
658
+ --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-close-icon-color-alt1);
659
+ --color-sf-msg-warning-close-icon-color-alt2: #fff;
660
+ --color-sf-shadow-color: #fff;
661
+ --color-sf-shadow-color1: #000;
662
+ --color-sf-link-button: var(--color-sf-primary);
663
+ --color-sf-link-button-hover: #0f6cbd;
664
+ --color-sf-link-button-pressed: #115ea3;
665
+ --color-sf-link-button-focus: #115ea3;
666
+ --color-sf-link-button-border-focus: #fff;
667
+ --color-sf-chip-bg-color: #141414;
668
+ --color-sf-chip-border-color: #141414;
669
+ --color-sf-chip-bg-disabled: #141414;
670
+ --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
671
+ --color-sf-secondary-outline-button-text-color-hover: #fff;
672
+ --color-sf-secondary-outline-button-text-color-pressed: #fff;
673
+ --color-sf-secondary-outline-button-text-color-selected: #fff;
674
+ --color-sf-secondary-outline-button-text-color-focus: #fff;
675
+ --color-sf-slider-shadow1: #000;
676
+ --color-sf-slider-shadow2: #666666;
677
+ --color-sf-slider-disabled: #666666;
678
+ --color-sf-slider-border-color: rgba(255, 255, 255, 0);
679
+ --color-sf-slider-bg-disabled: #525252;
680
+ --color-sf-toggle-switch-border-disabled: #141414;
681
+ --color-sf-calendar-icon-color: #1153a3;
682
+ --color-sf-calendar-header-text-color-pressed: #62abf5;
683
+ --color-sf-calendar-today-bg-color: #1153a3;
684
+ --color-sf-dialog-border: #1f1f1f;
685
+ --color-sf-badge-light-bg-color: #333333;
686
+ --color-sf-secondary-badge-border-color: #292929;
687
+ --color-sf-secondary-badge-bg-color: #292929;
688
+ --color-sf-secondary-badge-bg-color-focus: #292929;
689
+ --color-sf-skeleton-bg-color: #575757;
690
+ --color-sf-tab-selected-bg-color-disabled: #115ea3;
691
+ --color-sf-tab-selected-text-color-disabled: #a3a3a3;
692
+ --color-sf-ribbon-border-color: #00000000;
693
+ --color-sf-toolbar-icon-color: #479ef5;
694
+ --color-sf-contextual-text: #fff;
695
+ --color-sf-cell-selection-bg-color: #08233b;
696
+ --color-sf-document-editor-border-color: #00000000;
697
+ --color-sf-holiday-bg-color: #141414;
698
+ --color-sf-taskbar-bg: #0e4775;
699
+ --color-sf-taskbar-border: #115ea3;
700
+ --color-sf-taskbar-progress: #115ea3;
701
+ --color-sf-sort-bg-color: #333333;
702
+ }
703
+
704
+ .e-high-contrast {
705
+ --color-sf-black: #000;
706
+ --color-sf-white: #fff;
707
+ --color-sf-content-bg-color: #000;
708
+ --color-sf-content-bg-color-alt1: var(--color-sf-black);
709
+ --color-sf-content-bg-color-alt2: var(--color-sf-black);
710
+ --color-sf-content-bg-color-alt3: var(--color-sf-black);
711
+ --color-sf-content-bg-color-alt4: var(--color-sf-black);
712
+ --color-sf-content-bg-color-alt5: var(--color-sf-black);
713
+ --color-sf-content-bg-color-alt6: var(--color-sf-black);
714
+ --color-sf-content-bg-color-hover: #1aebff;
715
+ --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-hover);
716
+ --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
717
+ --color-sf-content-bg-color-selected: var(--color-sf-content-bg-color-hover);
718
+ --color-sf-content-bg-color-dragged: #fff;
719
+ --color-sf-content-bg-color-disabled: #000000;
720
+ --color-sf-flyout-bg-color: var(--color-sf-black);
721
+ --color-sf-flyout-bg-color-hover: var(--color-sf-content-bg-color-hover);
722
+ --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
723
+ --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
724
+ --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
725
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
726
+ --color-sf-table-bg-color-hover: #1aebff;
727
+ --color-sf-table-bg-color-pressed: #1aebff;
728
+ --color-sf-table-bg-color-selected: #1aebff;
729
+ --color-sf-content-text-color: #fff;
730
+ --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
731
+ --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
732
+ --color-sf-content-text-color-alt3: var(--color-sf-content-text-color);
733
+ --color-sf-content-text-color-hover: #000;
734
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color-hover);
735
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
736
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
737
+ --color-sf-content-text-color-dragged: #000;
738
+ --color-sf-content-text-color-disabled: #3ff23f;
739
+ --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
740
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
741
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
742
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color-hover);
743
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
744
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
745
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
746
+ --color-sf-table-text-color-hover: #000;
747
+ --color-sf-table-text-color-pressed: #000;
748
+ --color-sf-table-text-color-selected: #000;
749
+ --color-sf-icon-color: #fff;
750
+ --color-sf-icon-color-hover: #000;
751
+ --color-sf-icon-color-hover-alt: #fff;
752
+ --color-sf-icon-color-pressed: #000;
753
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
754
+ --color-sf-border-light: #fff;
755
+ --color-sf-border: var(--color-sf-border-light);
756
+ --color-sf-border-alt: var(--color-sf-border-light);
757
+ --color-sf-border-dark: var(--color-sf-border-light);
758
+ --color-sf-border-hover: #1aebff;
759
+ --color-sf-border-pressed: var(--color-sf-border-hover);
760
+ --color-sf-border-focus: var(--color-sf-border-hover);
761
+ --color-sf-border-selected: var(--color-sf-border-hover);
762
+ --color-sf-border-dragged: var(--color-sf-border-light);
763
+ --color-sf-border-disabled: #3ff23f;
764
+ --color-sf-border-warning: #f7630c;
765
+ --color-sf-border-error: #c50f1f;
766
+ --color-sf-border-success: #107c10;
767
+ --color-sf-border-info: #0099bc;
768
+ --color-sf-spreadsheet-gridline: #e6e6e6;
769
+ --color-sf-flyout-border: var(--color-sf-border-light);
770
+ --color-sf-primary: #1aebff;
771
+ --color-sf-primary-text-color: #000;
772
+ --color-sf-primary-light: rgba(72, 245, 255, 1);
773
+ --color-sf-primary-lighter: var(--color-sf-primary-light);
774
+ --color-sf-primary-dark: var(--color-sf-primary);
775
+ --color-sf-primary-darker: var(--color-sf-primary);
776
+ --color-sf-success: #107c10;
777
+ --color-sf-info: #0099bc;
778
+ --color-sf-warning: #f7630c;
779
+ --color-sf-danger: #c50f1f;
780
+ --color-sf-success-light: #094509;
781
+ --color-sf-info-light: #005669;
782
+ --color-sf-warning-light: #4a1e04;
783
+ --color-sf-danger-light: #6e0811;
784
+ --color-sf-success-dark: #c9eac9;
785
+ --color-sf-info-dark: #cdedf4;
786
+ --color-sf-warning-dark: #fee5d7;
787
+ --color-sf-danger-dark: #f6d1d5;
788
+ --color-sf-success-light-alt: #052505;
789
+ --color-sf-info-light-alt: #002e38;
790
+ --color-sf-warning-light-alt: #4a1e04;
791
+ --color-sf-danger-light-alt: #3b0509;
792
+ --color-sf-badge-warning: #fde300;
793
+ --color-sf-badge-warning-text: #fde300;
794
+ --color-sf-primary-label-color: #1aebff;
795
+ --color-sf-primary-cell-selection: rgba(26, 235, 255, .28);
796
+ --color-sf-primary-bg-color: #1aebff;
797
+ --color-sf-primary-border-color: var(--color-sf-primary-bg-color);
798
+ --color-sf-primary-text: #000;
799
+ --color-sf-primary-bg-color-hover: #fff;
800
+ --color-sf-primary-border-color-hover: #fff;
801
+ --color-sf-primary-text-hover: #000;
802
+ --color-sf-primary-bg-color-pressed: var(--color-sf-primary-bg-color);
803
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color);
804
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text);
805
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color);
806
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color);
807
+ --color-sf-primary-text-focus: var(--color-sf-primary-text);
808
+ --color-sf-primary-bg-color-disabled: #000;
809
+ --color-sf-primary-border-color-disabled: #3ff23f;
810
+ --color-sf-primary-text-disabled: var(--color-sf-primary-border-color-disabled);
811
+ --color-sf-primary-bg-color-selected: #fff;
812
+ --color-sf-primary-border-color-selected: #fff;
813
+ --color-sf-primary-text-selected: #000;
814
+ --color-sf-secondary-bg-color: #000;
815
+ --color-sf-secondary-border-color: var(--color-sf-border);
816
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
817
+ --color-sf-secondary-bg-color-hover: #1aebff;
818
+ --color-sf-secondary-border-color-hover: var(--color-sf-secondary-bg-color-hover);
819
+ --color-sf-secondary-text-color-hover: #000;
820
+ --color-sf-secondary-bg-color-pressed: var(--color-sf-secondary-bg-color-hover);
821
+ --color-sf-secondary-border-color-pressed: var(--color-sf-secondary-border-color-hover);
822
+ --color-sf-secondary-text-color-pressed: var(--color-sf-secondary-text-color-hover);
823
+ --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color-hover);
824
+ --color-sf-secondary-border-color-focus: var(--color-sf-secondary-border-color-hover);
825
+ --color-sf-secondary-text-color-focus: var(--color-sf-secondary-text-color-hover);
826
+ --color-sf-secondary-bg-color-disabled: #000;
827
+ --color-sf-secondary-border-color-disabled: #3ff23f;
828
+ --color-sf-secondary-text-color-disabled: var(--color-sf-secondary-border-color-disabled);
829
+ --color-sf-secondary-bg-color-selected: var(--color-sf-secondary-bg-color-hover);
830
+ --color-sf-secondary-border-color-selected: #fff;
831
+ --color-sf-secondary-text-color-selected: var(--color-sf-secondary-text-color-hover);
832
+ --color-sf-success-bg-color: #107c10;
833
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
834
+ --color-sf-success-text: #fff;
835
+ --color-sf-success-bg-color-hover: #fff;
836
+ --color-sf-success-border-color-hover: #fff;
837
+ --color-sf-success-text-hover: #000;
838
+ --color-sf-success-bg-color-pressed: var(--color-sf-success-bg-color);
839
+ --color-sf-success-border-color-pressed: var(--color-sf-success-border-color);
840
+ --color-sf-success-text-pressed: var(--color-sf-success-text);
841
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
842
+ --color-sf-success-border-color-focus: var(--color-sf-success-border-color);
843
+ --color-sf-success-text-focus: var(--color-sf-success-text);
844
+ --color-sf-success-bg-color-disabled: #000;
845
+ --color-sf-success-border-color-disabled: #3ff23f;
846
+ --color-sf-success-text-disabled: var(--color-sf-success-border-color-disabled);
847
+ --color-sf-success-bg-color-selected: var(--color-sf-success-bg-color);
848
+ --color-sf-success-border-color-selected: #fff;
849
+ --color-sf-success-text-selected: var(--color-sf-success-text);
850
+ --color-sf-warning-bg-color: #f7630c;
851
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
852
+ --color-sf-warning-text: #000;
853
+ --color-sf-warning-bg-color-hover: #fff;
854
+ --color-sf-warning-border-color-hover: #fff;
855
+ --color-sf-warning-text-hover: #000;
856
+ --color-sf-warning-bg-color-pressed: var(--color-sf-warning-bg-color);
857
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-border-color);
858
+ --color-sf-warning-text-pressed: var(--color-sf-warning-text);
859
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
860
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
861
+ --color-sf-warning-text-focus: var(--color-sf-warning-text);
862
+ --color-sf-warning-bg-color-disabled: #000;
863
+ --color-sf-warning-border-color-disabled: #3ff23f;
864
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
865
+ --color-sf-warning-bg-color-selected: var(--color-sf-warning-bg-color);
866
+ --color-sf-warning-border-color-selected: #fff;
867
+ --color-sf-warning-text-selected: var(--color-sf-warning-text);
868
+ --color-sf-info-bg-color: #0099bc;
869
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
870
+ --color-sf-info-text: #000;
871
+ --color-sf-info-bg-color-hover: #fff;
872
+ --color-sf-info-border-color-hover: #fff;
873
+ --color-sf-info-text-hover: #000;
874
+ --color-sf-info-bg-color-pressed: var(--color-sf-info-bg-color);
875
+ --color-sf-info-border-color-pressed: var(--color-sf-info-border-color);
876
+ --color-sf-info-text-pressed: var(--color-sf-info-text);
877
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
878
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
879
+ --color-sf-info-text-focus: var(--color-sf-info-text);
880
+ --color-sf-info-bg-color-disabled: #000;
881
+ --color-sf-info-border-color-disabled: #3ff23f;
882
+ --color-sf-info-text-disabled: var(--color-sf-info-border-color-disabled);
883
+ --color-sf-info-bg-color-selected: var(--color-sf-info-bg-color);
884
+ --color-sf-info-border-color-selected: #fff;
885
+ --color-sf-info-text-selected: var(--color-sf-info-text);
886
+ --color-sf-danger-bg-color: #c50f1f;
887
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
888
+ --color-sf-danger-text: #fff;
889
+ --color-sf-danger-bg-color-hover: #fff;
890
+ --color-sf-danger-border-color-hover: #fff;
891
+ --color-sf-danger-text-hover: #000;
892
+ --color-sf-danger-bg-color-pressed: var(--color-sf-danger-bg-color);
893
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
894
+ --color-sf-danger-text-pressed: var(--color-sf-danger-text);
895
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
896
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
897
+ --color-sf-danger-text-focus: var(--color-sf-danger-text);
898
+ --color-sf-danger-bg-color-disabled: #000;
899
+ --color-sf-danger-border-color-disabled: #3ff23f;
900
+ --color-sf-danger-text-disabled: var(--color-sf-danger-border-color-disabled);
901
+ --color-sf-danger-bg-color-selected: var(--color-sf-danger-bg-color);
902
+ --color-sf-danger-border-color-selected: #fff;
903
+ --color-sf-danger-text-selected: var(--color-sf-danger-text);
904
+ --color-sf-primary-outline: var(--color-sf-primary);
905
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
906
+ --color-sf-warning-outline: #f7630c;
907
+ --color-sf-danger-outline: #c50f1f;
908
+ --color-sf-success-outline: #107c10;
909
+ --color-sf-info-outline: #0099bc;
910
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
911
+ --color-sf-tooltip-border: var(--color-sf-border-light);
912
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
913
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
914
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
915
+ --color-sf-appbar-bg-color-alt1: #fff;
916
+ --color-sf-appbar-color-alt1: #000;
917
+ --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
918
+ --color-sf-appbar-hover-bg-color-alt1: var(--color-sf-appbar-bg-color-alt1);
919
+ --color-sf-appbar-bg-color-alt2: var(--color-sf-appbar-color-alt1);
920
+ --color-sf-appbar-color-alt2: var(--color-sf-appbar-bg-color-alt1);
921
+ --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt1);
922
+ --color-sf-appbar-hover-bg-color-alt2: var(--color-sf-appbar-color-alt1);
923
+ --color-sf-diagram-palette-background: #cccccc;
924
+ --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
925
+ --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
926
+ --color-sf-rating-selected-color: #fff;
927
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
928
+ --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
929
+ --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
930
+ --color-sf-rating-selected-hover-color: var(--color-sf-content-bg-color-hover);
931
+ --color-sf-rating-unrated-hover-color: var(--color-sf-content-bg-color-hover);
932
+ --color-sf-rating-pressed-color: var(--color-sf-content-bg-color-hover);
933
+ --color-sf-msg-color: #fff;
934
+ --color-sf-msg-bg-color: #000;
935
+ --color-sf-msg-border-color: var(--color-sf-msg-color);
936
+ --color-sf-msg-color-alt1: #1aebff;
937
+ --color-sf-msg-bg-color-alt1: var(--color-sf-msg-bg-color);
938
+ --color-sf-msg-border-color-alt1: var(--color-sf-msg-color);
939
+ --color-sf-msg-color-alt2: var(--color-sf-msg-bg-color);
940
+ --color-sf-msg-bg-color-alt2: var(--color-sf-msg-color-alt1);
941
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-color-alt1);
942
+ --color-sf-msg-icon-color: var(--color-sf-msg-color);
943
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-color-alt);
944
+ --color-sf-msg-icon-color-alt2: var(--color-sf-msg-bg-color);
945
+ --color-sf-msg-close-icon-color: var(--color-sf-msg-color);
946
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-color);
947
+ --color-sf-msg-close-icon-color-alt2: var(--color-sf-msg-bg-color);
948
+ --color-sf-msg-success-color: #107c10;
949
+ --color-sf-msg-success-bg-color: #000;
950
+ --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
951
+ --color-sf-msg-success-color-alt1: #107c10;
952
+ --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
953
+ --color-sf-msg-success-border-color-alt1: #fff;
954
+ --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
955
+ --color-sf-msg-success-bg-color-alt2: var(--color-sf-msg-success-color);
956
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-color);
957
+ --color-sf-msg-success-icon-color: var(--color-sf-msg-success-color);
958
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-color);
959
+ --color-sf-msg-success-icon-color-alt2: var(--color-sf-msg-success-bg-color);
960
+ --color-sf-msg-success-close-icon-color: var(--color-sf-msg-success-border-color-alt1);
961
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-border-color-alt1);
962
+ --color-sf-msg-success-close-icon-color-alt2: var(--color-sf-msg-success-bg-color);
963
+ --color-sf-msg-danger-color: #c50f1f;
964
+ --color-sf-msg-danger-bg-color: #000;
965
+ --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
966
+ --color-sf-msg-danger-color-alt1: #c50f1f;
967
+ --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
968
+ --color-sf-msg-danger-border-color-alt1: #fff;
969
+ --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
970
+ --color-sf-msg-danger-bg-color-alt2: var(--color-sf-msg-danger-color);
971
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-color);
972
+ --color-sf-msg-danger-icon-color: var(--color-sf-msg-danger-color);
973
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-color);
974
+ --color-sf-msg-danger-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
975
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-msg-danger-border-color-alt1);
976
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-border-color-alt1);
977
+ --color-sf-msg-danger-close-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
978
+ --color-sf-msg-info-color: #0099bc;
979
+ --color-sf-msg-info-bg-color: #000;
980
+ --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
981
+ --color-sf-msg-info-color-alt1: #0099bc;
982
+ --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
983
+ --color-sf-msg-info-border-color-alt1: #fff;
984
+ --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
985
+ --color-sf-msg-info-bg-color-alt2: var(--color-sf-msg-info-color);
986
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-color);
987
+ --color-sf-msg-info-icon-color: var(--color-sf-msg-info-color);
988
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-color);
989
+ --color-sf-msg-info-icon-color-alt2: var(--color-sf-msg-info-bg-color);
990
+ --color-sf-msg-info-close-icon-color: var(--color-sf-msg-info-border-color-alt1);
991
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-border-color-alt1);
992
+ --color-sf-msg-info-close-icon-color-alt2: var(--color-sf-msg-info-bg-color);
993
+ --color-sf-msg-warning-color: #f7630c;
994
+ --color-sf-msg-warning-bg-color: #000;
995
+ --color-sf-msg-warning-border-color: #da3b01;
996
+ --color-sf-msg-warning-color-alt1: #f7630c;
997
+ --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
998
+ --color-sf-msg-warning-border-color-alt1: #fff;
999
+ --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
1000
+ --color-sf-msg-warning-bg-color-alt2: var(--color-sf-msg-warning-color);
1001
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-color);
1002
+ --color-sf-msg-warning-icon-color: var(--color-sf-msg-warning-color);
1003
+ --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-color);
1004
+ --color-sf-msg-warning-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
1005
+ --color-sf-msg-warning-close-icon-color: var(--color-sf-msg-warning-border-color-alt11);
1006
+ --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-border-color-alt11);
1007
+ --color-sf-msg-warning-close-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
1008
+ --color-sf-shadow-color: #fff;
1009
+ --color-sf-shadow-color1: #1aebff;
1010
+ --color-sf-link-button: #fff000;
1011
+ --color-sf-link-button-hover: #fff000;
1012
+ --color-sf-link-button-pressed: #fff000;
1013
+ --color-sf-link-button-focus: #fff000;
1014
+ --color-sf-link-button-border-focus: #1aebff;
1015
+ --color-sf-chip-bg-color: #000;
1016
+ --color-sf-chip-border-color: #fff;
1017
+ --color-sf-chip-bg-disabled: #000;
1018
+ --color-sf-chip-border-disabled: #3ff23f;
1019
+ --color-sf-secondary-outline-button-text-color-hover: #fff;
1020
+ --color-sf-secondary-outline-button-text-color-pressed: #fff;
1021
+ --color-sf-secondary-outline-button-text-color-selected: #fff;
1022
+ --color-sf-secondary-outline-button-text-color-focus: #fff;
1023
+ --color-sf-slider-shadow1: #000;
1024
+ --color-sf-slider-shadow2: #fff;
1025
+ --color-sf-slider-disabled: #3ff23f;
1026
+ --color-sf-slider-border-color: #fff;
1027
+ --color-sf-slider-bg-disabled: #000;
1028
+ --color-sf-toggle-switch-border-disabled: #3ff23f;
1029
+ --color-sf-calendar-icon-color: #000;
1030
+ --color-sf-calendar-header-text-color-pressed: #000;
1031
+ --color-sf-calendar-today-bg-color: #fff;
1032
+ --color-sf-dialog-border: #fff;
1033
+ --color-sf-badge-light-bg-color: #000;
1034
+ --color-sf-secondary-badge-border-color: #fff;
1035
+ --color-sf-secondary-badge-bg-color: #000;
1036
+ --color-sf-secondary-badge-bg-color-focus: #fff;
1037
+ --color-sf-skeleton-bg-color: #ffffff;
1038
+ --color-sf-tab-selected-bg-color-disabled: #000;
1039
+ --color-sf-tab-selected-text-color-disabled: #3ff23f;
1040
+ --color-sf-ribbon-border-color: #fff;
1041
+ --color-sf-toolbar-icon-color: #000;
1042
+ --color-sf-contextual-text: #000;
1043
+ --color-sf-cell-selection-bg-color: #1aecff1f;
1044
+ --color-sf-document-editor-border-color: #fff;
1045
+ --color-sf-holiday-bg-color: #333333;
1046
+ --color-sf-taskbar-bg: #3e047d;
1047
+ --color-sf-taskbar-border: #fff;
1048
+ --color-sf-taskbar-progress: #6e06f1;
1049
+ --color-sf-sort-bg-color: #333333;
1050
+ }
1051
+
1052
+ /*! calendar theme variables */
1053
+ /*! component icons */
1054
+ .e-calendar .e-header .e-date-icon-prev::before {
1055
+ content: "\e7df";
1056
+ }
1057
+ .e-calendar .e-header .e-date-icon-next::before {
1058
+ content: "\e7d8";
1059
+ }
1060
+
1061
+ /*! calendar layout */
1062
+ ejs-calendar {
1063
+ display: block;
1064
+ }
1065
+
1066
+ .e-calendar.e-disabled .e-header .e-prev, .e-calendar.e-disabled .e-header .e-next {
1067
+ cursor: default;
1068
+ pointer-events: none;
1069
+ -ms-touch-action: none;
1070
+ touch-action: none;
1071
+ }
1072
+ .e-calendar.e-disabled .e-header .e-title {
1073
+ cursor: default;
1074
+ pointer-events: none;
1075
+ -ms-touch-action: none;
1076
+ touch-action: none;
1077
+ }
1078
+ .e-calendar.e-disabled .e-content td {
1079
+ pointer-events: none;
1080
+ -ms-touch-action: none;
1081
+ touch-action: none;
1082
+ }
1083
+ .e-calendar.e-disabled .e-btn.e-today {
1084
+ pointer-events: none;
1085
+ -ms-touch-action: none;
1086
+ touch-action: none;
1087
+ }
1088
+
1089
+ .e-calendar {
1090
+ /* stylelint-disable property-no-vendor-prefix */
1091
+ -webkit-tap-highlight-color: transparent;
1092
+ border-radius: 2px;
1093
+ display: block;
1094
+ overflow: auto;
1095
+ -webkit-user-select: none;
1096
+ -ms-user-select: none;
1097
+ user-select: none;
1098
+ }
1099
+ .e-calendar.e-rtl .e-header .e-title {
1100
+ float: right;
1101
+ text-align: right;
1102
+ }
1103
+ .e-calendar.e-rtl .e-header .e-icon-container {
1104
+ float: left;
1105
+ }
1106
+ .e-calendar .e-header {
1107
+ background: none;
1108
+ display: table;
1109
+ font-weight: 400;
1110
+ position: relative;
1111
+ text-align: center;
1112
+ width: 100%;
1113
+ }
1114
+ .e-calendar .e-header button {
1115
+ background: transparent;
1116
+ border: 0;
1117
+ margin-right: 0;
1118
+ padding: 0;
1119
+ text-decoration: none;
1120
+ }
1121
+ .e-calendar .e-header span {
1122
+ cursor: pointer;
1123
+ display: inline-block;
1124
+ font-size: 12px;
1125
+ font-weight: 400;
1126
+ line-height: 16px;
1127
+ padding: 0;
1128
+ vertical-align: middle;
1129
+ }
1130
+ .e-calendar .e-header span.e-disabled {
1131
+ cursor: default;
1132
+ }
1133
+ .e-calendar .e-week-header {
1134
+ padding: 0 0 6px;
1135
+ }
1136
+ .e-calendar th {
1137
+ cursor: default;
1138
+ font-size: 12px;
1139
+ font-weight: normal;
1140
+ text-align: center;
1141
+ }
1142
+ .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover {
1143
+ border-radius: 0;
1144
+ }
1145
+ .e-calendar .e-content span.e-day {
1146
+ border-radius: 0;
1147
+ cursor: pointer;
1148
+ display: inline-block;
1149
+ font-size: 12px;
1150
+ overflow: hidden;
1151
+ padding: 0;
1152
+ text-align: center;
1153
+ text-decoration: none;
1154
+ vertical-align: middle;
1155
+ }
1156
+ .e-calendar .e-content th, .e-calendar .e-content td {
1157
+ box-sizing: border-box;
1158
+ }
1159
+ .e-calendar .e-content td.e-disabled {
1160
+ opacity: 1;
1161
+ pointer-events: none;
1162
+ -ms-touch-action: none;
1163
+ touch-action: none;
1164
+ }
1165
+ .e-calendar .e-content td.e-disabled.e-today {
1166
+ opacity: 1;
1167
+ }
1168
+ .e-calendar .e-content td.e-disabled.e-today span.e-day {
1169
+ box-shadow: none;
1170
+ color: var(--color-sf-primary-text-disabled);
1171
+ }
1172
+ .e-calendar .e-content td {
1173
+ cursor: pointer;
1174
+ padding: 0;
1175
+ text-align: center;
1176
+ }
1177
+ .e-calendar .e-content td.e-week-number {
1178
+ color: var(--color-sf-content-text-color-alt1);
1179
+ font-size: 14px;
1180
+ font-style: italic;
1181
+ font-weight: 600;
1182
+ border-right: 1px solid var(--color-sf-border);
1183
+ }
1184
+ .e-calendar .e-content td.e-overlay {
1185
+ background: none;
1186
+ width: initial;
1187
+ }
1188
+ .e-calendar .e-content table {
1189
+ border-collapse: separate;
1190
+ border-spacing: 0;
1191
+ border-width: 0;
1192
+ float: left;
1193
+ margin: 0;
1194
+ outline: 0;
1195
+ padding: 0 8px 8px 8px;
1196
+ table-layout: fixed;
1197
+ width: 100%;
1198
+ }
1199
+ .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day {
1200
+ display: inline-block;
1201
+ font-weight: 400;
1202
+ }
1203
+ .e-calendar .e-content tr.e-month-hide {
1204
+ display: none;
1205
+ font-weight: 400;
1206
+ }
1207
+ .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year {
1208
+ pointer-events: initial;
1209
+ -ms-touch-action: initial;
1210
+ touch-action: initial;
1211
+ }
1212
+ .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 {
1213
+ pointer-events: none;
1214
+ -ms-touch-action: none;
1215
+ touch-action: none;
1216
+ }
1217
+ .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover {
1218
+ background: var(--color-sf-flyout-bg-color);
1219
+ cursor: default;
1220
+ }
1221
+ .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next {
1222
+ border-radius: 2px;
1223
+ display: inline-block;
1224
+ font-size: 12px;
1225
+ vertical-align: middle;
1226
+ }
1227
+ .e-calendar .e-header .e-title {
1228
+ cursor: pointer;
1229
+ display: inline-block;
1230
+ float: left;
1231
+ font-size: 14px;
1232
+ font-weight: 600;
1233
+ text-align: left;
1234
+ padding: 0 5px;
1235
+ border: none;
1236
+ border-radius: 2px;
1237
+ }
1238
+ .e-calendar .e-header .e-title {
1239
+ margin-left: 0;
1240
+ }
1241
+ .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
1242
+ cursor: pointer;
1243
+ }
1244
+ .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay {
1245
+ background: none;
1246
+ }
1247
+ .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title {
1248
+ margin-left: 0;
1249
+ }
1250
+ .e-calendar .e-header.e-decade .e-title {
1251
+ cursor: default;
1252
+ }
1253
+ .e-calendar .e-header .e-icon-container {
1254
+ display: inline-block;
1255
+ float: right;
1256
+ padding-top: 0;
1257
+ }
1258
+ .e-calendar .e-footer-container {
1259
+ text-transform: uppercase;
1260
+ }
1261
+
1262
+ .e-calendar .e-content td.e-today:hover {
1263
+ background: var(--color-sf-primary-lighter);
1264
+ border-radius: 2px;
1265
+ }
1266
+
1267
+ .e-calendar {
1268
+ border-spacing: 0;
1269
+ max-width: 244px;
1270
+ min-width: 244px;
1271
+ padding: 0;
1272
+ min-height: 256px;
1273
+ }
1274
+ .e-calendar.e-calendar-day-header-lg {
1275
+ max-width: 100%;
1276
+ min-width: 540px;
1277
+ }
1278
+ .e-calendar.e-week-number {
1279
+ min-width: 262px;
1280
+ }
1281
+ .e-calendar.e-week {
1282
+ max-width: 294px;
1283
+ min-width: 288px;
1284
+ }
1285
+ .e-calendar .e-header .e-title {
1286
+ line-height: 24px;
1287
+ }
1288
+ .e-calendar.e-rtl .e-header .e-title {
1289
+ text-align: right;
1290
+ text-indent: 4px;
1291
+ }
1292
+ .e-calendar .e-header {
1293
+ height: 24px;
1294
+ }
1295
+ .e-calendar .e-header.e-month {
1296
+ padding: 8px 12px 6px 14px;
1297
+ }
1298
+ .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade {
1299
+ padding: 8px 12px 6px 12px;
1300
+ }
1301
+ .e-calendar th {
1302
+ font-weight: 600;
1303
+ height: 32px;
1304
+ text-transform: uppercase;
1305
+ }
1306
+ .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover {
1307
+ border-radius: 0;
1308
+ }
1309
+ .e-calendar .e-content span.e-day {
1310
+ border: none;
1311
+ font-size: 12px;
1312
+ font-weight: 400;
1313
+ height: 32px;
1314
+ line-height: 32px;
1315
+ width: 32px;
1316
+ }
1317
+ .e-calendar .e-content.e-month td.e-today span.e-day {
1318
+ line-height: 32px;
1319
+ }
1320
+ .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table {
1321
+ border-spacing: 0;
1322
+ padding: 0 8px 8px 8px;
1323
+ }
1324
+ .e-calendar .e-content.e-month td {
1325
+ height: 32px;
1326
+ padding: 0;
1327
+ }
1328
+ .e-calendar .e-content .tfooter > tr > td {
1329
+ height: 32px;
1330
+ line-height: 32px;
1331
+ }
1332
+ .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td {
1333
+ height: 50px;
1334
+ padding: 0;
1335
+ width: 40px;
1336
+ }
1337
+ .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
1338
+ font-weight: 400;
1339
+ height: 40px;
1340
+ line-height: 40px;
1341
+ width: 40px;
1342
+ }
1343
+ .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next {
1344
+ height: 28px;
1345
+ width: 28px;
1346
+ }
1347
+ .e-calendar .e-footer-container {
1348
+ background: var(--color-sf-content-bg-color-alt1);
1349
+ border-top: none;
1350
+ text-align: center;
1351
+ cursor: default;
1352
+ display: -ms-flexbox;
1353
+ display: flex;
1354
+ -ms-flex-direction: row;
1355
+ flex-direction: row;
1356
+ -ms-flex-pack: end;
1357
+ justify-content: flex-end;
1358
+ padding: 8px 8px;
1359
+ width: 100%;
1360
+ }
1361
+ .e-small.e-calendar,
1362
+ .e-small .e-calendar {
1363
+ max-width: 212px;
1364
+ min-width: 212px;
1365
+ padding: 0;
1366
+ }
1367
+ .e-small.e-calendar.e-calendar-day-header-lg,
1368
+ .e-small .e-calendar.e-calendar-day-header-lg {
1369
+ max-width: 100%;
1370
+ min-width: 540px;
1371
+ }
1372
+ .e-small.e-calendar .e-content span.e-day,
1373
+ .e-small .e-calendar .e-content span.e-day {
1374
+ font-size: 12px;
1375
+ height: 26px;
1376
+ line-height: 26px;
1377
+ width: 26px;
1378
+ }
1379
+ .e-small.e-calendar .e-content.e-month td.e-today span.e-day,
1380
+ .e-small .e-calendar .e-content.e-month td.e-today span.e-day {
1381
+ line-height: 26px;
1382
+ }
1383
+ .e-small.e-calendar .e-content.e-month td,
1384
+ .e-small .e-calendar .e-content.e-month td {
1385
+ height: 26px;
1386
+ }
1387
+ .e-small.e-calendar .e-header,
1388
+ .e-small .e-calendar .e-header {
1389
+ height: 24px;
1390
+ }
1391
+ .e-small.e-calendar .e-header button span,
1392
+ .e-small .e-calendar .e-header button span {
1393
+ font-size: 10px;
1394
+ padding: 0;
1395
+ line-height: 14px;
1396
+ }
1397
+ .e-small.e-calendar .e-header .e-title,
1398
+ .e-small .e-calendar .e-header .e-title {
1399
+ font-size: 14px;
1400
+ line-height: 24px;
1401
+ }
1402
+ .e-small.e-calendar .e-header .e-icon-container .e-prev, .e-small.e-calendar .e-header .e-icon-container .e-next,
1403
+ .e-small .e-calendar .e-header .e-icon-container .e-prev,
1404
+ .e-small .e-calendar .e-header .e-icon-container .e-next {
1405
+ height: 24px;
1406
+ width: 24px;
1407
+ }
1408
+ .e-small.e-calendar th,
1409
+ .e-small .e-calendar th {
1410
+ font-size: 12px;
1411
+ height: 24px;
1412
+ }
1413
+ .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 {
1414
+ background: var(--color-sf-content-bg-color-alt1);
1415
+ border-color: var(--color-sf-content-text-color-disabled);
1416
+ box-shadow: none;
1417
+ color: var(--color-sf-secondary-text-color-disabled);
1418
+ cursor: default;
1419
+ opacity: 1;
1420
+ outline: none;
1421
+ pointer-events: none;
1422
+ -ms-touch-action: none;
1423
+ touch-action: none;
1424
+ }
1425
+
1426
+ .e-content-placeholder.e-calendar.e-placeholder-calendar {
1427
+ background-size: 250px 336px;
1428
+ min-height: 336px;
1429
+ }
1430
+
1431
+ .e-calendar {
1432
+ background: var(--color-sf-flyout-bg-color);
1433
+ border-radius: 8px;
1434
+ border: 1px solid var(--color-sf-border-light);
1435
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1436
+ }
1437
+ .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next {
1438
+ color: var(--color-sf-icon-color);
1439
+ }
1440
+ .e-calendar th {
1441
+ border-bottom: 0;
1442
+ color: var(--color-sf-content-text-color);
1443
+ }
1444
+ .e-calendar .e-header {
1445
+ border-bottom: 0;
1446
+ }
1447
+ .e-calendar .e-header a span {
1448
+ border: none;
1449
+ color: var(--color-sf-content-text-color-alt1);
1450
+ }
1451
+ .e-calendar .e-header .e-title {
1452
+ color: var(--color-sf-content-text-color);
1453
+ }
1454
+ .e-calendar .e-header .e-title:hover {
1455
+ background: var(--color-sf-primary-lighter);
1456
+ cursor: pointer;
1457
+ text-decoration: none;
1458
+ color: var(--color-sf-calendar-icon-color);
1459
+ }
1460
+ .e-calendar .e-header .e-title:focus {
1461
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1462
+ text-decoration: none;
1463
+ }
1464
+ .e-calendar .e-header .e-title:active {
1465
+ background: var(--color-sf-primary-light);
1466
+ color: var(--color-sf-calendar-header-text-color-pressed);
1467
+ }
1468
+ .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span {
1469
+ border: var(--color-sf-content-bg-color-hover);
1470
+ color: var(--color-sf-primary);
1471
+ cursor: pointer;
1472
+ }
1473
+ .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
1474
+ background: var(--color-sf-primary-lighter);
1475
+ color: var(--color-sf-primary);
1476
+ }
1477
+ .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus {
1478
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1479
+ }
1480
+ .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active {
1481
+ background: var(--color-sf-primary-light);
1482
+ color: var(--color-sf-primary);
1483
+ }
1484
+ .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span {
1485
+ border: none;
1486
+ color: var(--color-sf-primary);
1487
+ }
1488
+ .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span {
1489
+ color: var(--color-sf-content-text-color-disabled);
1490
+ font-weight: 400;
1491
+ }
1492
+ .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled {
1493
+ opacity: 1;
1494
+ }
1495
+
1496
+ .e-calendar .e-content.e-year td.e-selected span.e-day, .e-calendar .e-content.e-decade td.e-selected span.e-day {
1497
+ font-weight: 600;
1498
+ }
1499
+
1500
+ .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 {
1501
+ color: var(--color-sf-content-text-color-alt2);
1502
+ }
1503
+ .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 {
1504
+ color: var(--color-sf-primary);
1505
+ }
1506
+ .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 {
1507
+ color: var(--color-sf-content-text-color-disabled);
1508
+ }
1509
+ .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day {
1510
+ background-color: var(--color-sf-primary-lighter);
1511
+ background: var(--color-sf-primary-lighter);
1512
+ }
1513
+ .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
1514
+ background: var(--color-sf-primary-light);
1515
+ }
1516
+ .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
1517
+ background: none;
1518
+ }
1519
+ .e-calendar .e-content .e-week-number span {
1520
+ color: var(--color-sf-content-text-color-alt3);
1521
+ }
1522
+ .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 {
1523
+ background: var(--color-sf-primary-light);
1524
+ border: none;
1525
+ border-radius: 2px;
1526
+ box-shadow: none;
1527
+ font-weight: 600;
1528
+ }
1529
+ .e-calendar .e-content td.e-focused-date:hover span.e-day {
1530
+ background: var(--color-sf-primary-lighter);
1531
+ border: var(--color-sf-primary-lighter);
1532
+ border-radius: 2px;
1533
+ color: var(--color-sf-content-text-color-alt1);
1534
+ }
1535
+ .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day {
1536
+ background: var(--color-sf-primary);
1537
+ border: none;
1538
+ border-radius: 50%;
1539
+ box-shadow: none;
1540
+ color: var(--color-sf-primary-text-color);
1541
+ }
1542
+ .e-calendar .e-content td.e-focused-date.e-today span.e-day {
1543
+ background: var(--color-sf-primary);
1544
+ border: none;
1545
+ box-shadow: none;
1546
+ color: var(--color-sf-primary-text-color);
1547
+ }
1548
+ .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 {
1549
+ background: var(--color-sf-primary);
1550
+ border: none;
1551
+ border-radius: 50%;
1552
+ color: var(--color-sf-primary-text-color);
1553
+ }
1554
+ .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 {
1555
+ background: var(--color-sf-primary);
1556
+ border-radius: 50%;
1557
+ border: none;
1558
+ color: var(--color-sf-primary-text-color);
1559
+ }
1560
+ .e-calendar .e-content td.e-today.e-selected span.e-day {
1561
+ background: var(--color-sf-primary);
1562
+ border-radius: 50%;
1563
+ border: none;
1564
+ box-shadow: none;
1565
+ color: var(--color-sf-primary-text-color);
1566
+ }
1567
+ .e-calendar .e-content td.e-today.e-selected:hover span.e-day {
1568
+ border-radius: 50%;
1569
+ }
1570
+ .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
1571
+ background: var(--color-sf-primary-light);
1572
+ color: var(--color-sf-content-text-color);
1573
+ }
1574
+ .e-calendar .e-content span {
1575
+ color: var(--color-sf-content-text-color-alt1);
1576
+ }
1577
+ .e-calendar .e-content .e-disabled span.e-day:hover {
1578
+ background: none;
1579
+ border: 0;
1580
+ color: var(--color-sf-content-text-color-disabled);
1581
+ }
1582
+ .e-calendar .e-content .e-other-month:hover span.e-day {
1583
+ color: var(--color-sf-content-text-color-alt3);
1584
+ }
1585
+ .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day {
1586
+ color: var(--color-sf-content-text-color-alt3);
1587
+ }
1588
+ .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
1589
+ background: var(--color-sf-primary-lighter);
1590
+ color: var(--color-sf-content-text-color-alt3);
1591
+ }
1592
+ .e-calendar .e-content thead {
1593
+ background: none;
1594
+ border-bottom: 0;
1595
+ }
1596
+ .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day {
1597
+ background: var(--color-sf-primary-lighter);
1598
+ border: var(--color-sf-primary-lighter);
1599
+ border-radius: 2px;
1600
+ color: var(--color-sf-content-text-color-hover);
1601
+ }
1602
+ .e-calendar .e-content td:focus span.e-day {
1603
+ background: var(--color-sf-content-bg-color-hover);
1604
+ color: rgba(var(--color-sf-primary-text-color));
1605
+ border: none;
1606
+ border-radius: 2px;
1607
+ }
1608
+ .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 {
1609
+ background: none;
1610
+ border: none;
1611
+ color: var(--color-sf-content-text-color-disabled);
1612
+ }
1613
+ .e-calendar .e-content td.e-selected span.e-day {
1614
+ background: var(--color-sf-primary-light);
1615
+ color: var(--color-sf-content-text-color-selected);
1616
+ border: none;
1617
+ border-radius: 2px;
1618
+ }
1619
+ .e-calendar .e-content td.e-selected:not(.e-focused-date) span.e-day {
1620
+ box-shadow: none;
1621
+ }
1622
+ .e-calendar .e-content .e-footer {
1623
+ color: var(--color-sf-primary-light);
1624
+ }
1625
+ .e-calendar .e-content td.e-today.e-selected.e-focused-date span.e-day, .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-today.e-selected span.e-day {
1626
+ background-color: var(--color-sf-primary);
1627
+ border-radius: 50%;
1628
+ color: var(--color-sf-primary-text-color);
1629
+ }
1630
+ .e-calendar .e-content td.e-today.e-selected.e-focused-date {
1631
+ background-color: var(--color-sf-primary-light);
1632
+ border-radius: 2px;
1633
+ box-shadow: none;
1634
+ }
1635
+ .e-calendar .e-content td.e-today.e-selected {
1636
+ background-color: var(--color-sf-primary-light);
1637
+ border-radius: 2px;
1638
+ box-shadow: none;
1639
+ }
1640
+ .e-calendar .e-content td.e-selected:hover span.e-day {
1641
+ background-color: var(--color-sf-primary-light);
1642
+ border: none;
1643
+ border-radius: 2px;
1644
+ color: var(--color-sf-content-text-color-selected);
1645
+ }
1646
+ .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
1647
+ background-color: var(--color-sf-primary-light);
1648
+ border: none;
1649
+ border-radius: 2px;
1650
+ color: var(--color-sf-content-text-color-selected);
1651
+ }
1652
+ .e-calendar .e-content.e-month td.e-today span.e-day {
1653
+ color: var(--color-sf-primary-text-color);
1654
+ }
1655
+ .e-calendar .e-content.e-month td.e-disabled.e-today span.e-day {
1656
+ color: var(--color-sf-secondary-text-color-disabled);
1657
+ }
1658
+ .e-calendar .e-content.e-year td.e-selected > span.e-day, .e-calendar .e-content.e-decade td.e-selected > span.e-day, .e-calendar .e-content.e-year td.e-selected:hover > span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover > span.e-day {
1659
+ background-color: var(--color-sf-primary-lighter);
1660
+ color: var(--color-sf-content-text-color-selected);
1661
+ }
1662
+ .e-calendar .e-content.e-year td.e-focused-date > span.e-day, .e-calendar .e-content.e-decade td.e-focused-date > span.e-day {
1663
+ background: none;
1664
+ border-radius: 0;
1665
+ box-shadow: none;
1666
+ }
1667
+ .e-calendar .e-content td.e-focused-date.e-today {
1668
+ border-radius: 2px;
1669
+ box-shadow: none;
1670
+ }
1671
+ .e-calendar .e-content td.e-focused-date:hover span.e-day {
1672
+ border-radius: 2px;
1673
+ }
1674
+ .e-calendar .e-content.e-year td.e-focused-date:hover > span.e-day, .e-calendar .e-content.e-decade td.e-focused-date:hover > span.e-day {
1675
+ background: var(--color-sf-primary-lighter);
1676
+ border-radius: 0;
1677
+ box-shadow: none;
1678
+ }
1679
+
1680
+ .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 {
1681
+ background: none;
1682
+ }
1683
+ .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span {
1684
+ color: var(--color-sf-icon-color);
1685
+ }
1686
+ .e-small.e-calendar .e-header .e-title,
1687
+ .e-small .e-calendar .e-header .e-title {
1688
+ color: var(--color-sf-content-text-color-alt1);
1689
+ }
1690
+
1691
+ .e-calendar .e-zoomin {
1692
+ animation: animatezoom 0.3s;
1693
+ }
1694
+
1695
+ @keyframes animatezoom {
1696
+ from {
1697
+ transform: scale(0);
1698
+ }
1699
+ to {
1700
+ transform: scale(1);
1701
+ }
1702
+ }
1703
+ .e-calendar .e-btn.e-today.e-flat.e-primary,
1704
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
1705
+ color: var(--color-sf-secondary-text-color);
1706
+ background: none;
1707
+ border-color: transparent;
1708
+ }
1709
+
1710
+ .e-calendar .e-btn.e-today.e-flat.e-primary:hover,
1711
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
1712
+ color: var(--color-sf-primary-bg-color);
1713
+ background: none;
1714
+ border-color: transparent;
1715
+ }
1716
+
1717
+ .e-calendar .e-btn.e-today.e-flat.e-primary:active,
1718
+ .e-calendar .e-btn.e-today.e-flat.e-primary.e-active,
1719
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active,
1720
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active {
1721
+ color: var(--color-sf-primary-bg-color-pressed);
1722
+ background: none;
1723
+ border-color: transparent;
1724
+ }
1725
+
1726
+ .e-calendar .e-btn.e-today.e-flat.e-primary:focus,
1727
+ .e-calendar .e-btn.e-today.e-flat.e-primary.e-focus,
1728
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:focus,
1729
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-focus {
1730
+ background: none;
1731
+ color: var(--color-sf-secondary-text-color);
1732
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1733
+ border-color: transparent;
1734
+ }
1735
+
1736
+ .e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled,
1737
+ .e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled,
1738
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled,
1739
+ .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled {
1740
+ border-color: transparent;
1741
+ color: var(--color-sf-secondary-text-color-disabled);
1742
+ }
1743
+
1744
+ .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
1745
+ box-shadow: 0 0 0 1px var(--color-sf-content-text-color-alt3);
1746
+ border-radius: 2px;
1747
+ }