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