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