@syncfusion/ej2-react-schedule 23.2.7 → 24.1.41

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