@syncfusion/ej2-schedule 30.1.42 → 30.2.4-744881

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