@syncfusion/ej2-vue-schedule 26.1.40 → 26.2.4

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