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