@syncfusion/ej2-react-schedule 23.2.7 → 24.2.3

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