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