@syncfusion/ej2-vue-schedule 25.2.7 → 26.1.38

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