@syncfusion/ej2-react-schedule 19.4.50 → 20.1.47

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