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