@syncfusion/ej2-vue-schedule 23.2.4 → 24.1.41

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