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