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

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