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