@syncfusion/ej2-react-schedule 19.4.55 → 20.1.50

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