@syncfusion/ej2-vue-schedule 26.1.41 → 26.2.5

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