@syncfusion/ej2-react-schedule 23.2.4 → 24.1.41

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