@syncfusion/ej2-schedule 26.1.40 → 26.1.41-16103

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