@syncfusion/ej2-vue-schedule 20.1.48 → 20.1.55

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