@syncfusion/ej2-angular-schedule 20.4.38-ngcc → 20.4.38

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 (173) hide show
  1. package/README.md +47 -121
  2. package/esm2020/public_api.mjs +3 -0
  3. package/esm2020/src/index.mjs +11 -0
  4. package/esm2020/src/recurrence-editor/recurrenceeditor-all.module.mjs +23 -0
  5. package/esm2020/src/recurrence-editor/recurrenceeditor.component.mjs +59 -0
  6. package/esm2020/src/recurrence-editor/recurrenceeditor.module.mjs +25 -0
  7. package/esm2020/src/schedule/headerrows.directive.mjs +66 -0
  8. package/esm2020/src/schedule/resources.directive.mjs +58 -0
  9. package/esm2020/src/schedule/schedule-all.module.mjs +74 -0
  10. package/esm2020/src/schedule/schedule.component.mjs +283 -0
  11. package/esm2020/src/schedule/schedule.module.mjs +52 -0
  12. package/esm2020/src/schedule/views.directive.mjs +126 -0
  13. package/esm2020/syncfusion-ej2-angular-schedule.mjs +5 -0
  14. package/fesm2015/syncfusion-ej2-angular-schedule.mjs +733 -0
  15. package/fesm2015/syncfusion-ej2-angular-schedule.mjs.map +1 -0
  16. package/fesm2020/syncfusion-ej2-angular-schedule.mjs +733 -0
  17. package/fesm2020/syncfusion-ej2-angular-schedule.mjs.map +1 -0
  18. package/package.json +45 -22
  19. package/schematics/utils/lib-details.d.ts +2 -2
  20. package/src/recurrence-editor/recurrenceeditor-all.module.d.ts +6 -0
  21. package/src/recurrence-editor/recurrenceeditor.component.d.ts +3 -0
  22. package/src/recurrence-editor/recurrenceeditor.module.d.ts +6 -0
  23. package/src/schedule/headerrows.directive.d.ts +5 -0
  24. package/src/schedule/resources.directive.d.ts +5 -0
  25. package/src/schedule/schedule-all.module.d.ts +6 -0
  26. package/src/schedule/schedule.component.d.ts +3 -0
  27. package/src/schedule/schedule.module.d.ts +9 -0
  28. package/src/schedule/views.directive.d.ts +6 -6
  29. package/styles/bootstrap-dark.css +106 -369
  30. package/styles/bootstrap.css +104 -368
  31. package/styles/bootstrap4.css +146 -380
  32. package/styles/bootstrap5-dark.css +142 -344
  33. package/styles/bootstrap5.css +142 -344
  34. package/styles/fabric-dark.css +106 -335
  35. package/styles/fabric.css +111 -321
  36. package/styles/fluent-dark.css +107 -400
  37. package/styles/fluent.css +107 -400
  38. package/styles/highcontrast-light.css +103 -412
  39. package/styles/highcontrast.css +118 -404
  40. package/styles/material-dark.css +115 -367
  41. package/styles/material.css +115 -409
  42. package/styles/recurrence-editor/_all.scss +2 -0
  43. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +13 -0
  44. package/styles/recurrence-editor/_bootstrap-definition.scss +13 -0
  45. package/styles/recurrence-editor/_bootstrap4-definition.scss +13 -0
  46. package/styles/recurrence-editor/_bootstrap5-dark-definition.scss +1 -0
  47. package/styles/recurrence-editor/_bootstrap5-definition.scss +13 -0
  48. package/styles/recurrence-editor/_fabric-dark-definition.scss +13 -0
  49. package/styles/recurrence-editor/_fabric-definition.scss +13 -0
  50. package/styles/recurrence-editor/_fluent-dark-definition.scss +1 -0
  51. package/styles/recurrence-editor/_fluent-definition.scss +13 -0
  52. package/styles/recurrence-editor/_fusionnew-definition.scss +13 -0
  53. package/styles/recurrence-editor/_highcontrast-definition.scss +13 -0
  54. package/styles/recurrence-editor/_highcontrast-light-definition.scss +13 -0
  55. package/styles/recurrence-editor/_layout.scss +534 -0
  56. package/styles/recurrence-editor/_material-dark-definition.scss +13 -0
  57. package/styles/recurrence-editor/_material-definition.scss +13 -0
  58. package/styles/recurrence-editor/_material3-definition.scss +13 -0
  59. package/styles/recurrence-editor/_tailwind-dark-definition.scss +1 -0
  60. package/styles/recurrence-editor/_tailwind-definition.scss +13 -0
  61. package/styles/recurrence-editor/_theme.scss +1 -0
  62. package/styles/recurrence-editor/bootstrap-dark.css +33 -142
  63. package/styles/recurrence-editor/bootstrap-dark.scss +3 -1
  64. package/styles/recurrence-editor/bootstrap.css +33 -142
  65. package/styles/recurrence-editor/bootstrap.scss +3 -1
  66. package/styles/recurrence-editor/bootstrap4.css +33 -176
  67. package/styles/recurrence-editor/bootstrap4.scss +3 -1
  68. package/styles/recurrence-editor/bootstrap5-dark.css +33 -183
  69. package/styles/recurrence-editor/bootstrap5-dark.scss +3 -1
  70. package/styles/recurrence-editor/bootstrap5.css +33 -183
  71. package/styles/recurrence-editor/bootstrap5.scss +3 -1
  72. package/styles/recurrence-editor/fabric-dark.css +33 -118
  73. package/styles/recurrence-editor/fabric-dark.scss +3 -1
  74. package/styles/recurrence-editor/fabric.css +33 -111
  75. package/styles/recurrence-editor/fabric.scss +3 -1
  76. package/styles/recurrence-editor/fluent-dark.css +33 -163
  77. package/styles/recurrence-editor/fluent-dark.scss +3 -1
  78. package/styles/recurrence-editor/fluent.css +33 -163
  79. package/styles/recurrence-editor/fluent.scss +3 -1
  80. package/styles/recurrence-editor/highcontrast-light.css +33 -115
  81. package/styles/recurrence-editor/highcontrast-light.scss +3 -1
  82. package/styles/recurrence-editor/highcontrast.css +33 -115
  83. package/styles/recurrence-editor/highcontrast.scss +3 -1
  84. package/styles/recurrence-editor/material-dark.css +33 -143
  85. package/styles/recurrence-editor/material-dark.scss +3 -1
  86. package/styles/recurrence-editor/material.css +33 -168
  87. package/styles/recurrence-editor/material.scss +3 -1
  88. package/styles/recurrence-editor/tailwind-dark.css +33 -131
  89. package/styles/recurrence-editor/tailwind-dark.scss +3 -1
  90. package/styles/recurrence-editor/tailwind.css +33 -131
  91. package/styles/recurrence-editor/tailwind.scss +3 -1
  92. package/styles/schedule/_all.scss +2 -0
  93. package/styles/schedule/_bootstrap-dark-definition.scss +213 -0
  94. package/styles/schedule/_bootstrap-definition.scss +213 -0
  95. package/styles/schedule/_bootstrap4-definition.scss +215 -0
  96. package/styles/schedule/_bootstrap5-dark-definition.scss +1 -0
  97. package/styles/schedule/_bootstrap5-definition.scss +224 -0
  98. package/styles/schedule/_fabric-dark-definition.scss +213 -0
  99. package/styles/schedule/_fabric-definition.scss +213 -0
  100. package/styles/schedule/_fluent-dark-definition.scss +1 -0
  101. package/styles/schedule/_fluent-definition.scss +220 -0
  102. package/styles/schedule/_fusionnew-definition.scss +224 -0
  103. package/styles/schedule/_highcontrast-definition.scss +214 -0
  104. package/styles/schedule/_highcontrast-light-definition.scss +214 -0
  105. package/styles/schedule/_layout.scss +4489 -0
  106. package/styles/schedule/_material-dark-definition.scss +213 -0
  107. package/styles/schedule/_material-definition.scss +213 -0
  108. package/styles/schedule/_material3-definition.scss +224 -0
  109. package/styles/schedule/_tailwind-dark-definition.scss +1 -0
  110. package/styles/schedule/_tailwind-definition.scss +217 -0
  111. package/styles/schedule/_theme.scss +510 -0
  112. package/styles/schedule/bootstrap-dark.css +73 -332
  113. package/styles/schedule/bootstrap-dark.scss +5 -1
  114. package/styles/schedule/bootstrap.css +71 -331
  115. package/styles/schedule/bootstrap.scss +5 -1
  116. package/styles/schedule/bootstrap4.css +113 -343
  117. package/styles/schedule/bootstrap4.scss +5 -1
  118. package/styles/schedule/bootstrap5-dark.css +109 -307
  119. package/styles/schedule/bootstrap5-dark.scss +4 -1
  120. package/styles/schedule/bootstrap5.css +109 -307
  121. package/styles/schedule/bootstrap5.scss +5 -1
  122. package/styles/schedule/fabric-dark.css +73 -298
  123. package/styles/schedule/fabric-dark.scss +5 -1
  124. package/styles/schedule/fabric.css +78 -284
  125. package/styles/schedule/fabric.scss +5 -1
  126. package/styles/schedule/fluent-dark.css +74 -363
  127. package/styles/schedule/fluent-dark.scss +4 -1
  128. package/styles/schedule/fluent.css +74 -363
  129. package/styles/schedule/fluent.scss +5 -1
  130. package/styles/schedule/highcontrast-light.css +70 -375
  131. package/styles/schedule/highcontrast-light.scss +5 -1
  132. package/styles/schedule/highcontrast.css +85 -367
  133. package/styles/schedule/highcontrast.scss +5 -1
  134. package/styles/schedule/icons/_bootstrap-dark.scss +231 -0
  135. package/styles/schedule/icons/_bootstrap.scss +231 -0
  136. package/styles/schedule/icons/_bootstrap4.scss +231 -0
  137. package/styles/schedule/icons/_bootstrap5-dark.scss +1 -0
  138. package/styles/schedule/icons/_bootstrap5.scss +231 -0
  139. package/styles/schedule/icons/_fabric-dark.scss +231 -0
  140. package/styles/schedule/icons/_fabric.scss +231 -0
  141. package/styles/schedule/icons/_fluent-dark.scss +1 -0
  142. package/styles/schedule/icons/_fluent.scss +231 -0
  143. package/styles/schedule/icons/_fusionnew.scss +231 -0
  144. package/styles/schedule/icons/_highcontrast-light.scss +231 -0
  145. package/styles/schedule/icons/_highcontrast.scss +231 -0
  146. package/styles/schedule/icons/_material-dark.scss +231 -0
  147. package/styles/schedule/icons/_material.scss +231 -0
  148. package/styles/schedule/icons/_material3.scss +231 -0
  149. package/styles/schedule/icons/_tailwind-dark.scss +1 -0
  150. package/styles/schedule/icons/_tailwind.scss +231 -0
  151. package/styles/schedule/material-dark.css +82 -330
  152. package/styles/schedule/material-dark.scss +5 -1
  153. package/styles/schedule/material.css +82 -372
  154. package/styles/schedule/material.scss +5 -1
  155. package/styles/schedule/tailwind-dark.css +111 -246
  156. package/styles/schedule/tailwind-dark.scss +4 -1
  157. package/styles/schedule/tailwind.css +111 -246
  158. package/styles/schedule/tailwind.scss +5 -1
  159. package/styles/tailwind-dark.css +145 -284
  160. package/styles/tailwind.css +145 -284
  161. package/syncfusion-ej2-angular-schedule.d.ts +5 -0
  162. package/@syncfusion/ej2-angular-schedule.es5.js +0 -840
  163. package/@syncfusion/ej2-angular-schedule.es5.js.map +0 -1
  164. package/@syncfusion/ej2-angular-schedule.js +0 -788
  165. package/@syncfusion/ej2-angular-schedule.js.map +0 -1
  166. package/CHANGELOG.md +0 -1589
  167. package/dist/ej2-angular-schedule.umd.js +0 -980
  168. package/dist/ej2-angular-schedule.umd.js.map +0 -1
  169. package/dist/ej2-angular-schedule.umd.min.js +0 -11
  170. package/dist/ej2-angular-schedule.umd.min.js.map +0 -1
  171. package/ej2-angular-schedule.d.ts +0 -6
  172. package/ej2-angular-schedule.metadata.json +0 -1
  173. package/postinstall/tagchange.js +0 -18
@@ -1,138 +1,3 @@
1
- /* stylelint-disable */
2
- /* stylelint-disable property-no-vendor-prefix */
3
- .e-popup.e-ddl {
4
- border-radius: 4px;
5
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
6
- margin-top: 3px;
7
- }
8
- .e-popup.e-ddl .e-input-group {
9
- width: auto;
10
- }
11
- .e-popup.e-ddl .e-input-group input {
12
- line-height: 15px;
13
- }
14
-
15
- .e-popup.e-ddl .e-dropdownbase {
16
- min-height: 26px;
17
- }
18
-
19
- .e-popup.e-ddl .e-filter-parent .e-input-group {
20
- display: -ms-flexbox;
21
- display: flex;
22
- width: auto;
23
- }
24
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
25
- border: 0;
26
- }
27
-
28
- .e-bigger .e-popup.e-ddl-device-filter {
29
- margin-top: 0;
30
- }
31
-
32
- .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
33
- font-size: 15px;
34
- line-height: 40px;
35
- padding-left: 0;
36
- text-indent: 24px;
37
- }
38
-
39
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
40
- padding-left: 4px;
41
- }
42
-
43
- .e-bigger .e-popup.e-ddl .e-input-group {
44
- padding: 4px 0;
45
- }
46
-
47
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
48
- height: 38px;
49
- }
50
-
51
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
52
- min-height: 40px;
53
- }
54
-
55
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
56
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
57
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
58
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
59
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
60
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
61
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
62
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
63
- background: transparent;
64
- color: #f0f0f0;
65
- }
66
-
67
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
68
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
69
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
70
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
71
- border: 0;
72
- }
73
-
74
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
75
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
76
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
77
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
78
- box-shadow: none;
79
- }
80
-
81
- .e-ddl.e-popup .e-filter-parent {
82
- border-bottom: 1px solid #484848;
83
- }
84
-
85
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
86
- font-size: 14px;
87
- line-height: 34px;
88
- padding-left: 0;
89
- text-indent: 16px;
90
- }
91
-
92
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
93
- padding-left: 4px;
94
- }
95
-
96
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
97
- padding: 4px 0;
98
- }
99
-
100
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
101
- height: 30px;
102
- }
103
-
104
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
105
- min-height: 34px;
106
- }
107
-
108
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
109
- line-height: 30px;
110
- top: 0;
111
- }
112
-
113
- .e-multiselect .e-input-group-icon.e-ddl-icon {
114
- border-radius: 0 4px 4px 0;
115
- border-right-width: 0;
116
- height: 34px;
117
- width: 36px;
118
- }
119
-
120
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
121
- border-left-width: 0;
122
- border-radius: 4px 0 0 4px;
123
- border-right-width: 1px;
124
- }
125
-
126
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
127
- height: 32px;
128
- width: 32px;
129
- }
130
-
131
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
132
- height: 40px;
133
- width: 40px;
134
- }
135
-
136
1
  /*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap theme definitions and variables */
137
2
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
138
3
  content: "\e990";
@@ -328,7 +193,7 @@
328
193
  }
329
194
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon.e-icon-down-arrow {
330
195
  font-size: 12px;
331
- margin-top: 0;
196
+ padding-top: 0;
332
197
  }
333
198
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
334
199
  border-radius: 4px;
@@ -349,6 +214,9 @@
349
214
  font-size: 16px;
350
215
  text-transform: initial;
351
216
  }
217
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
218
+ padding: 0 12px;
219
+ }
352
220
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
353
221
  background: #131313;
354
222
  border-left: 0;
@@ -392,9 +260,6 @@
392
260
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
393
261
  height: inherit;
394
262
  }
395
- .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 {
396
- padding: 0;
397
- }
398
263
  .e-schedule.e-device .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
399
264
  font-size: 15px;
400
265
  }
@@ -473,7 +338,6 @@
473
338
  height: 100%;
474
339
  position: absolute;
475
340
  width: 250px;
476
- color: #f0f0f0;
477
341
  }
478
342
  .e-schedule .e-resource-tree-popup .e-resource-tree {
479
343
  height: 100%;
@@ -576,6 +440,7 @@
576
440
  }
577
441
  .e-schedule .e-block-appointment {
578
442
  background: rgba(255, 255, 255, 0.08);
443
+ border-radius: 4px;
579
444
  color: #969696;
580
445
  cursor: default;
581
446
  overflow: hidden;
@@ -833,15 +698,11 @@
833
698
  .e-schedule .e-vertical-view .e-header-cells .e-header-day {
834
699
  display: table;
835
700
  font-size: 13px;
836
- line-height: unset;
837
- padding-bottom: 0;
838
701
  }
839
702
  .e-schedule .e-vertical-view .e-header-cells .e-header-date {
840
703
  cursor: pointer;
841
704
  display: table;
842
705
  font-size: 18px;
843
- line-height: unset;
844
- padding-top: 0;
845
706
  }
846
707
  .e-schedule .e-vertical-view .e-header-cells .e-header-date:hover {
847
708
  text-decoration: underline;
@@ -909,7 +770,6 @@
909
770
  .e-schedule .e-vertical-view .e-all-day-appointment-section:hover, .e-schedule .e-vertical-view .e-all-day-appointment-section:focus {
910
771
  background: #393939;
911
772
  border-radius: 100%;
912
- color: #fff;
913
773
  }
914
774
  .e-schedule .e-vertical-view .e-appointment-hide {
915
775
  opacity: 0;
@@ -1062,7 +922,6 @@
1062
922
  flex: auto;
1063
923
  padding: 0 4px;
1064
924
  text-align: left;
1065
- line-height: unset;
1066
925
  }
1067
926
  .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
1068
927
  font-size: 13px;
@@ -1363,9 +1222,6 @@
1363
1222
  .e-schedule .e-month-view .e-more-indicator:focus {
1364
1223
  text-decoration: underline;
1365
1224
  }
1366
- .e-schedule.e-rtl .e-month-view .e-date-header {
1367
- margin: 3px 3px 2px;
1368
- }
1369
1225
  .e-schedule.e-rtl .e-month-view .e-left-indent {
1370
1226
  border-left: 1px solid #505050;
1371
1227
  border-right-width: 0;
@@ -1538,6 +1394,54 @@
1538
1394
  .e-schedule .e-timeline-year-view .e-resource-collapse {
1539
1395
  transform: rotate(90deg);
1540
1396
  }
1397
+ .e-schedule .e-timeline-year-view .e-work-cells {
1398
+ background-color: #2a2a2a;
1399
+ border-color: #505050;
1400
+ border-style: solid;
1401
+ border-width: 0 1px 1px 0;
1402
+ color: #f0f0f0;
1403
+ padding: 0;
1404
+ }
1405
+ .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
1406
+ background: #393939;
1407
+ color: #fff;
1408
+ }
1409
+ .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
1410
+ background-color: #1a1a1a;
1411
+ }
1412
+ .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
1413
+ color: #8d8d8d;
1414
+ }
1415
+ .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
1416
+ background-color: #0070f0;
1417
+ border-radius: 50%;
1418
+ color: #fff;
1419
+ margin: 2px;
1420
+ width: 20px;
1421
+ }
1422
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
1423
+ background-color: #484848;
1424
+ color: #f0f0f0;
1425
+ }
1426
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator {
1427
+ color: #f0f0f0;
1428
+ }
1429
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
1430
+ background-color: #484848;
1431
+ }
1432
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
1433
+ background-color: rgba(0, 0, 0, 0.08);
1434
+ }
1435
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
1436
+ cursor: default;
1437
+ opacity: 0.35;
1438
+ }
1439
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header:hover {
1440
+ text-decoration: none;
1441
+ }
1442
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
1443
+ background-color: rgba(0, 0, 0, 0.08);
1444
+ }
1541
1445
  .e-schedule .e-timeline-year-view .e-content-table {
1542
1446
  height: 100%;
1543
1447
  }
@@ -1564,7 +1468,6 @@
1564
1468
  border-bottom: 1px solid #505050;
1565
1469
  border-right: 1px solid #505050;
1566
1470
  text-align: center;
1567
- color: #f0f0f0;
1568
1471
  }
1569
1472
  .e-schedule .e-timeline-year-view .e-month-header.e-current-day {
1570
1473
  color: #3e98ff;
@@ -1600,6 +1503,13 @@
1600
1503
  .e-schedule .e-timeline-year-view .e-work-cells .e-date-header:hover {
1601
1504
  text-decoration: underline;
1602
1505
  }
1506
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1507
+ background-color: rgba(0, 0, 0, 0.08);
1508
+ box-shadow: inset 0 0 0 8px #2a2a2a;
1509
+ }
1510
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1511
+ background-color: rgba(0, 0, 0, 0.08);
1512
+ }
1603
1513
  .e-schedule .e-timeline-year-view .e-event-table {
1604
1514
  position: absolute;
1605
1515
  top: 0;
@@ -1696,7 +1606,7 @@
1696
1606
  .e-schedule .e-timeline-year-view .e-event-table .e-more-indicator:focus {
1697
1607
  text-decoration: underline;
1698
1608
  }
1699
- .e-schedule.e-device .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
1609
+ .e-schedule.e-device .e-year-view .e-month-calendar {
1700
1610
  max-width: 100%;
1701
1611
  min-width: 100%;
1702
1612
  }
@@ -1738,7 +1648,6 @@
1738
1648
  }
1739
1649
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
1740
1650
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
1741
- background-color: #1a1a1a;
1742
1651
  overflow: inherit;
1743
1652
  }
1744
1653
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
@@ -2064,7 +1973,6 @@
2064
1973
  .e-schedule .e-month-agenda-view .e-content-table {
2065
1974
  border-bottom: 1px solid #505050;
2066
1975
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
2067
- height: 100%;
2068
1976
  }
2069
1977
  .e-schedule .e-month-agenda-view .e-resource-column {
2070
1978
  border-bottom: 1px solid #505050;
@@ -2281,7 +2189,6 @@
2281
2189
  .e-schedule .e-agenda-view .e-subject-wrap {
2282
2190
  display: -ms-flexbox;
2283
2191
  display: flex;
2284
- margin-bottom: 0;
2285
2192
  }
2286
2193
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-subject {
2287
2194
  color: #f0f0f0;
@@ -2435,10 +2342,6 @@
2435
2342
  min-width: 32px;
2436
2343
  z-index: 0;
2437
2344
  }
2438
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon,
2439
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon {
2440
- font-size: 14px;
2441
- }
2442
2345
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text,
2443
2346
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text {
2444
2347
  line-height: inherit;
@@ -2474,25 +2377,18 @@
2474
2377
  margin: 4px 0;
2475
2378
  min-height: 34px;
2476
2379
  min-width: 34px;
2477
- padding: 1px 7px;
2478
2380
  }
2479
2381
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2480
2382
  .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,
2481
2383
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2482
2384
  .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 {
2483
2385
  padding: 0;
2484
- font-size: 14px;
2485
2386
  }
2486
2387
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2487
2388
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
2488
2389
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2489
2390
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
2490
2391
  height: 25px;
2491
- padding-top: 0;
2492
- }
2493
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
2494
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
2495
- font-size: 16px;
2496
2392
  }
2497
2393
  .e-bigger .e-schedule .e-more-popup-wrapper .e-header-day,
2498
2394
  .e-bigger.e-schedule .e-more-popup-wrapper .e-header-day {
@@ -2598,19 +2494,10 @@
2598
2494
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2599
2495
  width: 420px;
2600
2496
  }
2601
- .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2602
- padding: 15px;
2603
- }
2604
2497
  @media screen and (max-width: 767px) {
2605
2498
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2606
2499
  width: 289px;
2607
2500
  }
2608
- .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2609
- padding: 5%;
2610
- }
2611
- .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2612
- margin-bottom: 5%;
2613
- }
2614
2501
  }
2615
2502
 
2616
2503
  .e-dialog.e-quick-dialog {
@@ -2787,7 +2674,7 @@
2787
2674
  }
2788
2675
  .e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color {
2789
2676
  height: 16px;
2790
- margin-top: 10px;
2677
+ margin-top: 12px;
2791
2678
  width: 16px;
2792
2679
  }
2793
2680
  .e-bigger .e-schedule-dialog .e-disable {
@@ -3054,7 +2941,6 @@
3054
2941
  position: absolute;
3055
2942
  right: 6px;
3056
2943
  top: 4px;
3057
- padding: 0;
3058
2944
  }
3059
2945
  .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit,
3060
2946
  .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete,
@@ -3081,15 +2967,12 @@
3081
2967
  width: 100%;
3082
2968
  }
3083
2969
  .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-schedule-form > span {
3084
- margin: 0 0 4px;
2970
+ margin-bottom: 4px;
3085
2971
  }
3086
2972
  .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3087
2973
  font-size: 22px;
3088
2974
  height: 40px;
3089
2975
  }
3090
- .e-quick-popup-wrapper .e-event-popup .e-popup-header {
3091
- background-color: #1a1a1a;
3092
- }
3093
2976
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
3094
2977
  padding: 5px 5px 2px;
3095
2978
  }
@@ -3133,15 +3016,13 @@
3133
3016
  padding: 0 18px 8px;
3134
3017
  }
3135
3018
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3136
- background-color: #393939;
3137
- border-left: 6px solid #0070f0;
3138
- border-radius: 2px;
3139
- color: #f0f0f0;
3140
3019
  cursor: default;
3141
3020
  font-size: 20px;
3142
3021
  font-weight: 500;
3143
3022
  line-height: 1.5;
3144
3023
  max-height: 87px;
3024
+ background-color: #393939;
3025
+ border-left: 6px solid #0070f0;
3145
3026
  padding: 8px 0 8px 10px;
3146
3027
  }
3147
3028
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
@@ -3190,7 +3071,7 @@
3190
3071
  .e-quick-popup-wrapper .e-event-popup .e-resource-icon {
3191
3072
  color: #f0f0f0;
3192
3073
  font-size: 18px;
3193
- padding: 0 13px 0 0;
3074
+ padding-right: 13px;
3194
3075
  }
3195
3076
  .e-quick-popup-wrapper .e-cell-popup .e-date-time-details,
3196
3077
  .e-quick-popup-wrapper .e-cell-popup .e-location-details,
@@ -3231,9 +3112,6 @@
3231
3112
  right: auto;
3232
3113
  text-transform: capitalize;
3233
3114
  }
3234
- .e-quick-popup-wrapper .e-event-popup .e-popup-footer {
3235
- display: block;
3236
- }
3237
3115
  .e-quick-popup-wrapper.e-rtl {
3238
3116
  text-align: right;
3239
3117
  }
@@ -3241,6 +3119,10 @@
3241
3119
  left: 6px;
3242
3120
  right: auto;
3243
3121
  }
3122
+ .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-popup-footer {
3123
+ padding: 8px 18px 8px 8px;
3124
+ text-align: left;
3125
+ }
3244
3126
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
3245
3127
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
3246
3128
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
@@ -3248,17 +3130,9 @@
3248
3130
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
3249
3131
  margin-right: 10px;
3250
3132
  }
3251
- .e-quick-popup-wrapper.e-rtl .e-event-details,
3252
- .e-quick-popup-wrapper.e-rtl .e-event-edit {
3133
+ .e-quick-popup-wrapper.e-rtl .e-event-details {
3253
3134
  margin-left: 8px;
3254
3135
  }
3255
- .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3256
- padding: 8px 8px 8px 18px;
3257
- text-align: left;
3258
- }
3259
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3260
- padding: 0 0 0 10px;
3261
- }
3262
3136
  .e-quick-popup-wrapper.e-device {
3263
3137
  bottom: 0;
3264
3138
  height: 100%;
@@ -3315,7 +3189,6 @@
3315
3189
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
3316
3190
  background-color: transparent;
3317
3191
  border: 0;
3318
- color: #f0f0f0;
3319
3192
  height: 40px;
3320
3193
  width: 40px;
3321
3194
  }
@@ -3347,25 +3220,6 @@
3347
3220
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3348
3221
  font-size: 24px;
3349
3222
  }
3350
- .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content {
3351
- padding: 38px 18px 12px;
3352
- }
3353
- .e-bigger .e-quick-popup-wrapper .e-popup-footer {
3354
- padding: 8px 18px 8px 22px;
3355
- }
3356
- .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
3357
- .e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
3358
- padding-right: 13px;
3359
- }
3360
- .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
3361
- font-size: 16px;
3362
- }
3363
- .e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
3364
- padding-right: 0;
3365
- }
3366
- .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3367
- padding-right: 13px;
3368
- }
3369
3223
  .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3370
3224
  .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3371
3225
  .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
@@ -3386,35 +3240,6 @@
3386
3240
  padding: 0 5px 0 8px;
3387
3241
  }
3388
3242
 
3389
- .e-bigger .e-agenda-view .e-appointment {
3390
- padding: 0 8px;
3391
- }
3392
- .e-bigger .e-agenda-view .e-subject {
3393
- font-size: 16px;
3394
- }
3395
- .e-bigger .e-agenda-view .e-date-time {
3396
- font-size: 14px;
3397
- }
3398
- .e-bigger .e-agenda-view .e-day-date-header .e-m-date {
3399
- font-size: 20px;
3400
- }
3401
- .e-bigger .e-agenda-view .e-day-date-header .e-m-day {
3402
- font-size: 14px;
3403
- }
3404
-
3405
- .e-bigger .e-timeline-view .e-resource-text {
3406
- font-size: 14px;
3407
- padding-left: 12px;
3408
- }
3409
- .e-bigger .e-timeline-view .e-navigate {
3410
- font-size: 14px;
3411
- padding: 8px 0 8px 8px;
3412
- }
3413
- .e-bigger .e-timeline-view .e-date-header-wrap table tbody td > span {
3414
- font-size: 14px;
3415
- padding: 8px 0 8px 8px;
3416
- }
3417
-
3418
3243
  .e-appointment.e-schedule-event-clone {
3419
3244
  background: #0070f0;
3420
3245
  border-radius: 4px;
@@ -3517,7 +3342,8 @@
3517
3342
  height: calc(100% - 35px);
3518
3343
  max-height: 150px;
3519
3344
  overflow-y: auto;
3520
- padding: 10px 10px 0;
3345
+ padding-left: 10px;
3346
+ padding-right: 10px;
3521
3347
  }
3522
3348
  .e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border,
3523
3349
  .e-more-popup-wrapper .e-more-event-content .e-appointment-border {
@@ -3564,7 +3390,6 @@
3564
3390
  color: #f0f0f0;
3565
3391
  cursor: pointer;
3566
3392
  height: 25px;
3567
- padding: unset;
3568
3393
  position: absolute;
3569
3394
  right: 6px;
3570
3395
  width: 25px;
@@ -3639,14 +3464,6 @@
3639
3464
  .e-more-popup-wrapper.e-device .e-more-event-content {
3640
3465
  max-height: unset;
3641
3466
  }
3642
- .e-bigger .e-more-popup-wrapper.e-rtl .e-header-date,
3643
- .e-more-popup-wrapper.e-rtl .e-header-date {
3644
- padding-right: 10px;
3645
- }
3646
- .e-bigger .e-more-popup-wrapper.e-rtl .e-header-day,
3647
- .e-more-popup-wrapper.e-rtl .e-header-day {
3648
- padding-right: 10px;
3649
- }
3650
3467
  .e-bigger .e-more-popup-wrapper.e-rtl .e-more-event-close,
3651
3468
  .e-more-popup-wrapper.e-rtl .e-more-event-close {
3652
3469
  left: 6px;
@@ -3664,10 +3481,6 @@
3664
3481
  border-width: 0;
3665
3482
  position: relative;
3666
3483
  }
3667
- .e-schedule .e-header-calendar {
3668
- background-color: none;
3669
- box-shadow: none;
3670
- }
3671
3484
  .e-schedule .e-vertical-view .e-date-header-wrap table tbody td:first-child,
3672
3485
  .e-schedule .e-vertical-view .e-content-wrap table td:first-child {
3673
3486
  border-left-width: 0;
@@ -3727,7 +3540,6 @@
3727
3540
  }
3728
3541
  .e-schedule .e-vertical-view .e-header-cells.e-current-day {
3729
3542
  color: #3e98ff;
3730
- font-weight: normal;
3731
3543
  }
3732
3544
  .e-schedule .e-vertical-view .e-work-cells {
3733
3545
  background-color: #2a2a2a;
@@ -3758,7 +3570,6 @@
3758
3570
  }
3759
3571
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
3760
3572
  background-color: #484848;
3761
- color: #fff;
3762
3573
  }
3763
3574
  .e-schedule .e-vertical-view .e-selected-cell {
3764
3575
  background-color: #484848;
@@ -3766,7 +3577,6 @@
3766
3577
  }
3767
3578
  .e-schedule .e-vertical-view .e-selected-cell:hover {
3768
3579
  background-color: #484848;
3769
- color: #fff;
3770
3580
  }
3771
3581
  .e-schedule .e-vertical-view .e-clone-time-indicator,
3772
3582
  .e-schedule .e-vertical-view .e-current-time {
@@ -3792,14 +3602,11 @@
3792
3602
  border-style: solid;
3793
3603
  border-width: 0 0 1px 1px;
3794
3604
  color: #f0f0f0;
3795
- font-size: none;
3796
3605
  text-align: left;
3797
- text-transform: none;
3798
3606
  }
3799
3607
  .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
3800
3608
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {
3801
3609
  color: #3e98ff;
3802
- font-weight: normal;
3803
3610
  }
3804
3611
  .e-schedule .e-month-view .e-work-cells,
3805
3612
  .e-schedule .e-month-agenda-view .e-work-cells {
@@ -3835,10 +3642,6 @@
3835
3642
  background-color: #484848;
3836
3643
  color: #f0f0f0;
3837
3644
  }
3838
- .e-schedule .e-month-view .e-selected-cell .e-date-header,
3839
- .e-schedule .e-month-agenda-view .e-selected-cell .e-date-header {
3840
- color: none;
3841
- }
3842
3645
  .e-schedule .e-month-view .e-selected-cell .e-more-indicator,
3843
3646
  .e-schedule .e-month-agenda-view .e-selected-cell .e-more-indicator {
3844
3647
  color: #f0f0f0;
@@ -3847,9 +3650,6 @@
3847
3650
  .e-schedule .e-month-agenda-view .e-selected-cell:hover {
3848
3651
  background-color: #484848;
3849
3652
  }
3850
- .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
3851
- overflow: auto;
3852
- }
3853
3653
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
3854
3654
  border-width: 0 0 1px 0;
3855
3655
  text-align: center;
@@ -3881,7 +3681,6 @@
3881
3681
  .e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day,
3882
3682
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
3883
3683
  color: #3e98ff;
3884
- font-weight: normal;
3885
3684
  }
3886
3685
  .e-schedule .e-timeline-view .e-work-cells,
3887
3686
  .e-schedule .e-timeline-month-view .e-work-cells {
@@ -3945,64 +3744,6 @@
3945
3744
  .e-schedule .e-timeline-view .e-current-timeline {
3946
3745
  border-left: 1px solid #0070f0;
3947
3746
  }
3948
- .e-schedule .e-timeline-year-view .e-work-cells {
3949
- background-color: #2a2a2a;
3950
- border-color: #505050;
3951
- border-style: solid;
3952
- border-width: 0 1px 1px 0;
3953
- color: #f0f0f0;
3954
- padding: 0;
3955
- }
3956
- .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
3957
- background: #393939;
3958
- color: #fff;
3959
- }
3960
- .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
3961
- background-color: #1a1a1a;
3962
- }
3963
- .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
3964
- color: #8d8d8d;
3965
- }
3966
- .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
3967
- background-color: #0070f0;
3968
- border-radius: 50%;
3969
- color: #fff;
3970
- margin: 2px;
3971
- width: 20px;
3972
- }
3973
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
3974
- background-color: #484848;
3975
- color: #f0f0f0;
3976
- }
3977
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
3978
- color: #f0f0f0;
3979
- }
3980
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator {
3981
- color: #f0f0f0;
3982
- }
3983
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
3984
- background-color: #484848;
3985
- }
3986
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
3987
- background-color: rgba(0, 0, 0, 0.08);
3988
- }
3989
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
3990
- cursor: default;
3991
- opacity: 0.35;
3992
- }
3993
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header:hover {
3994
- text-decoration: none;
3995
- }
3996
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
3997
- background-color: rgba(0, 0, 0, 0.08);
3998
- }
3999
- .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
4000
- background-color: rgba(0, 0, 0, 0.08);
4001
- box-shadow: inset 0 0 0 8px #2a2a2a;
4002
- }
4003
- .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
4004
- background-color: rgba(0, 0, 0, 0.08);
4005
- }
4006
3747
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
4007
3748
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
4008
3749
  border-right-width: 0;