@syncfusion/ej2-react-schedule 25.2.6 → 26.1.35

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