@syncfusion/ej2-react-schedule 23.2.7 → 24.2.3

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