@syncfusion/ej2-schedule 30.1.42 → 30.2.4-744881

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