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