@syncfusion/ej2-vue-schedule 23.2.7 → 24.1.41

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