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