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