@syncfusion/ej2-angular-schedule 24.1.41-ngcc → 24.1.41

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