@syncfusion/ej2-react-schedule 23.2.7 → 24.1.41

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