@syncfusion/ej2-schedule 30.1.42 → 30.2.4-744881

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