@syncfusion/ej2-schedule 26.2.12 → 27.1.48

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