@syncfusion/ej2-vue-schedule 23.2.4 → 24.1.41

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