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