@vitrosoftware/common-ui-ts 1.1.83 → 1.1.85

package/css/std/controls/table-view/treegrid.css

@@ -531,7 +531,7 @@
 
 .TWFilter1Left, .TWFilter1Right, .TWFilter1Menu {
     /* equal.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8H16' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 13H16' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8H16' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 13H16' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
 }
 
 
@@ -911,6 +911,7 @@
     font-size: 12px;
 }
 
+.TWCellFilter.TWHiddenValue.TWFilter0Value,
 .TWCellFilter.TWFilter1Value,
 .TWCellFilter.TWFilter2Value,
 .TWCellFilter.TWFilter3Value,
@@ -923,7 +924,8 @@
 .TWCellFilter.TWFilter10Value,
 .TWCellFilter.TWFilter11Value,
 .TWCellFilter.TWFilter12Value,
-.TWCellFilter.TWOverflowDisable {
+.TWCellFilter.TWOverflowDisable,
+.TWCellFilter.TWHiddenValue.TWSideRight {
     background-color: #DCEEFF;
 }
 
@@ -942,67 +944,80 @@
 .TWFilterAllMenu.TWFilter0Menu,
 .TWHiddenValue.TWFilter0Value {
     /* filter-cancel.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M4.50513 11.4955L8.00046 8.00022L11.4958 11.4955M11.4958 4.50488L7.99979 8.00022L4.50513 4.50488' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M4.50513 11.4955L8.00046 8.00022L11.4958 11.4955M11.4958 4.50488L7.99979 8.00022L4.50513 4.50488' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 }
 
-.TWFilterAllMenu.TWFilter1Menu, .TWFilter1Value {
+.TWFilterAllMenu.TWFilter1Menu, .TWFilterLeft.TWFilter1Value {
     /* filter-equal.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M3.19922 6H12.7992' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.19922 10H12.7992' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M3.19922 6H12.7992' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.19922 10H12.7992' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
 }
 
-.TWFilterAllMenu.TWFilter2Menu, .TWFilter2Value {
+.TWFilterAllMenu.TWFilter2Menu, .TWFilterLeft.TWFilter2Value {
     /* filter-not-equal.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.796875' width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M3.19922 7.20312H12.7992' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.19922 11.2031L12.7992 11.2031' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.19922 14.0016L10.7992 3.60156' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.796875' width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M3.19922 7.20312H12.7992' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.19922 11.2031L12.7992 11.2031' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.19922 14.0016L10.7992 3.60156' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
 }
 
-.TWFilterAllMenu.TWFilter3Menu, .TWFilter3Value {
+.TWFilterAllMenu.TWFilter3Menu, .TWFilterLeft.TWFilter3Value {
     /* filter-math-lower.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.601562' width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M12.7992 12.6016L3.19922 8.60022L12.7992 4.60156' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.601562' width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M12.7992 12.6016L3.19922 8.60022L12.7992 4.60156' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
 }
 
-.TWFilterAllMenu.TWFilter4Menu, .TWFilter4Value {
+.TWFilterAllMenu.TWFilter4Menu, .TWFilterLeft.TWFilter4Value {
     /* filter-math-equal-lower.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.398438' width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M12.7992 11.3984L3.19922 7.3971L12.7992 3.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.19922 13.3984L12.7992 13.3984' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.398438' width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M12.7992 11.3984L3.19922 7.3971L12.7992 3.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.19922 13.3984L12.7992 13.3984' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
 }
 
-.TWFilterAllMenu.TWFilter5Menu, .TWFilter5Value {
+.TWFilterAllMenu.TWFilter5Menu, .TWFilterLeft.TWFilter5Value {
     /* filter-math-more.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.203125)' fill='white'/%3E%3Cpath d='M3.20078 12.2031L12.8008 8.20179L3.20078 4.20312' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.203125)' fill='white'/%3E%3Cpath d='M3.20078 12.2031L12.8008 8.20179L3.20078 4.20312' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
 }
 
-.TWFilterAllMenu.TWFilter6Menu, .TWFilter6Value {
+.TWFilterAllMenu.TWFilter6Menu, .TWFilterLeft.TWFilter6Value {
     /* filter-math-equal-more.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0)' fill='white'/%3E%3Cpath d='M3.20078 11L12.8008 6.99866L3.20078 3' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.8008 13L3.20078 13' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0)' fill='white'/%3E%3Cpath d='M3.20078 11L12.8008 6.99866L3.20078 3' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.8008 13L3.20078 13' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
 }
 
-.TWFilterAllMenu.TWFilter7Menu, .TWFilter7Value {
+.TWFilterAllMenu.TWFilter7Menu, .TWFilterLeft.TWFilter7Value {
     /* filter-start-with.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.796875)' fill='white'/%3E%3Cpath d='M7.99609 13.6016L7.99609 4.00156' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 4H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.6016H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M12.5608 8.66456C12.6674 8.72614 12.6674 8.88011 12.5608 8.94169L10.6408 10.0502C10.5341 10.1118 10.4008 10.0348 10.4008 9.91164L10.4008 7.69461C10.4008 7.57144 10.5341 7.49446 10.6408 7.55605L12.5608 8.66456Z' fill='%234A556C'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.796875)' fill='white'/%3E%3Cpath d='M7.99609 13.6016L7.99609 4.00156' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 4H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.6016H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M12.5608 8.66456C12.6674 8.72614 12.6674 8.88011 12.5608 8.94169L10.6408 10.0502C10.5341 10.1118 10.4008 10.0348 10.4008 9.91164L10.4008 7.69461C10.4008 7.57144 10.5341 7.49446 10.6408 7.55605L12.5608 8.66456Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
 }
 
-.TWFilterAllMenu.TWFilter8Menu, .TWFilter8Value {
+.TWFilterAllMenu.TWFilter8Menu, .TWFilterLeft.TWFilter8Value {
     /* filter-not-start-with.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.601562)' fill='white'/%3E%3Cpath d='M7.99609 13.4062L7.99609 3.80625' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 3.80469H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.4062H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M12.5608 8.46144C12.6674 8.52302 12.6674 8.67698 12.5608 8.73856L10.6408 9.84708C10.5341 9.90866 10.4008 9.83168 10.4008 9.70851L10.4008 7.49149C10.4008 7.36832 10.5341 7.29134 10.6408 7.35292L12.5608 8.46144Z' fill='%234A556C'/%3E%3Crect x='2.91088' y='12.5625' width='12.8' height='1.6' rx='0.8' transform='rotate(-45 2.91088 12.5625)' fill='%234A556C' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.601562)' fill='white'/%3E%3Cpath d='M7.99609 13.4062L7.99609 3.80625' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 3.80469H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.4062H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M12.5608 8.46144C12.6674 8.52302 12.6674 8.67698 12.5608 8.73856L10.6408 9.84708C10.5341 9.90866 10.4008 9.83168 10.4008 9.70851L10.4008 7.49149C10.4008 7.36832 10.5341 7.29134 10.6408 7.35292L12.5608 8.46144Z' fill='%234A556C'/%3E%3Crect x='2.91088' y='12.5625' width='12.8' height='1.6' rx='0.8' transform='rotate(-45 2.91088 12.5625)' fill='%234A556C' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E%0A");
 }
 
-.TWFilterAllMenu.TWFilter9Menu, .TWFilter9Value {
+.TWFilterAllMenu.TWFilter9Menu, .TWFilterLeft.TWFilter9Value {
     /* filter-ends-in.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.398438)' fill='white'/%3E%3Cpath d='M7.99609 13.1953L7.99609 3.59531' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 3.59375H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.1953H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M6.15844 8.25831C6.2651 8.31989 6.2651 8.47386 6.15844 8.53544L4.23844 9.64395C4.13177 9.70554 3.99844 9.62856 3.99844 9.50539L3.99844 7.28836C3.99844 7.16519 4.13177 7.08821 4.23844 7.1498L6.15844 8.25831Z' fill='%234A556C'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.398438)' fill='white'/%3E%3Cpath d='M7.99609 13.1953L7.99609 3.59531' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 3.59375H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.1953H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M6.15844 8.25831C6.2651 8.31989 6.2651 8.47386 6.15844 8.53544L4.23844 9.64395C4.13177 9.70554 3.99844 9.62856 3.99844 9.50539L3.99844 7.28836C3.99844 7.16519 4.13177 7.08821 4.23844 7.1498L6.15844 8.25831Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
 }
 
-.TWFilterAllMenu.TWFilter10Menu, .TWFilter10Value {
+.TWFilterAllMenu.TWFilter10Menu, .TWFilterLeft.TWFilter10Value {
     /* filter-not-edns-in.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.203125)' fill='white'/%3E%3Cpath d='M7.99609 13.0078L7.99609 3.40781' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 3.40625H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.0078H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M6.15844 8.063C6.2651 8.12458 6.2651 8.27854 6.15844 8.34013L4.23844 9.44864C4.13177 9.51022 3.99844 9.43324 3.99844 9.31007L3.99844 7.09305C3.99844 6.96988 4.13177 6.8929 4.23844 6.95449L6.15844 8.063Z' fill='%234A556C'/%3E%3Crect x='2.91088' y='12.1641' width='12.8' height='1.6' rx='0.8' transform='rotate(-45 2.91088 12.1641)' fill='%234A556C' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.203125)' fill='white'/%3E%3Cpath d='M7.99609 13.0078L7.99609 3.40781' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 3.40625H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.0078H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M6.15844 8.063C6.2651 8.12458 6.2651 8.27854 6.15844 8.34013L4.23844 9.44864C4.13177 9.51022 3.99844 9.43324 3.99844 9.31007L3.99844 7.09305C3.99844 6.96988 4.13177 6.8929 4.23844 6.95449L6.15844 8.063Z' fill='%234A556C'/%3E%3Crect x='2.91088' y='12.1641' width='12.8' height='1.6' rx='0.8' transform='rotate(-45 2.91088 12.1641)' fill='%234A556C' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E%0A");
 }
 
-.TWFilterAllMenu.TWFilter11Menu, .TWFilter11Value {
+.TWFilterAllMenu.TWFilter11Menu, .TWFilterLeft.TWFilter11Value {
     /* filter-contains.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0)' fill='white'/%3E%3Cpath d='M7.99609 12.7969L7.99609 3.19687' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 3.19531H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 12.7969H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M6.16234 7.85987C6.26901 7.92146 6.26901 8.07542 6.16234 8.137L4.24234 9.24551C4.13568 9.3071 4.00234 9.23012 4.00234 9.10695L4.00234 6.88993C4.00234 6.76676 4.13568 6.68978 4.24234 6.75136L6.16234 7.85987Z' fill='%234A556C'/%3E%3Cpath d='M9.84156 7.85987C9.7349 7.92146 9.7349 8.07542 9.84156 8.137L11.7616 9.24551C11.8682 9.3071 12.0016 9.23012 12.0016 9.10695L12.0016 6.88993C12.0016 6.76676 11.8682 6.68978 11.7616 6.75136L9.84156 7.85987Z' fill='%234A556C'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0)' fill='white'/%3E%3Cpath d='M7.99609 12.7969L7.99609 3.19687' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 3.19531H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 12.7969H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M6.16234 7.85987C6.26901 7.92146 6.26901 8.07542 6.16234 8.137L4.24234 9.24551C4.13568 9.3071 4.00234 9.23012 4.00234 9.10695L4.00234 6.88993C4.00234 6.76676 4.13568 6.68978 4.24234 6.75136L6.16234 7.85987Z' fill='%234A556C'/%3E%3Cpath d='M9.84156 7.85987C9.7349 7.92146 9.7349 8.07542 9.84156 8.137L11.7616 9.24551C11.8682 9.3071 12.0016 9.23012 12.0016 9.10695L12.0016 6.88993C12.0016 6.76676 11.8682 6.68978 11.7616 6.75136L9.84156 7.85987Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
 }
 
-.TWFilterAllMenu.TWFilter12Menu, .TWFilter12Value {
+.TWFilterAllMenu.TWFilter12Menu, .TWFilterLeft.TWFilter12Value {
     /* filter-not-contains.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.796875)' fill='white'/%3E%3Cpath d='M7.99609 13.6016L7.99609 4.00156' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 4H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.6016H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M6.16234 8.66456C6.26901 8.72614 6.26901 8.88011 6.16234 8.94169L4.24234 10.0502C4.13568 10.1118 4.00234 10.0348 4.00234 9.91164L4.00234 7.69461C4.00234 7.57144 4.13568 7.49446 4.24234 7.55605L6.16234 8.66456Z' fill='%234A556C'/%3E%3Cpath d='M9.84156 8.66456C9.7349 8.72614 9.7349 8.88011 9.84156 8.94169L11.7616 10.0502C11.8682 10.1118 12.0016 10.0348 12.0016 9.91164L12.0016 7.69461C12.0016 7.57144 11.8682 7.49446 11.7616 7.55605L9.84156 8.66456Z' fill='%234A556C'/%3E%3Crect x='2.91088' y='13.1641' width='12.8' height='1.6' rx='0.8' transform='rotate(-45 2.91088 13.1641)' fill='%234A556C' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E%0A") !important;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' transform='matrix(-1 0 0 1 16 0.796875)' fill='white'/%3E%3Cpath d='M7.99609 13.6016L7.99609 4.00156' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.59844 4H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M9.59844 13.6016H6.39844' stroke='%234A556C' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M6.16234 8.66456C6.26901 8.72614 6.26901 8.88011 6.16234 8.94169L4.24234 10.0502C4.13568 10.1118 4.00234 10.0348 4.00234 9.91164L4.00234 7.69461C4.00234 7.57144 4.13568 7.49446 4.24234 7.55605L6.16234 8.66456Z' fill='%234A556C'/%3E%3Cpath d='M9.84156 8.66456C9.7349 8.72614 9.7349 8.88011 9.84156 8.94169L11.7616 10.0502C11.8682 10.1118 12.0016 10.0348 12.0016 9.91164L12.0016 7.69461C12.0016 7.57144 11.8682 7.49446 11.7616 7.55605L9.84156 8.66456Z' fill='%234A556C'/%3E%3Crect x='2.91088' y='13.1641' width='12.8' height='1.6' rx='0.8' transform='rotate(-45 2.91088 13.1641)' fill='%234A556C' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E%0A");
+}
+
+.TWHintFilterOuter {
+    padding: 1px 0 0 0 !important;
+}
+
+.TWHintFilterMain {
+    margin-left: 8px;
+    padding: 0;
+}
+
+.TWSideRight.TWCellFilter {
+    background-position: center !important;
 }
 
 .TWMenuFocus {

package/css/std/controls/tree-view/tree-view.css

@@ -1,3 +1,5 @@
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jstree/style.min.css');
+
 :global(#TreeView) {
     height: calc(100% - 36px);
     flex: 1 1;

package/css/white/common.css

@@ -0,0 +1,21 @@
+@import url('@vitrosoftware/common-ui-ts/css/third-party/kendo/kendo.css');
+
+html, body {
+    overscroll-behavior-x: none;
+}
+
+:global(#root) {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+:global(.vitro-opacity-low) {
+    opacity: .3;
+}
+
+:global(.vitro-opacity-normal) {
+    opacity: 1;
+}

package/dist/index.css

@@ -1,14 +1,4 @@
 @import url('@vitrosoftware/common-ui-ts/css/third-party/kendo/kendo.css');
-@import url('@vitrosoftware/common-ui-ts/css/third-party/perfect-scrollbar/perfect-scrollbar.css');
-@import url('@vitrosoftware/common-ui-ts/css/third-party/jstree/style.min.css');
-@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-ui/jquery-ui.min.css');
-@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-ui/jquery-ui.structure.css');
-@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-ui/jquery-ui.theme.min.css');
-@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-contextMenu/jquery.contextMenu.min.css');
-@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-svg/jquery.svg.css');
-@import url('@vitrosoftware/common-ui-ts/css/third-party/sweetalert2/sweetalert2.css');
-@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-growl/jquery.growl.css');
-@import url('@vitrosoftware/common-ui-ts/css/third-party/uikit/uikit.css');
 
 html, body {
     overscroll-behavior-x: none;
@@ -235,6 +225,8 @@ html, body {
     }
 }
 
+@import url('@vitrosoftware/common-ui-ts/css/third-party/perfect-scrollbar/perfect-scrollbar.css');
+
 ._scrollbar_vitro-scrollbar-content_3HXSt5u {
     height: 100%;
     width: 100%;
@@ -385,6 +377,8 @@ html, body {
     }
 }
 
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jstree/style.min.css');
+
 #TreeView {
     height: calc(100% - 36px);
     flex: 1 1;
@@ -2167,6 +2161,7 @@ html, body {
     overflow: hidden;
     min-width: 0;
     align-items: center;
+    cursor: pointer;
 }
 
 ._file-version-select_vitro-file-name_1PtLh8A {
@@ -2248,6 +2243,16 @@ html, body {
     background-image: url("data:image/svg+xml,%3Csvg width='44' height='42' viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
 }
 
+._file-version-select_vitro-version-list_3h5D3pD .ps {
+    max-height: 364px;
+    border-radius: 4px;
+}
+
+._file-version-select_vitro-version-list_3h5D3pD .ps__rail-y {
+    border: none;
+    background-color: transparent !important;
+}
+
 ._file-version-select_vitro-file-version-item_38KWa8a {
     padding: 8px 12px;
     display: flex;
@@ -3973,31 +3978,72 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
         min-width: 100px;
     }
 }
-._sidebar-item_vitro-icon-text_3ROhyLK {
-    display: none;
-    color: #222D44;
-    font-size: 14px;
-    margin-left: 16px;
+._sidebar-item_vitro-item_1BR_7F0 {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-bottom: 8px;
 }
 
-.toggled.pinned ._sidebar-item_vitro-icon-text_3ROhyLK {
-    display: inline-block;
+._sidebar-item_vitro-icon_2B88tow {
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0;
+    margin-right: 16px;
+}
+
+._sidebar-item_vitro-item_1BR_7F0 button,
+._sidebar-item_vitro-item_1BR_7F0 a {
+    text-decoration: none;
+    outline: none;
+    border: none;
+    background-color: transparent;
+    height: 40px;
+    width: 100%;
+    border-radius: 8px;
+    padding: 8px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+}
+
+._sidebar-item_vitro-item_1BR_7F0 a > div,
+._sidebar-item_vitro-item_1BR_7F0 button > div {
+    display: flex;
+    width: -moz-fit-content;
+    width: fit-content;
+    align-items: center;
+    overflow: hidden;
+    flex-shrink: 0;
+}
+
+ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
+    background-color: transparent;
 }
 
 ._sidebar-item_vitro-item-text_1kK_aIZ {
-    display: none;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
-._sidebar-item_vitro-active_7p5iOhY {
-    background-color: #DCEEFF;
+._sidebar-item_vitro-icon-text_3ROhyLK {
+    text-align: center;
 }
 
-._sidebar-item_vitro-hover_1mECzme ._sidebar-item_vitro-icon-text_3ROhyLK {
-    color: #326AD6;
+._sidebar-item_vitro-icon-text_3ROhyLK,
+._sidebar-item_vitro-item-text_1kK_aIZ {
+    color: #222D44;
+    font-size: 14px;
 }
 
-ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
-    background-color: transparent;
+._sidebar-item_vitro-active_7p5iOhY {
+    background-color: #DCEEFF !important;
+}
+
+._sidebar-item_vitro-hover_1mECzme ._sidebar-item_vitro-icon-text_3ROhyLK,
+._sidebar-item_vitro-hover_1mECzme ._sidebar-item_vitro-item-text_1kK_aIZ {
+    color: #326AD6;
 }
 
 ._sidebar-item_vitro-active_7p5iOhY ._sidebar-item_vitro-icon-text_3ROhyLK,
@@ -4007,47 +4053,89 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     font-family: 'InterMedium';
 }
 
-._sidebar-item_vitro-icon_2B88tow {
-    width: 24px;
-    height: 24px;
+._sidebar-item_vitro-group-item_ZADCctV > button,
+._sidebar-item_vitro-group-item_ZADCctV > a {
+    display: flex;
+    align-items: center;
 }
 
-.toggled.pinned ._sidebar-item_vitro-item_1BR_7F0 a {
-    width: 100%;
+
+._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0:last-child {
+    margin-bottom: 0;
 }
 
-._sidebar-item_vitro-item_1BR_7F0 a > div {
+._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0 a,
+._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0 button {
     display: flex;
-    width: -moz-fit-content;
-    width: fit-content;
+    flex-direction: row;
     align-items: center;
+    padding-left: 24px;
 }
 
-._sidebar-item_vitro-item_1BR_7F0 a {
-    text-decoration: none;
-    height: 40px;
-    width: 40px;
-    border-radius: 8px;
-    padding: 8px;
+._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0 > a::before,
+._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0 > button::before {
+    content: '';
+    display: block;
+    flex-shrink: 0;
+    height: 24px;
+    width: 24px;
+    background-size: 100%;
+    background-position: center;
+    /* list-marker.svg URL-encoder for svg */
+    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='3' fill='%23222D44'/%3E%3C/svg%3E%0A");
+}
+
+._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0 > ._sidebar-item_vitro-active_7p5iOhY::before,
+._sidebar-item_vitro-group-item_ZADCctV > ._sidebar-item_vitro-item-list_17dWov1 > ._sidebar-item_vitro-item_1BR_7F0 > ._sidebar-item_vitro-hover_1mECzme::before {
+    /* list-marker-active.svg URL-encoder for svg */
+    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='3' fill='%23326AD6'/%3E%3C/svg%3E%0A");
+}
+
+._sidebar-item_vitro-expanded_3qb1vOx,
+._sidebar-item_vitro-collapsed_2EhVmXL {
     cursor: pointer;
-    margin-bottom: 8px;
     display: block;
+    flex-shrink: 0;
+    margin-left: auto;
+    width: 16px;
+    height: 16px;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 6L8 11L3 6' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+._sidebar-item_vitro-expanded_3qb1vOx {
+    transform: rotateX(180deg);
 }
 
+._sidebar-item_vitro-active_7p5iOhY ._sidebar-item_vitro-expanded_3qb1vOx,
+._sidebar-item_vitro-hover_1mECzme ._sidebar-item_vitro-expanded_3qb1vOx,
+._sidebar-item_vitro-active_7p5iOhY ._sidebar-item_vitro-collapsed_2EhVmXL,
+._sidebar-item_vitro-hover_1mECzme ._sidebar-item_vitro-collapsed_2EhVmXL {
+    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 6L8 11L3 6' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+}
+
+._sidebar-item_vitro-display-none_2WwKi5v {
+    display: none;
+}
+
+.vitro-bottom-menu ._sidebar-item_vitro-icon-text_3ROhyLK,
 .vitro-bottom-menu ._sidebar-item_vitro-item-text_1kK_aIZ {
     display: block;
     color: #4A556C;
     font-size: 12px;
     line-height: 12px;
     text-align: center;
+    overflow: visible;
+    white-space: normal;
 }
 
-.vitro-bottom-menu ._sidebar-item_vitro-icon-text_3ROhyLK {
-    display: none;
+.vitro-bottom-menu ._sidebar-item_vitro-icon_2B88tow {
+    margin-right: 0;
 }
 
 .vitro-bottom-menu ._sidebar-item_vitro-active_7p5iOhY {
-    background: transparent;
+    background: transparent !important;
     position: relative;
 }
 
@@ -4062,17 +4150,13 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     bottom: -8px;
 }
 
-._sidebar-item_vitro-active_7p5iOhY ._sidebar-item_vitro-item-text_1kK_aIZ {
-    color: #4A556C;
-    font-family: 'InterRegular' !important;
-}
-
-._sidebar-item_vitro-item_1BR_7F0 {
-    display: flex;
-    justify-content: center;
+.vitro-bottom-menu ._sidebar-item_vitro-item_1BR_7F0 {
+    margin-bottom: 0;
+    align-items: center;
 }
 
-.vitro-bottom-menu ._sidebar-item_vitro-item_1BR_7F0 > a {
+.vitro-bottom-menu ._sidebar-item_vitro-item_1BR_7F0 > a,
+.vitro-bottom-menu ._sidebar-item_vitro-item_1BR_7F0 > button {
     background: transparent;
     position: relative;
     display: flex;
@@ -4084,6 +4168,102 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     height: 100%;
     padding: 0;
     margin-bottom: 0;
+}
+
+._sidebar-item_vitro-popup-container_2X7SVxe {
+    transform: translate3d(0px, 0, 0px) !important;
+    height: 100%;
+    width: 100%;
+    padding: 0 0 56px 0;
+    display: flex;
+    flex-direction: column;
+    background: rgba(34, 45, 68, 0.56);
+    z-index: 1;
+}
+
+._sidebar-item_vitro-scrollbar___xylIx {
+    max-height: 292px;
+}
+
+._sidebar-item_vitro-scrollbar___xylIx .ps__rail-y {
+    background: transparent !important;
+    border: none;
+}
+
+._sidebar-item_vitro-scrollbar___xylIx .ps__thumb-y {
+    width: 2px !important;
+    right: 3px !important;
+    background-color: #E4E6EC !important;
+}
+
+._sidebar-item_vitro-scrollbar___xylIx > div:first-child {
+    max-height: 292px;
+    height: -moz-fit-content;
+    height: fit-content;
+    padding: 0 24px;
+}
+
+._sidebar-item_vitro-popup-item-list_JUwcoZB {
+    background: #F7F9FC;
+    width: 100%;
+    border-radius: 8px 8px 0 0;
+    padding: 0 0 4px 0;
+    margin: auto 0 0 0;
+}
+
+._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0 {
+    margin-bottom: 8px;
+    width: 100% !important;
+}
+
+._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0 > a,
+._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0 > button {
+    background-color: #fff;
+    padding: 12px;
+    height: 48px;
+    border-radius: 8px;
+    width: 100%;
+    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25);
+    justify-content: flex-start;
+}
+
+._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0 > a::before,
+._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item_1BR_7F0 > button::before {
+    content: '';
+    display: block;
+    flex-shrink: 0;
+    height: 24px;
+    width: 24px;
+    margin-right: 8px;
+    background-size: 100%;
+    background-position: center;
+    /* list-marker.svg URL-encoder for svg */
+    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='3' fill='%23222D44'/%3E%3C/svg%3E%0A");
+}
+
+._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-active_7p5iOhY {
+    background-color: #DCEEFF !important;
+}
+
+._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-active_7p5iOhY ._sidebar-item_vitro-item-text_1kK_aIZ {
+    font-family: 'InterRegular';
+}
+
+._sidebar-item_vitro-popup-item-list_JUwcoZB ._sidebar-item_vitro-item-text_1kK_aIZ {
+    font-size: 16px;
+    line-height: 24px;
+    color: #222D44;
+}
+
+._sidebar-item_vitro-button-close_2Kdf-ob {
+    background-color: #8E98A3;
+    width: 32px;
+    height: 4px;
+    display: block;
+    outline: none;
+    border: none;
+    border-radius: 2px;
+    margin: 12px auto;
 }
 ._sidebar_vitro-sidebar_1IxGYiU {
     height: 100%;
@@ -4096,7 +4276,6 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     align-items: center;
     flex-direction: column;
     padding-top: 80px !important;
-    padding: 0 8px 6px 8px;
     top: 0;
 }
 
@@ -4122,10 +4301,6 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     justify-content: space-between;
 }
 
-._sidebar_vitro-sidebar_1IxGYiU ul > li:last-child > ul > li:last-child a {
-    margin-bottom: 0;
-}
-
 ._sidebar_vitro-sidebar_1IxGYiU ul > li:last-child > ul > li:last-child a:hover {
     background-color: transparent;
 }
@@ -4139,9 +4314,25 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     font-weight: 400 !important;
 }
 
+._sidebar_vitro-scrollbar_2PtQGQD .ps__rail-y {
+    background-color: transparent !important;
+    border: none;
+}
+
+._sidebar_vitro-scrollbar_2PtQGQD > div:first-child {
+    padding: 0 8px;
+}
+
+._sidebar_vitro-sidebar-section-list_1nGto5m {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
 .vitro-bottom-menu {
     width: 100%;
-    z-index: 1;
+    z-index: 2;
     flex-direction: row;
     height: 60px;
     padding: 0 21px !important;
@@ -4150,6 +4341,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     top: initial;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
     border-radius: 4px 4px 0 0;
+    overflow: visible;
 }
 
 .vitro-bottom-menu ul {
@@ -4161,7 +4353,8 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 ._sidebar_vitro-scroll-container_3K-iJy8 {
     height: 100%;
     flex: 0 1 auto;
-    overflow: hidden;
+    overflow-x: hidden;
+    overflow-y: visible;
     padding: 8px 0;
 }